Node.js模板引擎学习----ejs
2024-10-02 02:45:00
环境:windows+node.js+express
一、安装ejs
打开cmd窗口,输入npm install ejs -g,等待下载安装完成。
二、使用
调用过程中使用路由机制和模板,路由请求地址为根目录,模板文件为home.ejs【注:模板引擎文件为.ejs文件】
1、新建js文件为index.js
写入如下代码:
varexpress=require("express"); varapp=express(); //设置渲染引擎 app.set("viewengine",'ejs'); //设置模板目录为当前index.js目录同级views目录下的模板 app.set("views",__dirname+"/views"); //设置使用当前目录 app.use(express.static(__dirname)); app.get("/",function(req,res){ //渲染页面并传值 res.render('home.ejs',{name:"kid"}); }); //监听3000端口 app.listen(3000);
2、新建home.js,目录为/views/home.ejs,输入如下内容:
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title></title> </head> <body> <h2>Hello</h2> <!--<%%>:ejs的语法--> <p>Hi<%=name%></p> </body> </html>
3、在浏览器中输入localhost:3000回车
结果如下
4、在网页里面引入ejs,渲染
修改home.js
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title></title> </head> <body> <h2>Hello</h2> <!--<%%>:ejs的语法--> <p>Hi<%=name%></p> <divid="new-temp"></div> </body> <!--========================================--> <scriptsrc="../ejs.min.js"></script> <script> vartmp="<p>Newtemplate</p>"; varnewTemplate=document.getElementById("new-temp"); newTemplate.innerHTML=ejs.render(tmp); </script> <!--========================================--> </html>
总结:由此可以扩展到动态创建或者获取res.render()方法的locals参数,然后渲染相同的页面,第4步,就像引入jquery一样对网页进行操作。
最新文章
- Linux系统下Redis安装(一)
- 黑马程序员:Java编程_异常
- Dungeon Game ——动态规划
- shaerpoint designer 无法创建 visio 2013工作流
- 爬取知乎百万信息之UrlTask
- Struts2.3.16.3 基本9个jar包
- Java日期时间使用(转)
- HDU 4289 Control
- 知识树杂谈Android面试(3)
- Collaborative Filtering(协同过滤)算法详解
- leetcode 717. 1-bit and 2-bit Characters -easy
- for in和for of的区别(转)
- Percona-Toolkit 之 pt-archiver 总结
- 制作CSS绚烂效果的三种属性
- easyui---form表单_validatebox验证框
- 第二届i春秋挖洞大赛的一些感想
- Selenium (4) —— Selenium是什么? WebDriver是什么?做什么?(101 Tutorial)
- Flink架构分析之资源分配
- Android支付接入(7):Google In-app-Billing
- jQuery中first-child与first选择器区别
热门文章
- amazeui-js插件-ui增强-日期组件如何使用(把实例做一下)
- Android中获取当前位置的使用步骤
- BZOJ1415 聪聪与可可 - 期望dp
- NOIP模拟 path - 按二进制位分组
- 快速删除 jar 里面的 BuildConfig.class
- Android之assets资源目录的各种操作
- Android Studio 报错Guest isn&#39;t online after 7 seconds 解决方案
- quick cocos2dx lua 网络图片 下载 自己主动更新
- Step-By-Step Installation of RAC with RAW Datafiles on Windows 2000
- spring mybatis circular reference