管理后台
项目介绍
目录结构
LaiKeJaveAdminView
├── LICENSE
├── README-zh.md
├── README.md
├── public
│ ├── bounced
│ │ ├── Choose.html #sku选择
│ └── index.html
├── src
│ ├── App.vue
│ ├── api #
│ │ ├── Platform #平台
│ │ ├── authority #
│ │ ├── constant #常量
│ │ │ └── page.js
│ │ ├── data #
│ │ │ └── index.js
│ │ ├── export #文件导出
│ │ ├── finance #财务管理
│ │ ├── goods #商品管理
│ │ ├── http.js #
│ │ ├── https.js #
│ │ ├── login #登陆
│ │ ├── mall #商城
│ │ ├── members #会员管理
│ │ ├── order #订单管理
│ │ ├── plug_ins #插件管理
│ │ │ ├── coupons.js #优惠券
│ │ │ ├── stores.js #店铺
│ │ │ └── template.js #模版
│ │ ├── publics #
│ │ │ └── cascade.js
│ │ └── resources #资源管理
│ │ └── imageManage.js
│ ├── assets #静态文件
│ ├── common
│ │ ├── commonFunction
│ │ └── commonStyle
│ │ ├── common.scss
│ │ └── form.less
│ ├── components
│ │ ├── Breadcrumb #面包屑
│ │ ├── Hamburger #
│ │ └── SvgIcon #
│ ├── icons #
│ │ ├── index.js
│ │ ├── svg
│ │ └── svgo.yml
│ ├── lang #国际化
│ │ ├── en.js #英文
│ │ ├── index.js
│ │ └── zh.js #中文
│ ├── layout #布局
│ │ ├── components
│ │ │ ├── AppMain.vue
│ │ │ ├── Navbar.vue
│ │ │ ├── SideBar
│ │ │ │ ├── index.vue
│ │ │ │ └── sideItem.vue
│ │ │ └── index.js
│ │ ├── index.vue
│ │ └── mixin
│ │ └── ResizeHandler.js #
│ ├── main.js #
│ ├── mixins #
│ │ └── index.js
│ ├── packages #
│ │ ├── Button # 按钮
│ │ ├── Pagination #分页
│ │ ├── Transfer #翻译
│ │ ├── Upload #图片上传
│ │ ├── apis #
│ │ │ ├── Base.js
│ │ │ ├── Config.js
│ │ │ └── Upload.js
│ │ ├── index.js
│ │ └── utils
│ │ └── utils.js
│ ├── permission.js #权限
│ ├── router #路由
│ ├── settings.js #
│ ├── store #vuex
│ │ ├── getters.js
│ │ ├── index.js
│ │ └── modules
│ │ ├── app.js
│ │ ├── authorization.js
│ │ ├── lang.js
│ │ ├── orderNum.js
│ │ ├── permission.js
│ │ ├── settings.js
│ │ ├── skinPeeler.js
│ │ ├── source.js
│ │ ├── superior.js
│ │ └── user.js
│ ├── styles #样式
│ │ ├── common.scss
│ │ ├── element-ui.scss
│ │ ├── icon.scss
│ │ ├── index.scss
│ │ ├── mixin.scss
│ │ ├── sidebar.scss
│ │ ├── transition.scss
│ │ └── variables.scss
│ ├── utils #
│ │ ├── auth.js
│ │ ├── get-page-title.js
│ │ ├── index.js
│ │ ├── rem.js
│ │ ├── request.js
│ │ ├── storage.js
│ │ ├── utils.js
│ │ └── validate.js
│ ├── views
│ │ ├── 404.vue
│ │ ├── Data #报表
│ │ │ ├── addvip-report
│ │ │ ├── goods-report
│ │ │ ├── orde-report
│ │ │ ├── vip-proportion
│ │ │ └── vipconsumption-report
│ │ ├── Demo #demo
│ │ │ ├── complex-table
│ │ │ ├── information-example
│ │ │ ├── table-example
│ │ │ ├── table-from
│ │ │ └── universal-module
│ │ ├── Platform #saas平台
│ │ │ ├── bulletin
│ │ │ ├── goodsSKU
│ │ │ ├── graphics
│ │ │ ├── logisticsCompanyManage
│ │ │ ├── merchants
│ │ │ ├── numerical
│ │ │ ├── parameter
│ │ │ ├── permissions
│ │ │ ├── reportManagement
│ │ │ └── system
│ │ ├── authority #商城权限管理
│ │ │ ├── adminLoggerManage
│ │ │ ├── adminUserManage
│ │ │ └── roleManagement
│ │ ├── dashboard #首页
│ │ ├── finance #财务管理
│ │ ├── goods #商品管理
│ │ │ ├── brandmanagement #品牌管理
│ │ │ ├── freightmanagement #运费管理
│ │ │ ├── goodsclassify #分类管理
│ │ │ ├── goodslist #商品列表
│ │ │ ├── inventoryManagement #运费管理
│ │ │ ├── tag #标签管理
│ │ │ └── taobaoAssistant #淘宝助手
│ │ ├── home #商城首页
│ │ ├── login #登陆
│ │ ├── mall
│ │ │ ├── aftersaleAddress #首页管理
│ │ │ ├── functionnavigation #功能导览
│ │ │ ├── payManagement #支付管理
│ │ │ ├── search #搜索配置
│ │ │ ├── sms #短信配置
│ │ │ ├── systemManagement #系统管理
│ │ │ ├── systemNotice #系统公告
│ │ │ └── terminalConfig #终端配置
│ │ ├── members #会员管理
│ │ ├── order #订单管理
│ │ │ ├── commentManage #评论管理
│ │ │ ├── orderList #订单列表
│ │ │ ├── orderSet #订单设置
│ │ │ ├── orderSettlement #订单结算
│ │ │ └── salesReturn #售后
│ │ ├── permission #权限
│ │ ├── plug_ins #插件管理
│ │ │ ├── coupons #优惠券
│ │ │ ├── distribution #分销
│ │ │ ├── stores #店铺
│ │ │ └── template #模版
│ │ ├── print #打印
│ │ └── resources #资源管理
│ │ └── imageList
│ └── webManage #js和css 分离文件夹
│ ├── css
│ │ ├── authority
│ │ │ └── roleManagement
│ │ ├── data
│ │ │ ├── addvip-report
│ │ │ ├── goods-report
│ │ │ ├── orde-report
│ │ │ └── vipconsumption-report
│ │ ├── finance
│ │ │ └── withdrawalManage
│ │ ├── goods
│ │ │ ├── goodslist
│ │ │ ├── inventoryManagement
│ │ │ ├── tag
│ │ │ └── taobaoAssistant
│ │ ├── home
│ │ ├── mall
│ │ │ ├── aftersaleAddress
│ │ │ ├── functionnavigation
│ │ │ ├── payManagement
│ │ │ ├── search
│ │ │ ├── sms
│ │ │ ├── systemManagement
│ │ │ ├── systemNotice
│ │ │ └── terminalConfig
│ │ ├── members
│ │ │ ├── addMembers
│ │ │ └── membersList
│ │ ├── order
│ │ │ ├── commentManage
│ │ │ ├── orderList
│ │ │ ├── orderSet
│ │ │ ├── orderSettlement
│ │ │ └── salesReturn
│ │ ├── platform
│ │ │ ├── logisticsCompanyManage
│ │ │ ├── reportManagement
│ │ │ └── system
│ │ └── plug_ins
│ │ ├── coupons
│ │ ├── distribution
│ │ ├── stores
│ │ └── template
│ └── js
│ ├── authority
│ │ ├── adminLoggerManage
│ │ ├── adminUserManage
│ │ └── roleManagement
│ ├── data
│ │ ├── addvip-report
│ │ ├── goods-report
│ │ ├── orde-report
│ │ ├── vip-proportion
│ │ └── vipconsumption-report
│ ├── finance
│ │ └── withdrawalManage
│ ├── goods
│ │ ├── goodslist
│ │ ├── inventoryManagement
│ │ ├── tag
│ │ └── taobaoAssistant
│ ├── home
│ │ └── homeReport.js
│ ├── mall
│ │ ├── aftersaleAddress
│ │ ├── functionnavigation
│ │ ├── payManagement
│ │ ├── search
│ │ ├── sms
│ │ ├── systemManagement
│ │ ├── systemNotice
│ │ └── terminalConfig
│ ├── members
│ │ ├── addMembers
│ │ ├── membersLevel
│ │ ├── membersList
│ │ └── membersSet
│ ├── order
│ │ ├── commentManage
│ │ ├── orderList
│ │ ├── orderSet
│ │ ├── orderSettlement
│ │ └── salesReturn
│ ├── platform
│ │ ├── logisticsCompanyManage
│ │ ├── reportManagement
│ │ └── system
│ ├── plug_ins
│ │ ├── coupons
│ │ ├── distribution
│ │ ├── stores
│ │ └── template
│ └── resources
├── theme #主题
└── vue.config.js
项目工具
| 项 | 版本 | 说明 |
|---|---|---|
| nodejs | 14.20.0 | 下载安装 |
| vscode | 最新 | 开发编辑器 |
项目部署
后端服务
laike-gateway
laike-admin-store
配置修改
将代码导入vscode，修改配置文件
LaiKeJaveViews/lktAdmin
# JAVA
└── .env.java_dev_production # java开发环境配置文件
└── .env.java_prod_production # java生产环境配置文件
└── .env.java_test_production # java测试环境配置文件
# PHP
└── .env.php_dev_production # php开发环境配置文件
└── .env.php_prod_production # php生产环境配置文件
└── .env.php_test_production # php测试环境配置文件
NODE_ENV = production
# just a flag
ENV = 'java|php_dev|prod|test_production'
# JAVA base api
# VUE_APP_PROXY_API = 'https://java.houjiemeishi.com/gw'
VUE_APP_PROXY_API = '网关地址'
# 商城ID 在 管理后台-商城列表 获取这个值
VUE_APP_STORE = '1'
# You will need to set publicPath if you plan to deploy your site under a sub path,
# for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
# then publicPath should be set to "/bar/".
# In most cases please use '/' !!!
# Detail: https://cli.vuejs.org/config/#publicpath
# 访问上下文，不要改vue.config.js 里面的publicPath
PUBLIC_PATH = '/'
打包部署
views\src\permission.js
把/login? 改成 /mallLogin?
打开terminal 终端命令窗口
按顺序执行一下命令
# 1、防止出错
$ npm cache clean --force
# 2、安装项目依赖
$ npm i --legacy-peer-deps
# 3、测试
$ npm run dev
# 4、打包
# JAVA
$ npm run java:dev
$ npm run java:prod
$ npm run java:test
# PHP
$ npm run php:dev
$ npm run php:prod
$ npm run php:test
如果npm install 失败 请更换node或者npm的版本 或者点击下面的下载链接【非必须】
下载node_modules.zip 【如果下载不了，请到微信群里面要】下载后解压 到项目 LaikeJavaViews 根目录 执行 npm cache clean —force 然后再执行 npm install
#出现 npm WARN using --force Recommended protections disabled.
$ npm install npm@6.14.10 -g
打包后文件输出到
LaiKeJaveViews/lktAdmin
└── dist # 打包后的文件夹
将打包后的dist 压缩为zip
上传到站点的根目录
访问
