来自公众号:我是程序汪
作者:我是程序汪
推荐3个开源的电商项目建议大家好好研究下
培训机构为啥偏爱电商
程序汪分析主要是由于下列原因
电商涉及的中间件多,具体可以见下面项目介绍
电商有高并发场景,秒杀抢购
电商涉及资金,支付场景
电商比较显逼格,毕竟前有淘宝后有京东 现在又杀出一个拼多多
包装的电商项目翻车原因分析
程序汪分析主要是由于下列原因
自己开发的功能过于简单,如很多培训的简历就一个单点登陆一个购物车功能;
项目介绍过于简单,真实电商项目环境复杂 业务也比较复杂,项目表达的时候应该可以聊很多,但很多人说的太少;
培训机构标配电商,很多简历雷同概率高了,导致面试官面试疲惫
如果是学习技术拿电商来练手还是可以的毕竟有很多复杂的业务场景
一 xmall
源码下载地址:https://github.com/Exrick/xmall
前端地址: http://xmall.exrick.cn
后端管理地址:http://xmadmin.exrick.cn/
基于SOA架构的分布式电商购物商城 前后端分离 前台商城:Vue全家桶 后台管理系统:Dubbo/SSM/Elasticsearch/Redis/MySQL/ActiveMQ/Shiro/Zookeeper等
前端所用技术
后台页面
感谢 H-ui、FlatLab 提供静态页面支持
Ztree:jQuery树插件
DataTables:jQuery表格插件
Layer:web弹层组件
Distpicker:中国省市区地址三级联动插件
KindEditor:富文本编辑器 简洁方便 没UEditor那么多坑
WebUploader:百度文件上传插件
HighCharts:图表库
不蒜子:极简网页计数器
前台页面
详情请跳转至 xmall-front 项目仓库
感谢 yucccc 的开源 vue-mall 项目提供前端页面及框架支持
Vue2 + Vuex + Vue Router + Element UI + ES6 + webpack + axios + Node.js
后端所用技术
各框架依赖版本皆使用目前最新版本 可进入xmall-parent中 pom.xml 查看
Spring
SpringMVC
MyBatis
Dubbo
ZooKeeper
MySQL
Mycat:数据库分库分表中间件
Redis:缓存
Elasticsearch:基于Lucene分布式搜索引擎
ActiveMQ:消息队列
Druid:阿里高性能数据库连接池
Shiro:安全框架
Swagger2:Api文档生成
Docker
Nginx
Tomcat
Maven
第三方SDK
七牛云文件存储服务
极验Test-button人机验证码因其收费见极验验证码移除文档
第三方插件
hotjar:一体化分析和反馈
搜狐畅言评论插件
第三方接口
Mob全国天气预报接口:需注册账号创建应用后申请填入AppKey
其它开发工具
Jenkins:持续集成
JRebel:开发热更新
阿里JAVA开发规约插件
二 litemall
源码下载地址:https://github.com/linlinjava/litemall
移动端地址: http://122.51.199.160:8080/vue/index.html#/
后端管理地址:
浏览器打开,输入以下网址: http://122.51.199.160:8080/#/login
管理员用户名
admin123
,管理员密码admin123
又一个小商城。litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
技术栈
- Spring Boot
- Vue
- 微信小程序
功能
小商城功能
首页
专题列表、专题详情
分类列表、分类详情
品牌列表、品牌详情
新品首发、人气推荐
优惠券列表、优惠券选择
团购
搜索
商品详情、商品评价、商品分享
购物车
下单
订单列表、订单详情、订单售后
地址、收藏、足迹、意见反馈
客服
管理平台功能
会员管理
商城管理
商品管理
推广管理
系统管理
配置管理
统计报表
三 mall
源码下载地址:https://github.com/macrozheng/mall
后台管理系统
前端项目mall-admin-web
地址:https://github.com/macrozheng/mall-admin-web
项目演示地址:http://www.macrozheng.com/admin/index.html
账户:admin 密码:macro123
mall
├── mall-common -- 工具类及通用代码
├── mall-mbg -- MyBatisGenerator生成的数据库操作代码
├── mall-security -- SpringSecurity封装公用模块
├── mall-admin -- 后台商城管理系统接口
├── mall-search -- 基于Elasticsearch的商品搜索系统
├── mall-portal -- 前台商城系统接口
└── mall-demo -- 框架搭建时的测试代码
技术选型
后端技术
前端技术
技术 | 说明 | 官网 |
---|---|---|
Vue | 前端框架 | https://vuejs.org/ |
Vue-router | 路由框架 | https://router.vuejs.org/ |
Vuex | 全局状态管理框架 | https://vuex.vuejs.org/ |
Element | 前端UI框架 | https://element.eleme.io |
Axios | 前端HTTP框架 | https://github.com/axios/axios |
v-charts | 基于Echarts的图表框架 | https://v-charts.js.org/ |
Js-cookie | cookie管理工具 | https://github.com/js-cookie/js-cookie |
nprogress | 进度条控件 | https://github.com/rstacruz/nprogress |