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框架中 去,这样就不用在手动移动了