【Express框架的介绍与使用】

10 篇文章 0 订阅
1 篇文章 0 订阅

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语句 %>
<%= 输出模板变量的值 %>

  • 11
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值