调整页面细节
This commit is contained in:
Chopper
parent
530fd30cc2
commit
5d393cbb06
368
README.md
368
README.md
@ -1,11 +1,19 @@
|
||||
## Lilishop B2B2C商城系统
|
||||
|
||||
##### 官方公众号 & 开源不易，如有帮助请点Star
|
||||
|
||||
|
||||
[](https://gitee.com/beijing_hongye_huicheng/lilishop/stargazers)
|
||||
|
||||
|
||||
### 介绍
|
||||
**官网**：https://pickmall.cn
|
||||
|
||||
Lilishop 是一款Java开发，基于SpringBoot的B2B2C多用户商城，前端使用 Vue、uniapp-app开发 **系统全端全部代码开源**
|
||||
Lilishop 是一款Java开发，基于SpringBoot研发的B2B2C多用户商城，前端使用 Vue、uniapp开发 **系统全端全部代码开源**
|
||||
|
||||
商城展示端包含 PC、H5、小程序、APP。
|
||||
产品前后端分离、支持分布式部署。
|
||||
|
||||
商城展示端包含 PC、H5、微信小程序、APP。
|
||||
|
||||
商城包含 会员模块、**第三方登录模块**、**第三方支付模块**、**楼层装修模块**、订单模块、分销模块、文章模块、系统设置模块、流量分析模块
|
||||
|
||||
@ -13,14 +21,12 @@ Lilishop 是一款Java开发，基于SpringBoot的B2B2C多用户商城，前端
|
||||
|
||||
开箱即用，简单配置即可部署一套属于您的系统。
|
||||
|
||||
完美支持二开、学生毕业设计答辩等各个场景
|
||||
|
||||
### 文档
|
||||
|
||||
**产品文档**（需求、架构、使用、部署、开发）：https://docs.pickmall.cn
|
||||
|
||||
|
||||
### 项目链接
|
||||
### 项目链接(gitee)
|
||||
|
||||
**Java后台**：https://gitee.com/beijing_hongye_huicheng/lilishop.git
|
||||
|
||||
@ -30,6 +36,16 @@ Lilishop 是一款Java开发，基于SpringBoot的B2B2C多用户商城，前端
|
||||
|
||||
**docker一键部署**：https://gitee.com/beijing_hongye_huicheng/docker.git
|
||||
|
||||
### 项目链接(github)
|
||||
|
||||
**Java后台**：https://github.com/hongyehuicheng/lilishop.git
|
||||
|
||||
**Vue后台前端**： https://github.com/hongyehuicheng/lilishop-ui.git
|
||||
|
||||
**Uni-app**：https://github.com/hongyehuicheng/lilishop-uniapp.git
|
||||
|
||||
**docker一键部署**：https://github.com/hongyehuicheng/docker.git
|
||||
|
||||
### 演示地址
|
||||
|
||||
**运营后台**：https://admin-b2b2c.pickmall.cn 账号：admin/123456
|
||||
@ -44,175 +60,221 @@ Lilishop 是一款Java开发，基于SpringBoot的B2B2C多用户商城，前端
|
||||
|
||||
### 3行命令搭建本地环境
|
||||
|
||||
温馨提示：由于服务较多，如果笔记本环境启动内存没有32g可能无法启动成功（macbookpro 2020 16g内存启动无法成功），台式机在16g内存、AMD 3700x 的ubuntu系统成功运行。
|
||||
|
||||
##### 下载docker脚本
|
||||
`git clone https://gitee.com/beijing_hongye_huicheng/docker.git `
|
||||
##### 部署基础环境
|
||||
`docker-compose up -d`
|
||||
|
||||
##### 部署应用
|
||||
`docker-compose -f docker-compose-application.yml up -d`
|
||||
|
||||
|
||||
|
||||
PS:单独部署的话，数据库文件访问这里：https://gitee.com/beijing_hongye_huicheng/docker/tree/master/init/mysql
|
||||
|
||||
##### 各个地址
|
||||
|
||||
| API | 地址 |
|
||||
| -------------- | --------------- |
|
||||
| 买家api | http://127.0.0.1:8888 |
|
||||
| 商家api | http://127.0.0.1:8889 |
|
||||
| 管理端api | http://127.0.0.1:8887 |
|
||||
| 通用api | http://127.0.0.1:8890 |
|
||||
| 买家API | http://127.0.0.1:8888 |
|
||||
| 商家API | http://127.0.0.1:8889 |
|
||||
| 管理端API | http://127.0.0.1:8887 |
|
||||
| 通用API | http://127.0.0.1:8890 |
|
||||
|
||||
| 演示 | 地址 |
|
||||
| 前端演示 | 地址 |
|
||||
| -------------- | --------------- |
|
||||
| PC | http://127.0.0.1:10000 |
|
||||
| WAP | http://127.0.0.1:10001 |
|
||||
| 商家 | http://127.0.0.1:10002 |
|
||||
| 管理端 | http://127.0.0.1:10003 |
|
||||
|
||||
### 交流群
|
||||
|
||||
**QQ群**：961316482
|
||||
|
||||
|
||||
|
||||
### 技术选型
|
||||
|
||||
##### Java后台
|
||||
|
||||
| 说明 | 框架 |
|
||||
| -------------- | --------------- |
|
||||
| 基础框架 | Spring Boot |
|
||||
| MVC框架 | Spring MVC |
|
||||
| 持久框架 | Mybatis-Plus |
|
||||
| 程序构建 | Maven |
|
||||
| 关系型数据库 | MySQL |
|
||||
| 消息中间件AMQP | RocketMQ |
|
||||
| 缓存 | Redis +MongoDB |
|
||||
| 搜索引擎 | Elasticsearch |
|
||||
| 安全框架 | Spring Security |
|
||||
| 数据库连接池 | Druid |
|
||||
| 数据库分库分表 | sharding |
|
||||
| 定时任务 | xxl-job |
|
||||
| 负载均衡 | Nginx |
|
||||
| 静态资源 | 阿里云OSS |
|
||||
| 短信 | 阿里云短信 |
|
||||
| 日志处理 | Log4j |
|
||||
| 接口规范 | RESTful |
|
||||
| 接口文档 | Swagger |
|
||||
| 认证 | JWT |
|
||||
|
||||
##### 前端-运营后台、店铺后台
|
||||
|
||||
| 说明 | 框架 |
|
||||
| ---------- | ---------- |
|
||||
| 构建工具 | webpack |
|
||||
| JS版本 | ES6 |
|
||||
| 基础JS框架 | Vue.js |
|
||||
| 视频播放器 | Dplayer |
|
||||
| 路由管理 | Vue Router |
|
||||
| 状态管理 | Vuex |
|
||||
| 基础UI库 | iView |
|
||||
| UI界面基于 | iView |
|
||||
| 网络请求 | axios |
|
||||
| CSS预处理 | scss |
|
||||
| 代码检查 | ESLint |
|
||||
| 数据可视化 | AntV g2 |
|
||||
| 地图引擎 | amap |
|
||||
|
||||
##### 前端-移动端
|
||||
|
||||
| 说明 | 架构 |
|
||||
| --------- | ------- |
|
||||
| 基础UI库 | uViewui |
|
||||
| 基础框架 | uni-app |
|
||||
| CSS预处理 | scss |
|
||||
| 地图引擎 | amap |
|
||||
|
||||
|
||||
|
||||
### 功能列表
|
||||
|
||||
<table>
|
||||
<tr><td colspan="2">运营后台功能</td></tr>
|
||||
<tr><td>首页</td><td>平台统计、待办事项、流量统计</td></tr>
|
||||
<tr><td rowspan="5">会员</td><td>会员列表</td></tr>
|
||||
<tr><td>评价列表</td></tr>
|
||||
<tr><td>积分历史</td></tr>
|
||||
<tr><td>会员资金</td></tr>
|
||||
<tr><td>充值记录</td></tr>
|
||||
<tr><td rowspan="6">订单</td><td>商品订单</td></tr>
|
||||
<tr><td>订单售后</td></tr>
|
||||
<tr><td>交易投诉</td></tr>
|
||||
<tr><td>售后原因</td></tr>
|
||||
<tr><td>收款流水</td></tr>
|
||||
<tr><td>退款流水</td></tr>
|
||||
<tr><td rowspan="6">商品</td><td>商品列表</td></tr>
|
||||
<tr><td>商品审核</td></tr>
|
||||
<tr><td>商品分类</td></tr>
|
||||
<tr><td>商品品牌</td></tr>
|
||||
<tr><td>商品规格</td></tr>
|
||||
<tr><td>计量单位</td></tr>
|
||||
<tr><td rowspan="5">促销</td><td>优惠券</td></tr>
|
||||
<tr><td>秒杀活动</td></tr>
|
||||
<tr><td>拼团活动</td></tr>
|
||||
<tr><td>积分商品</td></tr>
|
||||
<tr><td>积分分类</td></tr>
|
||||
<tr><td rowspan="5">店铺</td><td>店铺管理</td></tr>
|
||||
<tr><td>店铺结算</td></tr>
|
||||
<tr><td>店铺结算</td></tr>
|
||||
<tr><td>店铺结算</td></tr>
|
||||
<tr><td>店铺对账</td></tr>
|
||||
<tr><td rowspan="9">运营</td><td>店铺对账</td></tr>
|
||||
<tr><td>PC端楼层装修</td></tr>
|
||||
<tr><td>移动端楼层装修</td></tr>
|
||||
<tr><td>分销管理</td></tr>
|
||||
<tr><td>文章管理</td></tr>
|
||||
<tr><td>意见反馈</td></tr>
|
||||
<tr><td>站内信</td></tr>
|
||||
<tr><td>短信管理</td></tr>
|
||||
<tr><td>APP版本管理</td></tr>
|
||||
<tr><td rowspan="4">统计</td><td>会员统计</td></tr>
|
||||
<tr><td>订单统计</td></tr>
|
||||
<tr><td>商品统计</td></tr>
|
||||
<tr><td>流量统计</td></tr>
|
||||
<tr><td rowspan="11">设置</td><td>用户管理</td></tr>
|
||||
<tr><td>菜单管理</td></tr>
|
||||
<tr><td>部门管理</td></tr>
|
||||
<tr><td>系统设置</td></tr>
|
||||
<tr><td>OSS资源</td></tr>
|
||||
<tr><td>行政地区</td></tr>
|
||||
<tr><td>物流公司</td></tr>
|
||||
<tr><td>信任登录</td></tr>
|
||||
<tr><td>支付设置</td></tr>
|
||||
<tr><td>验证码管理</td></tr>
|
||||
<tr><td>敏感词管理</td></tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr><td colspan="2">店铺后台功能列表</td></tr>
|
||||
<tr><td rowspan="3">首页</td><td>店铺信息</td></tr>
|
||||
<tr><td>待办事项</td></tr>
|
||||
<tr><td>平台公告</td></tr>
|
||||
<tr><td rowspan="3">商品</td><td>商品发布</td></tr>
|
||||
<tr><td>商品列表</td></tr>
|
||||
<tr><td>店铺商品分类</td></tr>
|
||||
<tr><td rowspan="5">订单</td><td>商品订单</td></tr>
|
||||
<tr><td>退货管理</td></tr>
|
||||
<tr><td>退款管理</td></tr>
|
||||
<tr><td>投诉管理</td></tr>
|
||||
<tr><td>评价管理</td></tr>
|
||||
<tr><td rowspan="3">财务</td><td>财务对账</td></tr>
|
||||
<tr><td>店铺结算</td></tr>
|
||||
<tr><td>发票管理</td></tr>
|
||||
<tr><td rowspan="5">促销</td><td>拼团管理</td></tr>
|
||||
<tr><td>秒杀活动</td></tr>
|
||||
<tr><td>满额活动</td></tr>
|
||||
<tr><td>优惠券</td></tr>
|
||||
<tr><td>分销商品</td></tr>
|
||||
<tr><td rowspan="2">统计</td><td>商品统计</td></tr>
|
||||
<tr><td>订单统计</td></tr>
|
||||
<tr><td rowspan="5">设置</td><td>配送模板</td></tr>
|
||||
<tr><td>物流公司</td></tr>
|
||||
<tr><td>店铺设置</td></tr>
|
||||
<tr><td>自提点管理</td></tr>
|
||||
<tr><td>系统消息</td></tr>
|
||||
</table>
|
||||
|
||||
### 授权
|
||||
Lilishop学习免费，限制商用，如果需要商业使用请联系我们。QQ3409056806
|
||||
#### 平台功能
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#### 商家端功能
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 功能展示
|
||||
|
||||
|
||||
|
||||
#### 移动端
|
||||
|
||||
<img src="https://pickmall.cn/assets/imgs/other/app.gif" alt="管理端功能展示" style="zoom:50%;" />
|
||||
|
||||
<img src="https://pickmall.cn/assets/imgs/other/app.gif" alt="移动端功能展示" style="zoom:50%;" />
|
||||
|
||||
|
||||
|
||||
#### 管理端
|
||||
|
||||
|
||||
|
||||
|
||||
### 技术选型
|
||||
|
||||
#### 架构图
|
||||
|
||||
|
||||
|
||||
##### Java后台
|
||||
|
||||
| 说明 | 框架 | 说明 | |
|
||||
| -------------- | --------------- | -------------- | ------------- |
|
||||
| 基础框架 | Spring Boot | MVC框架 | Spring MVC |
|
||||
| 持久框架 | Mybatis-Plus | 程序构建 | Maven |
|
||||
| 关系型数据库 | MySQL | 消息中间件AMQP | RocketMQ |
|
||||
| 缓存 | Redis +MongoDB | 搜索引擎 | Elasticsearch |
|
||||
| 安全框架 | Spring Security | 数据库连接池 | Druid |
|
||||
| 数据库分库分表 | sharding | 定时任务 | xxl-job |
|
||||
| 负载均衡 | Nginx | 静态资源 | 阿里云OSS |
|
||||
| 短信 | 阿里云短信 | 认证 | JWT |
|
||||
| 日志处理 | Log4j | 接口规范 | RESTful |
|
||||
|
||||
##### 前端-运营后台、店铺后台
|
||||
|
||||
| 说明 | 框架 | 说明 | 框架 |
|
||||
| ---------- | ---------- | ---------- | ------- |
|
||||
| 构建工具 | webpack | JS版本 | ES6 |
|
||||
| 基础JS框架 | Vue.js | 视频播放器 | Dplayer |
|
||||
| 路由管理 | Vue Router | 状态管理 | Vuex |
|
||||
| 基础UI库 | iView | UI界面基于 | iView |
|
||||
| 网络请求 | axios | | |
|
||||
|
||||
##### 前端-移动端
|
||||
|
||||
| 说明 | 架构 | 说明 | 架构 |
|
||||
| --------- | ------- | -------- | ------- |
|
||||
| 基础UI库 | uViewui | 基础框架 | uni-app |
|
||||
| CSS预处理 | scss | 地图引擎 | amap |
|
||||
|
||||
### 升级计划
|
||||
|
||||
#### 计划每个月发布一个版本，具体时间可能有出入
|
||||
|
||||
时间：2021年6月15日
|
||||
|
||||
```
|
||||
新增功能：
|
||||
1.微信小程序直播
|
||||
2.优惠券活动
|
||||
3.新人赠券
|
||||
4.准确发券
|
||||
5.用户等级
|
||||
6.数据导出
|
||||
7.订单批量
|
||||
8.APP版本升级检测
|
||||
9.积分商城
|
||||
|
||||
功能优化：
|
||||
1.优惠券有效期增加类型：设置领取后*内有效。
|
||||
2.秒杀活动设置为每天开启，需设置秒杀活动开启时间。
|
||||
3.店铺配送模板，配送地区如果选择省份则下方的市级地址不展示。
|
||||
4.店铺配送模板支持，店铺包邮。
|
||||
5.普通商品设置去除卖家承担运费。
|
||||
|
||||
```
|
||||
|
||||
时间：2021年7月15日
|
||||
|
||||
```
|
||||
新增功能：
|
||||
1.会员权益
|
||||
2.支持用户升级会员
|
||||
3.供求单
|
||||
4.IM：腾讯云智服
|
||||
5.服务商品
|
||||
6.店铺支持订单核销
|
||||
7.店铺自提点
|
||||
功能优化：
|
||||
1.用户分享商城、关注店铺、邀请新用户可获取积分、经验值。
|
||||
```
|
||||
|
||||
时间：2021年8月16日
|
||||
|
||||
```
|
||||
新增功能：
|
||||
1.微淘功能
|
||||
2.店铺移动端
|
||||
3.店铺发货单
|
||||
```
|
||||
|
||||
时间：2021年9月15日
|
||||
|
||||
```
|
||||
新增功能：
|
||||
增加供应商功能
|
||||
```
|
||||
|
||||
### 版本升级
|
||||
|
||||
```
|
||||
后续会持续版本升级，修复bug，完善功能，覆盖更多业务场景 o2o/b2b/s2b2b2c/跨境电商
|
||||
|
||||
后续会考虑推出微服务/中台等 企业级版本
|
||||
```
|
||||
|
||||
### 技术亮点
|
||||
|
||||
|
||||
1.后端框架基于Springboot，构建基于maven，持久层使用MyBatisPlus。使用elasticsearch、redis、mongodb、rocketmq 等各种中间健。都是主流架构，轻松应对各种环境。
|
||||
|
||||
2.支持集群、分布式，支持docker 轻松部署，解决各种复杂场景！
|
||||
|
||||
3.代码模块清晰，主要分为三端api（买家、卖家、管理），各端API互相隔离，自己鉴权，自己操作业务。
|
||||
|
||||
4.使用阿里开源的RocketMQ，基于mq解决各种并发场景，解决事务一致性，解决搞并发延迟场景问题。
|
||||
|
||||
5.项目使用多级缓存，应用不同场景，redis缓存业务数据、mongodb缓存关系型多对多关系问题、nginx缓存高频访问低频修改的页面。
|
||||
|
||||
6.支持各种联合登陆，支持各种客户端的支付问题，灵活配置灵活开启。
|
||||
|
||||
7.内置完善的楼层装修机制，各种拖拉拽，维护跳转页面或外网，即便是一个什么都不懂的运营也可以轻松掌握。
|
||||
|
||||
8.内置阿里短信接口，可以在线申请短信模版。内置阿里oss系统，可以对文件执行各种操作。oss商家端资源相互隔离。
|
||||
|
||||
10.强大的统计报表，统计效果，可以实现各个场景，包含在线人数，历史在线人数，活跃人数等信息。
|
||||
|
||||
11.标准Api接口、提供swagger文档，快速二开。
|
||||
|
||||
12.分布式调度任务中心，解决分布式定时任务多次执行问题。
|
||||
|
||||
13.代码注释完善，快速上手。
|
||||
|
||||
14.非移动端采用IView框架，各种自定义插件、选择器实现。移动端采用uniapp，一次编写，全端使用
|
||||
|
||||
15.已经对接好各种第三方插件，支持各种复杂等联合登陆，联合支付等场景。
|
||||
|
||||
|
||||
### 开源须知
|
||||
1.仅允许用于个人学习研究使用.
|
||||
|
||||
2.禁止将本开源的代码和资源进行任何形式任何名义的出售.
|
||||
|
||||
3.限制商用，如果需要商业使用请联系我们。QQ3409056806.
|
||||
|
||||
### 交流群
|
||||
|
||||
**QQ群**：961316482
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -174,7 +174,7 @@ export default {
|
||||
{
|
||||
title: "领取数量/总数量",
|
||||
key: "publishNum",
|
||||
width: 100,
|
||||
width: 150,
|
||||
render: (h, params) => {
|
||||
return h(
|
||||
"div", params.row.receivedNum + "/" + params.row.publishNum)
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
<template>
|
||||
<div class="layout">
|
||||
<Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate" :rules="ruleValidate">
|
||||
<FormItem label="企业id" prop="ebusinessID">
|
||||
<FormItem label="ebusinessID" prop="ebusinessID">
|
||||
<Input v-model="formValidate.ebusinessID" />
|
||||
</FormItem>
|
||||
<FormItem label="密钥" prop="appKey">
|
||||
<FormItem label="appKey" prop="appKey">
|
||||
<Input class="label-appkey" v-model="formValidate.appKey" />
|
||||
</FormItem>
|
||||
<FormItem label="api地址" prop="reqURL">
|
||||
<FormItem label="reqURL" prop="reqURL">
|
||||
<Input v-model="formValidate.reqURL" />
|
||||
</FormItem>
|
||||
<div class="label-btns">
|
||||
@ -78,15 +78,13 @@ export default {
|
||||
@import "./style.scss";
|
||||
.label-item {
|
||||
display: flex;
|
||||
> .ivu-input {
|
||||
width: 200px;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
.label-appkey {
|
||||
/deep/ .ivu-input {
|
||||
width: 300px !important;
|
||||
/deep/ input {
|
||||
width: 300px !important;
|
||||
}
|
||||
margin: 0 10px;
|
||||
}
|
||||
.ivu-input-wrapper {
|
||||
width: 300px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -31,16 +31,22 @@ export default {
|
||||
type: "GOODS_SETTING",
|
||||
name: "商品设置",
|
||||
},
|
||||
// 快递鸟设置
|
||||
{
|
||||
type: "KUAIDI_SETTING",
|
||||
name: "快递鸟设置",
|
||||
},
|
||||
//订单配置
|
||||
{
|
||||
type: "ORDER_SETTING",
|
||||
name: "订单配置",
|
||||
},
|
||||
//积分设置
|
||||
{type: "POINT_SETTING", name: "积分设置"},
|
||||
{
|
||||
type: "WITHDRAWAL_SETTING",
|
||||
name: "提现设置",
|
||||
},
|
||||
// 快递鸟设置
|
||||
{
|
||||
type: "KUAIDI_SETTING",
|
||||
name: "快递鸟设置",
|
||||
},
|
||||
//阿里OSS配置
|
||||
{
|
||||
type: "OSS_SETTING",
|
||||
@ -51,12 +57,6 @@ export default {
|
||||
type: "SMS_SETTING",
|
||||
name: "阿里短信配置",
|
||||
},
|
||||
//积分设置
|
||||
{type: "POINT_SETTING", name: "积分设置"},
|
||||
{
|
||||
type: "WITHDRAWAL_SETTING",
|
||||
name: "提现设置",
|
||||
},
|
||||
],
|
||||
authLogin: [
|
||||
// 微信设置
|
||||
|
||||
@ -259,7 +259,7 @@ export default {
|
||||
slot: "action",
|
||||
align: "center",
|
||||
fixed: "right",
|
||||
width: 80,
|
||||
width: 150,
|
||||
},
|
||||
],
|
||||
data: [], // 表单数据
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user