快要入职了,为了避免自己实力太辣鸡,所以决定先学一个前后端分离的企业级上线项目。本课程主要是对慕课网收费课程《真实数据对接 从0开发前后端分离的企业级上线项目》的学习和总结,主要是笔记形式。如有涉及侵权,我会关闭对外浏览权限。
课程主要非常适合刚进入IT行业的毕业生或初、中级前端攻城狮,为了更顺利的完成本课程,需要具备以下技能:基本的HTML,JavaScript,CSS, jQuery基础,CommonJs设计规范,模块化概念。本课程主要内容有:
![](https://img.haomeiwen.com/i2037656/359aeac1a1573e74.png)
做成一个完整作品,还可以作为找工作的加分项。
四大目标:
![](https://img.haomeiwen.com/i2037656/f39347ac19e4a8d6.png)
第三个目标:业务的可用性,可维护性和可扩展性。因此用主流的前后端数据分离,分层架构设计,和模块化思想去设计这个项目的结构。实现高内聚,低耦合。
项目的演示地址为:点这里 打开网页可以看一下具体有登录功能、商品功能等等。包括导航,轮播,最后还有友情链接等。
![](https://img.haomeiwen.com/i2037656/f2d2056127208492.png)
![](https://img.haomeiwen.com/i2037656/9c7c7511d55d39d7.png)
点击登录,免费注册,对应相应的页面。注册时候还有用户名的检测。输入有效信息后,就可以注册了。已有的账号可以登录。忘记密码,有密码提示问题,可以进行修改密码。充值密码。可以立即登录。可以退出登录。
商品模块:可以搜索商品,商品list可以排序。商品太多可以分页。点击商品,有详细的信息。商品可以预览图。商品详情有个富文本。可以加入购物车,可以在购物车查看,可以选择,或者删除购物车商品,去结算,订货确认页,有地址和清单。可以添加地址。提交订单,有支付页面,扫描处理后,可以付款。页面自动检查付款状态,更改订单状态。我的订单,是一个订单列表。多个订购单会分页。个人中心是相关信息。可以修改密码。MMall。
后台系统:登陆,可以进行商品管理(查询商品,添加商品,等功能。商品可以下架上架功能),品类管理,订单管理。
![](https://img.haomeiwen.com/i2037656/d421ae41ef6b68d3.png)
![](https://img.haomeiwen.com/i2037656/cbe3c80097a2ea94.png)
![](https://img.haomeiwen.com/i2037656/dc2285bd20b51920.png)
![](https://img.haomeiwen.com/i2037656/2ad1629144425ab8.png)
![](https://img.haomeiwen.com/i2037656/474285c7d5da0cfa.png)
![](https://img.haomeiwen.com/i2037656/a7bbea9440cd0bfe.png)
![](https://img.haomeiwen.com/i2037656/0928988d249e8be7.png)
![](https://img.haomeiwen.com/i2037656/5965cf3a306cf2a9.png)
感觉东西很多啊。一个月不知道能不能搞透呢。
网友评论