页面模板渲染数据

逻辑混乱阅读者可忽略

结合继承的思想我们引入模板引擎进行页面开发同时引擎是拥有数据绑定的功能
这个功能在开发中起到很大的作用

在项目根目录下 npm install nunjucks –save 下载；

在app.js 引入nunjucks模板库 var nunjuck = require(‘nunjucks’)

并配置模板引擎：

app.set('view engine', 'tpl');

  nunjucks.configure('views',{
      autoescape:true,
      express:app,
      watch:true
  });

随着对页面进行操作，页面会发生变化。那么页面之间的跳转如何实现？数据如何在跳转中进行加载？

引入 var router = express.Router();

页面中跳转的URL： /user/edit 对应路由中配置的路径 router.get(‘/user/edit’,methods);

路由请求中调用的方法（methods）：是控制跳转至URL后需要对页面数据交换进行的操作

遵行MVC模型，将其定义在根目录下 file://Controllers 而负责页面跳转路由,则定义在根目录下 file://Router;

关于Router，补充与一点，专门与服务器请求数据的我们独立分开成两个文件将其命名api.js 而页面跳转
则命名为index.js 目的是严谨代码逻辑，体现模块化的功能下面Controllers Model 也有所体现。

Controllers: 在里面定义 methods: async function(req,res,next){
调用封装后的Model里面定义的读取数据库的方法}

在方法里面调用到Model的方法时使用 await (async await的理解后续补上)

res.locals.protype = value;

res.locals 是express中对于单次请求响应的周期内所使用的数据

app.locals 则针对于全局的常量来使用

value 就是 Model 与数据库连接后所获取得到的数据。

##本内容关注的是页面的渲染只关注从数据库获取数据#

res.render(‘index’) 服务器发出响应要求客户渲染模板的方法事先在 app.js 中配置好模板引擎可忽略模板文件的后缀

index完整的信息是 ‘路径/index.tpl’

上面操作中：res.locals.protype =value;

protype 对应tpl文件中的使用语法如下

加载数据

####以上就是数据渲染到模板的流程

深化请继续阅读
nunjuck.js 模版语法
express.js request respones router 的API