-
- 仿淘宝电商系统
- 责任描述:
独立完成从前台到后台开发。
- 涉及技术:
前台:html + css + jQuery + AngularJs
后台:Node.js + Express + MongoDB + Mongoose
- 项目描述:
前台:
1.实现完整电商流程所有静态页面。
2.用jQuery实现页面特效和动态数据,如定时自动轮播、放大镜、分页插件、购物车商品数量+-、购物车结算等等。
3.用Ajax实现和后台数据交互,例如商品加入购物车向后台发送商品信息等等。
4.用户注册登录表单验证使用AngularJS。
5.页面兼容Chrome、Firefox、IE7+ 等主流浏览器。
后台:
1.Node的Express框架实现用户登录、用户注册、登出注销用户功能。使用session存储用户状态。
2.Express框架实现数据库的增删查功能,被选商品的信息加入数据库且商品显示在购物车、购物车中删除商品、从数据库取数据,将数据渲染到页面。
使用EJS模板引擎。
- 开发遇到的问题和解决方案:
1. 商品数量+-,判断类名是否为increase或decrease。
2. 逻辑很重要。未选中商品,商品数量+-,只修改金额;选中商品,商品数量+-,计算金额,计算商品件数,计算合计。选中店铺,全选店铺下所有商品。选中店铺中所有的商品,选中店铺。取消选中的商品,修改商品件数,合计。若取消店铺,取消店铺所有商品。取消店铺所有商品,取消店铺。
- 项目地址: https://github.com/JQLing/Online-retailers
- 个人收获:
巩固了前端基础知识html,css,javascript的练习。对页面整体规划,合理布局。提高了代码复用性,使用了有语义的标签、运用了切图,拼图技术。更加清晰地认识前后台数据交互。