1、添加登录视图
添加视图
前面我们已经实现了注册功能,用户可以成功注册,接着我们就开始让用户登录了,此节我们就实现用户的登录功能,并且登录成功后跳转商品页面查看商品。
首先,我们还是在 views 目录下添加登录视图页面 —— login.html ,效果图如下:
2、访问登陆视图
访问视图
有了登录页面,那么注册页面( register )的登录按钮添加指向登陆页面的链接,相应的登陆页的注册按钮也是如此。
大约 5 分钟
添加视图
前面我们已经实现了注册功能,用户可以成功注册,接着我们就开始让用户登录了,此节我们就实现用户的登录功能,并且登录成功后跳转商品页面查看商品。
首先,我们还是在 views 目录下添加登录视图页面 —— login.html ,效果图如下:
访问视图
有了登录页面,那么注册页面( register )的登录按钮添加指向登陆页面的链接,相应的登陆页的注册按钮也是如此。
添加商品链接
上节课程里我们已经实现了商品的添加和展示,接下来我们开始进行对商品的操作——加入购物车。
首先,商品页的加入购物车按钮、购物车查看按钮添加链接,如下所示:
<a href="/addToCart/<%=Commoditys[i]._id%>">加入购物车</a>
我们先定义购物车( cart )集合的 Schema 属性,包含: uId ( 用户ID )、 cId ( 商品ID )、 cName ( 商品名称 )、 cPrice ( 商品价格 )、 cImgSrc ( 商品展示图片路径 )、 cQuantity ( 商品数量 )、 cStatus ( 商品结算状态 ,默认为 false ),参考如下:
简单启动
首先,新建一个项目工程目录,然后在目录下创建启动文件 app.js 。
这里会用到 Express 框架来实现相关功能,所以,需要先安装它。
在启动文件添加如下内容,来测试 Express 框架是否引用成功。
let express = require('express');
let app = express();
app.get('/', function (req, res) {
res.send('Hello World!');
});
app.listen(80);