首页 > 开发 > JavaScript > 正文

分享一个 nodejs ejs前端模板的实例代码

2020-03-24 16:48:14
字体:
来源:转载
供稿:网友
前言:
如果所有的前端页面都需要自己拼装成HTML字符串之后打印给前台,那么对开发人员来说无疑是很大的工作量,因此,就需要使用前端模板,把关注的重心集中到前端的数据上,类似于PHP,JSP等web动态语言。

模板选择:

由于是团队协作,为了降低学习成本,我选择了EJS,类似于PHP和JSP的开发,熟悉这个的人,就大大的提高了效率。

启动webapp 页面[javascript] view plain copyvar express = require( express var http = require( http var app = express(); ////////////////////// 设置模板 ///////////////////////////// var ejs = require( ejs //使用set方法,为系统变量“views”和“view engine”指定值。 app.set( views , __dirname + /views // 指定模板文件的后缀名为html app.set( view engine , html // 运行hbs模块 app.engine( html , ejs.__express); ////////////////////// 利用文件来拆分路由的规模 ///////////////////////////// var router = express.Router(); var router1 = require( ./routes/router1 var router2 = require( ./routes/router2 var router3 = require( ./routes/router3 var testRouter = require( ./routes/test/test 
router.get( /a , function(req, res, next) { res.render( router1/index , { name: Express 路由1 }); module.exports = router; 模板页面views/router1/index.html[html] view plain copy !DOCTYPE html html lang= zh-CN head meta name= viewport content= width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no meta http-equiv= Content-Type content= text/html; charset=UTF-8 script src= ../../public/js/jquery.min.js /script script src= ../../public/js/hb_common.js /script link rel= stylesheet href= ../../public/css/bootstrap.min.css link rel= stylesheet href= ../../public/css/hb_wap.css title 黄彪测试nodejs模板 /title /head body button >

以上就是分享一个 nodejs ejs前端模板的实例代码的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表