1 :网站的工作原理
客户端传参数→ 服务器收参数 → 做业务处理→把处理结果显示在页面上。
如何显示结果到界面?
1,混合开发:
由 服务器端 拿到数据 和 html代码进行混编,在输出。
web前段的我们依旧根据后端的需求去改写代码,从而合作。但是存在的问题也比较多,因此,现在也比较新兴前后端分离的这种模式来进行开发。
2 采用分离:
前段的我们把数据丢给模板引擎,模板自己完成渲染。在输出到界面上。我们的html代码也不会被破坏,但是需要添加模板引擎的标签,最后在完成渲染就可以输出到页面上,更加简单,方便。
2 express 支持的模板引擎:(可以简单的理解为正则替换)
面前默认支持的模板引擎:
1,jade (这个模板比较简洁 html代码区别非常大)
2.ejs (ejs这个模板和html代码区别较小,个人比较喜欢使用)
简单介绍下:
1.模板问价后缀.ejs
2.开始<% 结束 %>
用这个标签 包裹进来的代码 都会被js模板内部处理
而变成真实数据
<%= %>这种标签等于号表示原样输出,html代码标签代码会原样输出面上。如果是<%- %>这种表示只输出内容,html标签不输出。
3. pug (喜欢的朋友可以去下载哈)
4. handerbar (喜欢的朋友可以去下载哈)
3.安装ejs模板引擎的步骤
1:npm install ejs --save 安装下载
(在cmd中输入npm install ejs --save下载 可以直接下载到你的express框架中 去,这样就不用在手动移动了)
2 配置:
app.set(‘views’, ‘pages’); //views 是一个固定值 表示模板引擎模板的目录位置
app.set(‘view engine’, ‘ejs’); //使用什么模板引擎,ejs就表示使用ejs模板引擎;
3 读取模板引擎:
res.render(参数1,参数2);
参数1::模板引擎文件的位置,可以不用写后缀.ejs;
参数2 表示要传递的值(可以是json或者字符串或者数字);
4 ,让ejs模板引擎识别html(.ejs) 文件,让我们使用习惯.
1 ,引入ejs模块
2,设置可以识别后缀
3, app.engine(’.html’, ejs.__express); //让我的模板引擎可识别html后缀的文件
4, res.render(‘1.html’,)//,如果文件名1.ejs改为1.html,这里必须写成1.html不能再写1了,不然找不到对应的文件。