Node js express框架实现路由以及使用ejs模板引擎

最新推荐文章于 2024-08-31 13:58:33 发布

原创最新推荐文章于 2024-08-31 13:58:33 发布 · 270 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用ejs模板引擎进行高效的数据动态渲染，并通过模拟Express框架实现路由配置。涵盖ejs的基本语法，如流程控制、数据渲染等，同时展示了如何在不同路由下加载并渲染特定的视图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

main.js

//ejs 高效率js 模板引擎 动态渲染数据到页面
// 模拟express框架路由  实现
let http = require("http");
let app = require('./route');
let ejs = require("ejs");
http.createServer(app).listen(8000, "127.0.0.1", () => {
    console.log("服务端运行成功！");
});

router.js

//配置当前项目的路由
let ejs=require("ejs");
module.exports=(app)=>{
    //
    app.get("/",(req,res)=>{
        //1:渲染方法 同步渲染
        //let data="helen"
        //let html=ejs.render("<%=data %>",{data:data});
        //res.send(html);

        //2:菜单
        let data=[
            {
                name:"首页",
                action:"/login"
            },
            {
                name:"学生信息管理",
                action:"/one"
            },
            {
                name:"学生成绩管理",
                action:"/two"
            },
            {
                name:"学生四六级管理",
                action:"/three"
            }
        ];
        //根据账户密码获取这个人信息
        let info={
            name:"maodou"
        }
        //let str='<div><ul><% for(let i=0;i<menubar.length;i++){%><li><%= menu[i].name %></li><%}%></ul></div>';
        //let html =ejs.render(str,{menu:data});
        //res.send(html);

        //ejs renderFile
        //let syslogo={
        //   name:"学生信息管理系统"
        //}
        //指定分割符号 delimiter 
        ejs.renderFile('View/index.ejs',{menu:data,info:info},{delimiter:'$'},(err,str)=>{
            if(err){
                throw err;
            }
            res.send(str);
        });
    });
}

app.get("./one",(req,res)=>{
    ejs.renderFile('View/one.ejs',{menu:data},(err,str)=>{
        if(err){
            throw err;
        }
        res.send(str);
    });
});
app.get("./three",(req,res)=>{
    ejs.renderFile('View/three.ejs',caches,{menu:data},(err,str)=>{
        if(err){
            throw err;
        }
        res.send(str);
    });
});
app.post("/login",(req,res=>{
    let body=res.body;
    if(body.userid=="admin"&&body.userpwd=="123456"){
        //登录成功
        ejs.renderFile("View/main.ejs",(err,str)=>{
            if(err){
                throw err;
            }
            res.send(str);
        });
    }
    else{
        console.log("登录不成功");
    }
}));
//ejs 高效率js 模板引擎 动态渲染数据到页面
// 模拟express框架路由  实现

//语法
//<% %>用于流程控制
//<%_ _%>删除前面的空格
//<%= %>渲染数据到模版
//<%- %>渲染非转义的数据到模版