1.安装Express框架
Express是快速、独立、极简的 Node.js Web 框架。分为:路由、控制层、数据层、视图层
事先安装Node.js运行环境。
express相当于一个第三方包。
① 本地安装,将express安装在当前目录的node_modules下。
npm install express -g
全局安装,将express安装在Node.js的lib下:
npm install express -gd
全局安装Express应用程序生成器:
npm install express-generator -g
Express框架和Express应用生成器可以一起安装:
npm install express express-generator -g
② 查看Express的版本号
express --version
③ 使用Express应用程序生成器快速创建Express项目:(缺点:不好删除文件)
express myweb01 创建一个名为myweb01的项目
2.ejs模板引擎的使用
EJS(Embedded JavaScript)是一种流行的JavaScript模板引擎,用于在Node.js和浏览器中生成动态HTML页面。
① 安装ejs
npm i ejs
//设置静态资源托管的根目录 使用static托管
//express.static()是内置的中间件函数,用来管理资源
//渲染的页路径中不添加前缀"…/public"
// app.use(express.static(path.join(__dirname,“public”)))
//渲染的页路径中添加前缀"…/public",注意"/public"为虚拟目录
app.use(“/public”,express.static(path.join(__dirname,“public”)))
② express框架应用ejs模板引擎
app.set(“view engine”,“ejs”);
③ 设置模板文件存放的目录
app.set(“views”,path.join(__dirname,“views”));
④ 模板文件的后缀名要改为.ejs
⑤ 渲染函数:
渲染静态页面:
res.render(“index”);
渲染动态页面:
res.render(“index”,{
swiper:results
});
⑥ 模板文件使用模版语法渲染模板数据
<% js语句 %>
<%= 输出模板变量的值 %>