Skip to content

Commit

Permalink
update:添加admin后台
Browse files Browse the repository at this point in the history
  • Loading branch information
mason369 committed Nov 25, 2022
1 parent 5ce5204 commit d7bed15
Show file tree
Hide file tree
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.
4 changes: 1 addition & 3 deletions .idea/workspace.xml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions admin/.env.development
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,4 @@ ENV = 'development'

# base api
VUE_APP_BASE_API = '/dev-api'
VUE_APP_MOCK_API = '/mock-api'
111 changes: 0 additions & 111 deletions admin/README-zh.md

This file was deleted.

196 changes: 134 additions & 62 deletions admin/README.md
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)
Loading

0 comments on commit d7bed15

Please sign in to comment.