-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
33,419 changed files
with
5,448 additions
and
3,417,331 deletions.
The diff you're trying to view is too large. We only load the first 3000 changed files.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,3 +3,4 @@ ENV = 'development' | |
|
||
# base api | ||
VUE_APP_BASE_API = '/dev-api' | ||
VUE_APP_MOCK_API = '/mock-api' |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,99 +1,171 @@ | ||
# vue-admin-template | ||
## Build Setup | ||
|
||
English | [简体中文](./README-zh.md) | ||
```bash | ||
# 克隆项目 | ||
git clone https://github.com/wearetheone777/houtaiguanli.git | ||
|
||
> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint | ||
# 进入项目目录 | ||
cd houtaiguanli | ||
|
||
**Live demo:** http://panjiachen.github.io/vue-admin-template | ||
# 安装依赖 | ||
npm install | ||
|
||
# 建议不要直接使用 cnpm 安装以来,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 | ||
npm install --registry=https://registry.npm.taobao.org | ||
|
||
**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`** | ||
# 启动服务 | ||
npm run dev | ||
``` | ||
|
||
<p align="center"> | ||
<b>SPONSORED BY</b> | ||
</p> | ||
<p align="center"> | ||
<a href="https://finclip.com?from=vue_element" title="FinClip" target="_blank"> | ||
<img height="200px" src="https://gitee.com/panjiachen/gitee-cdn/raw/master/vue%E8%B5%9E%E5%8A%A9.png" title="FinClip"> | ||
</a> | ||
</p> | ||
|
||
## Build Setup | ||
## 文件介绍 | ||
|
||
```bash | ||
# clone the project | ||
git clone https://github.com/PanJiaChen/vue-admin-template.git | ||
build | ||
----index.js webpack配置文件【很少修改这个文件】 | ||
mock | ||
----mock数据的文件夹【模拟一些假的数据mockjs实现的】,因为咱们实际开发的时候,利用的是真是接口 | ||
|
||
node_modules | ||
------项目依赖的模块 | ||
|
||
public | ||
------ico图标,静态页面,publick文件夹里面经常放置一些静态资源,而且在项目打包的时候webpack不会编译这个文件夹,原封不动的打包到dist文件夹里面 | ||
|
||
src | ||
-----程序员源代码的地方 | ||
------api文件夹:涉及请求相关的 | ||
------assets文件夹:里面放置一些静态资源(一般共享的),放在aseets文件夹里面静态资源,在webpack打包的时候,会进行编译 | ||
------components文件夹:一般放置非路由组件获取全局组件 | ||
------icons这个文件夹的里面放置了一些svg矢量图 | ||
------layout文件夹:他里面放置一些组件与混入 | ||
------router文件夹:与路由相关的 | ||
-----store文件夹:一定是与vuex先关的 | ||
-----style文件夹:与样式先关的 | ||
------utils文件夹:request.js是axios二次封装文件**** | ||
------views文件夹:里面放置的是路由组件 | ||
|
||
App.vue:根组件 | ||
main.js:入口文件 | ||
permission.js:与导航守卫先关、 | ||
settings:项目配置项文件 | ||
.env.development | ||
.env.producation | ||
``` | ||
|
||
# enter the project directory | ||
cd vue-admin-template | ||
## 后台路由 | ||
|
||
# install dependency | ||
npm install | ||
![image-20220609120120695](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350089.png) | ||
|
||
# develop | ||
npm run dev | ||
``` | ||
## 技术选型 | ||
|
||
This will automatically open http://localhost:9528 | ||
![image-20220609120147762](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350091.png) | ||
|
||
## Build | ||
## 登录业务 | ||
|
||
```bash | ||
# build for test environment | ||
npm run build:stage | ||
-----静态组件完成 | ||
-----书写API(换成真实的接口) | ||
-----axios二次封装 | ||
-----换成真实接口之后需要解决代理跨域问题(解决代理跨域问题) | ||
|
||
# build for production environment | ||
npm run build:prod | ||
``` | ||
![image-20220609120548247](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350092.png) | ||
|
||
## Advanced | ||
## 退出登录 | ||
|
||
```bash | ||
# preview the release environment effect | ||
npm run preview | ||
![image-20220609132522159](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350093.png) | ||
|
||
# preview the release environment effect + static resource analysis | ||
npm run preview -- --report | ||
## 品牌管理组件 | ||
|
||
# code format check | ||
npm run lint | ||
![image-20220609132657102](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350094.png) | ||
|
||
# code format check and auto fix | ||
npm run lint -- --fix | ||
``` | ||
## 添加品牌与修改品牌 | ||
|
||
![image-20220609132910174](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350095.png) | ||
|
||
![image-20220609132928884](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350096.png) | ||
|
||
## 删除品牌的操作 | ||
|
||
![image-20220609133045066](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350097.png) | ||
|
||
## 获取数据动态的展示三级联动] | ||
|
||
![image-20220609133253222](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350098.png) | ||
|
||
## SPU模块介绍 | ||
|
||
SPU你可以理解为类 | ||
|
||
People类【SPU】 | ||
实例:【SKU】 | ||
小明:小明 18 男 等等 | ||
小红:小红 88 女 等等 | ||
|
||
![image-20220609133431091](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350099.png) | ||
|
||
## SPU管理内容切换 | ||
|
||
---展示SPU列表结构 | ||
----添加SPU|修改SPU | ||
----展示添加SKU结构 | ||
|
||
![image-20220609133555914](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350100.png) | ||
|
||
![image-20220609133651361](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350101.png) | ||
|
||
![image-20220609133701958](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350102.png) | ||
|
||
![image-20220609133725158](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350103.png) | ||
|
||
![image-20220609133757367](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350104.png) | ||
|
||
![image-20220609133820236](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350105.png) | ||
|
||
![image-20220609133909578](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350106.png) | ||
|
||
## SKu的业务 | ||
|
||
SKU的上架与下架操作 | ||
|
||
![image-20220609134133248](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350107.png) | ||
|
||
SKU模块数据的展示 | ||
|
||
![image-20220609134034555](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350108.png) | ||
|
||
查看信息 | ||
|
||
![image-20220609134248715](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350109.png) | ||
|
||
Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information | ||
## 首页业务 | ||
|
||
## Demo | ||
![image-20220609134435858](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350110.png) | ||
|
||
![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif) | ||
![image-20220609134453309](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350111.png) | ||
|
||
## Extra | ||
![image-20220609134507564](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350112.png) | ||
|
||
If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control) | ||
## 权限管理 | ||
|
||
For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour)) | ||
权限管理:用户管理、角色管理、菜单管理 | ||
|
||
## Related Project | ||
![image-20220609134730897](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350113.png) | ||
|
||
- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) | ||
![image-20220609134746004](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350114.png) | ||
|
||
- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin) | ||
![image-20220609134756026](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350115.png) | ||
|
||
- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) | ||
![image-20220609134809018](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350116.png) | ||
|
||
- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312) | ||
![image-20220609134823286](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350117.png) | ||
|
||
## Browsers support | ||
![image-20220609134838325](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350118.png) | ||
|
||
Modern browsers and Internet Explorer 10+. | ||
## 菜单管理 | ||
|
||
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | | ||
| --------- | --------- | --------- | --------- | | ||
| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions | ||
![image-20220609134911505](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350120.png) | ||
|
||
## License | ||
![image-20220609134924856](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350121.png) | ||
|
||
[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license. | ||
![image-20220609134935013](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350122.png) | ||
|
||
Copyright (c) 2017-present PanJiaChen | ||
![image-20220609134943575](https://150-9155-1312350958.cos.ap-chengdu.myqcloud.com/img202206091350123.png) |
Oops, something went wrong.