小电商项目实战 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

添加文件


有了目录,我们开始添加文件,先来添加一个登录页面register.html,便于管理和开发我们统一把视图页面放到views目录下。

views目录,添加register.html注册视图页,如下简单效果图:

有了视图页面,我们就可以访问它了,那要如何访问呢,这里就要使用到ejs模板了,安装方法不在阐述,直接如下引用:

app.set( 'view engine', 'html' );
app.engine( '.html', require( 'ejs' ).__express );

使用engine函数注册模板引擎并指定处理后缀名为html的文件。

设定视图存放的目录

app.set('views', require('path').join(__dirname, 'views'));

如果是在本地项目中,我们还要指定本地静态资源访问的路径,如下设置:

app.use(express.static(require('path').join(__dirname, 'public')));