小米商城移动端全栈项目总结


一、前端部分

首页

在这里插入图片描述
首页,轮播图调的后端接口

2.分类页面

在这里插入图片描述
分类页面实现左右联动,tab卡都可以正常切换,点击横向导航栏可以滚动到相应位置,使用的bootstrap,所有数据都来自后端接口

3.米圈页面

在这里插入图片描述
登陆后的米圈页面发布按钮可以自行拖动,数据来自后端接口

4.购物车页面

在这里插入图片描述
购物车全部功能正常,数据来自后端接口

5.登录页面

在这里插入图片描述
复选框没勾选按钮为不可点击状态
后端从前端拿到输入的数据后进行判断如果用户名密码正常的话就登录跳转
账号密码这里做了表单验证
登陆后用sessionStorage储存从后端传来的数据,在别的页面取出储存的数据并进行遍历
最后做了一个退出登录点击后removeItem(存储的数据)实现退出登录

总结

在本次项目中,头一次接触了全栈项目,在写项目刚开始的时候对nest不熟悉导致上来做轮播图的接口的时候很吃力,哪里写错了,哪里忘导入了总是缺东少西然后控制台报错,但是我们一次次将错误找出并且解决后就感觉又涨了一些处理错误的经验,后面出错后就不用再无厘头的去找错误了,可以很快地定位错误,
通过此次全栈项目,让我们对前后端的一个交互有了一定的了解而且让我们对于改错有了一定的思路我相信通过一次次的项目积累的经验,会让我们以后的开发越来越顺利。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值