一直想写一个稍微复杂一点的项目练手,思来想去还是商城系统比较复杂,但由于之前并未写过复杂的项目,所以势必会有诸多逻辑或是方法上的问题,望大家见谅。本项目仿写京东商城,采用前后端分离的模式,提供基于vue-cli
的前端和基于egg.js
的后端(之前没有管理系统,没有存储商品,管理系统还在不断更新),二者在下方都有传送门,项目实现了部分商城功能,但支付并不能真的支付,想买东西还请移步京东商城
注:本项目纯属自己练手,与京东商城毫无关联
vue-cli2.0 + sass + iconfont + egg.js + MongoDB + element-ui
git clone https://github.com/Leesssssssss/jd-shop-admin.git
cd jd-shop-admin
npm install
npm run dev
- 商城首页展示
- 用户注册
- 用户登录
- 商品分类
- 购物车
- 发现页
- 个人中心
- 商品详情
- 收货地址
- 修改个人信息
- 支付下单(不是真的支付)
- 全部订单
- 订单详情
.
├── build // webpack配置文件
├── config // 项目初始化的配置
├── src // 源码目录
│ ├── components // 组件
│ │ ├── index
│ │ │ ├── index.scss // 首页样式
│ │ │ └── index.vue //首页
│ │ └── login
│ │ ├── login.scss // 登录样式
│ │ └── login.vue // 登录页
│ ├── router // 路由文件
│ │ └── index.js // 路由配置
│ ├── App.vue // 页面入口文件
│ └── main.js // 程序入口文件,加载各种公共组件
├── static // 静态资源目录
│ └── css // 样式文件
│ └── reset.css // 初始化样式
├── test // 项目测试
├── .babelrc // Babel的配置文件
├── .editorconfig // 代码规范配置文件
├── .gitignore // git忽略配置文件
├── .postcssrc.js // postcss插件配置文件
├── README.md // 项目说明书
├── index.html // 页面入口文件
├── package-lock.json // 项目包管控文件
└── package.json // 项目配置
.
如果对您有帮助,可以点右上角 "Star" 支持一下 谢谢!
或者可以 "follow" 一下,我会不断开源更多的有趣的项目