zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整页面细节

master
Chopper 2021-05-24 15:44:50 +08:00
parent 530fd30cc2
commit 5d393cbb06
5 changed files with 237 additions and 177 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

368
README.md
View File

@ -1,11 +1,19 @@
## Lilishop B2B2C商城系统 ## Lilishop B2B2C商城系统
##### 官方公众号 & 开源不易，如有帮助请点Star
![image-20210511171611793](https://pickmall.cn/assets/imgs/h5-qrcode.png)
[![star](https://gitee.com/beijing_hongye_huicheng/lilishop/badge/star.svg?theme=dark)](https://gitee.com/beijing_hongye_huicheng/lilishop/stargazers)
### 介绍 ### 介绍
**官网**：https://pickmall.cn **官网**：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 **产品文档**（需求、架构、使用、部署、开发）：https://docs.pickmall.cn
### 项目链接 ### 项目链接(gitee)
**Java后台**：https://gitee.com/beijing_hongye_huicheng/lilishop.git **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 **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 **运营后台**：https://admin-b2b2c.pickmall.cn 账号：admin/123456
@ -44,175 +60,221 @@ Lilishop 是一款Java开发，基于SpringBoot的B2B2C多用户商城，前端
### 3行命令搭建本地环境 ### 3行命令搭建本地环境
温馨提示：由于服务较多，如果笔记本环境启动内存没有32g可能无法启动成功（macbookpro 2020 16g内存启动无法成功），台式机在16g内存、AMD 3700x 的ubuntu系统成功运行。
##### 下载docker脚本 ##### 下载docker脚本
`git clone https://gitee.com/beijing_hongye_huicheng/docker.git ` `git clone https://gitee.com/beijing_hongye_huicheng/docker.git `
##### 部署基础环境 ##### 部署基础环境
`docker-compose up -d` `docker-compose up -d`
##### 部署应用 ##### 部署应用
`docker-compose -f docker-compose-application.yml 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 | 地址 |
| -------------- | --------------- | | -------------- | --------------- |
| 买家api | http://127.0.0.1:8888 | | 买家API | http://127.0.0.1:8888 |
| 商家api | http://127.0.0.1:8889 | | 商家API | http://127.0.0.1:8889 |
| 管理端api | http://127.0.0.1:8887 | | 管理端API | http://127.0.0.1:8887 |
| 通用api | http://127.0.0.1:8890 | | 通用API | http://127.0.0.1:8890 |
| 演示 | 地址 | | 前端演示 | 地址 |
| -------------- | --------------- | | -------------- | --------------- |
| PC | http://127.0.0.1:10000 | | PC | http://127.0.0.1:10000 |
| WAP | http://127.0.0.1:10001 | | WAP | http://127.0.0.1:10001 |
| 商家 | http://127.0.0.1:10002 | | 商家 | http://127.0.0.1:10002 |
| 管理端 | http://127.0.0.1:10003 | | 管理端 | 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
![平台功能](https://pickmall.cn/assets/imgs/other/managerList.jpg)
#### 商家端功能
![商家端功能](https://pickmall.cn/assets/imgs/other/storeList.jpg)
### 功能展示
#### 移动端
<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%;" />
#### 管理端
![管理端功能展示](https://pickmall.cn/assets/imgs/other/manager.gif)
### 技术选型
#### 架构图
![架构](https://lili-system.oss-cn-beijing.aliyuncs.com/docs/%E6%9E%B6%E6%9E%84.png)
##### 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
![商家端功能](https://lili-system.oss-cn-beijing.aliyuncs.com/docs/gif1.gif)

2
manager/src/views/promotion/coupon/coupon.vue
View File

@ -174,7 +174,7 @@ export default {
{ {
title: "领取数量/总数量", title: "领取数量/总数量",
key: "publishNum", key: "publishNum",
width: 100, width: 150,
render: (h, params) => { render: (h, params) => {
return h( return h(
"div", params.row.receivedNum + "/" + params.row.publishNum) "div", params.row.receivedNum + "/" + params.row.publishNum)

20
manager/src/views/sys/setting-manage/setting/KUAIDI_SETTING.vue
View File

@ -1,13 +1,13 @@
<template> <template>
<div class="layout"> <div class="layout">
<Form ref="formValidate" :label-width="150" label-position="right" :model="formValidate" :rules="ruleValidate"> <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" /> <Input v-model="formValidate.ebusinessID" />
</FormItem> </FormItem>
<FormItem label="密钥" prop="appKey"> <FormItem label="appKey" prop="appKey">
<Input class="label-appkey" v-model="formValidate.appKey" /> <Input class="label-appkey" v-model="formValidate.appKey" />
</FormItem> </FormItem>
<FormItem label="api地址" prop="reqURL"> <FormItem label="reqURL" prop="reqURL">
<Input v-model="formValidate.reqURL" /> <Input v-model="formValidate.reqURL" />
</FormItem> </FormItem>
<div class="label-btns"> <div class="label-btns">
@ -78,15 +78,13 @@ export default {
@import "./style.scss"; @import "./style.scss";
.label-item { .label-item {
display: flex; display: flex;
> .ivu-input {
width: 200px;
margin: 0 10px;
}
} }
.label-appkey { /deep/ .ivu-input {
width: 300px !important; width: 300px !important;
/deep/ input { margin: 0 10px;
width: 300px !important; }
} .ivu-input-wrapper {
width: 300px;
margin-right: 10px;
} }
</style> </style>

22
manager/src/views/sys/setting-manage/settingManage.vue
View File

@ -31,16 +31,22 @@ export default {
type: "GOODS_SETTING", type: "GOODS_SETTING",
name: "商品设置", name: "商品设置",
}, },
// 快递鸟设置
{
type: "KUAIDI_SETTING",
name: "快递鸟设置",
},
//订单配置 //订单配置
{ {
type: "ORDER_SETTING", type: "ORDER_SETTING",
name: "订单配置", name: "订单配置",
}, },
//积分设置
{type: "POINT_SETTING", name: "积分设置"},
{
type: "WITHDRAWAL_SETTING",
name: "提现设置",
},
// 快递鸟设置
{
type: "KUAIDI_SETTING",
name: "快递鸟设置",
},
//阿里OSS配置 //阿里OSS配置
{ {
type: "OSS_SETTING", type: "OSS_SETTING",
@ -51,12 +57,6 @@ export default {
type: "SMS_SETTING", type: "SMS_SETTING",
name: "阿里短信配置", name: "阿里短信配置",
}, },
//积分设置
{type: "POINT_SETTING", name: "积分设置"},
{
type: "WITHDRAWAL_SETTING",
name: "提现设置",
},
], ],
authLogin: [ authLogin: [
// 微信设置 // 微信设置

2
seller/src/views/promotion/coupon/coupon.vue
View File

@ -259,7 +259,7 @@ export default {
slot: "action", slot: "action",
align: "center", align: "center",
fixed: "right", fixed: "right",
width: 80, width: 150,
}, },
], ],
data: [], // 表单数据 data: [], // 表单数据