管理后台

项目介绍

目录结构

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

项目工具

项目部署

后端服务

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 = '/'
# 注意！！！如果部署地址为二级目录，比如laike.net/admin，则要将PUBLIC_PATH 设置为 '/admin'！！！

打包部署

打开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

上传到站点的根目录

访问默认用户名密码 admin/000000