用户登录

你可以先去给项目选择一款视图引擎 ... 这里我用一个比较简单的,叫 ejs ... 先去安装一下它 ..

npm install ejs --save

回到项目 ... 我们先去设置一下要使用的视图引擎 ... 用一下 set 这个方法 .. 设置一下 views ,先指定一下视图的位置 ..

这里我们要用一下 node 的 path 模块 .. 在顶部导入这个模块 ..

再用一下 path 的 resolve ... __dirname ,当前目录下面的 views 这个目录 ..

我们可以把视图文件放在 views 这个目录的下面 ..

app.set('views', path.resolve(__dirname, 'views'))

再去设置一下视图引擎 ...

app.set('view engine', 'ejs')

在这个路由里,我们不再直接输出响应的内容 ... 可以渲染一下视图 .. 用的是 render 方法 .. 视图的名字是 index ..

再去创建这个视图文件,放在 views 目录的下面,名字是 index.ejs .. ejs 是 ejs 视图文件的扩展名 ..

添加一个基本的 HTML 文档的结构 ... 一组 h1 标签,包装一个 hello .. 保存 ..

回到浏览器 .. 页面上显示的还是一个 hello ,跟之前不一样的是,这个 hello 是在一个视图里 ..

使用 Views:视图《 Express 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点