购物网站注册页面html,电商购物网站 - 实现注册

1、项目启动

简单启动

首先，新建一个项目工程目录，然后在目录下创建启动文件app.js。

这里会用到Express框架来实现相关功能，所以，需要先安装它。

在启动文件添加如下内容，来测试Express框架是否引用成功。

let express = require('express');

let app = express();

app.get('/', function (req, res) {

res.send('Hello World!');

});

app.listen(80);

浏览器查看结果显示"Hello World!"，如收到响应信息则表明我们项目的第一步已经成功搞定。

2、创建目录

项目已经启动成功，下面我们开始创建相关目录，用于存储不同的文件。

public目录：存放静态文件。

routes目录：存放路由文件。

views目录： 存放页面文件。

common目录：存放公共文件。

public目录(可不选)，新建javascripts、stylesheets、images三个目录用以存储js、css、img相关文件。

这里我们内置了一些js、css文件来实现简单页面样式和操作，在页面视图中直接使用即可，引用方法如下：

3、添加注册视图页面

添加文件

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

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

有了视图页面，我们就可以访问它了，那要如何访问呢，这里就要使用到ejs模板了，安装方法npm install ejs --save，引用如下：

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

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

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