黑马2018移动前端开发 传智播客前端与移动开发 web前端移动端开发流程图
项目地址:github
下载源码:
html 代码
git clone https://github.com/fangfeiyue/Mall.git
运行项目:
html 代码
npm install
npm run dev
项目描述:
这是一个相对简易的电商品台,虽然相对简易,但也是麻雀虽小五脏俱全,电商平台需要的主要功能基本都实现了,本项目主要实现了电商平台常用的几大模块:用户模块、商品模块、购物车模块、订单模块、支付模块。
技术选型:
版本控制:git
开发工具:vscode
软件开发过程:敏捷开发
框架选择:jquery + css + Hogan
模块化方案:CommonJS + Webpack
前后端分离方式:完全分离,纯静态方式
几大模块简介:
用户模块
数据安全性处理
表单同步/异步验证
小型SPA开发
商品模块
jquery插件模块化改造
独立组件抽离
多功能列表开发
购物车模块
技术点:
商品状态随时验证方案
模块内部方法调用方式
非Form提交时的数据验证
功能点:
购物车中商品的展示
修改购物车中的商品数量
选中/取消选中购物车中的商品
全选/取消全选购物车中的商品
删除单个/多个购物车商品
购物车结算
订单模块
技术点
Modal式组件封装思想
城市级联操作
复杂表单回填
订单确认页功能点
地址管理(增、删、改、查)
订单商品信息的展示
订单的提交
订单列表页功能点
订单列表的展示
分页
订单详情页功能点
订单详情的展示
未支付订单可以支付
取消订单
支付模块
支付宝支付功能对接
支付状态检测
支付成功回执处理
移动端订货前端开发 移动前端开发的前景好 移动前端开发适配
评论前必须登录!
注册