Github上开源电商系统mall 的学习

Github上开源电商系统mall 的学习

前言

本来是打算按目录下的结构来学习的，突然发现这样下来整体学习下来对自己而言思路不清晰，所以就想的怎样可以更清晰一些，方便地去了解，熟悉整个业务，整体项目。该项目本来就是前后端分离的项目，思考下来有两种方式：从前往后（前台到后台），从后往前（后台到前台），这样可能更容易理解，欢迎各位大佬指教。

后台整体项目的结构

首先，整体看看项目的结构，看看有哪些模块，见名知意，大概清楚自己想看的功能逻辑在哪个包下。

mall
├── mall-common -- 工具类及通用代码
├── mall-mbg -- MyBatisGenerator生成的数据库操作代码
├── mall-security -- SpringSecurity封装公用模块
├── mall-admin -- 后台商城管理系统接口
├── mall-search -- 基于Elasticsearch的商品搜索系统
├── mall-portal -- 前台商城系统接口
└── mall-demo -- 框架搭建时的测试代码

mall在github上的源码

mall在Windows 环境下的部署

前台整体项目的结构

src -- 源码目录
├── api -- axios网络请求定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── store -- vuex的状态管理
├── styles -- 全局css样式
├── utils -- 工具类
└── views -- 前端页面
    ├── home -- 首页
    ├── layout -- 通用页面加载框架
    ├── login -- 登录页
    ├── oms -- 订单模块页面
    ├── pms -- 商品模块页面
    └── sms -- 营销模块页面

mall-admin-web在github上的源码

mall前端项目的安装与部署

最后在本地启动服务后的效果：

以下是学习各个业务的文章：

----------------------------------------------后续更新链接-------------------------------------------
订单相关的业务学习
商品相关的业务学习

有不对的地方，欢迎大家一起讨论。
最后，欢迎大家关注我的微信号，您的点赞，收藏，转发就是对我的最大鼓励。