# prd-web-extension-system

**Repository Path**: ouyangzhiyuan/prd-web-extension-system

## Basic Information

- **Project Name**: prd-web-extension-system
- **Description**: Vue-V2 、ElementUI  axios iconfont permission control 
- **Primary Language**: JavaScript
- **License**: Zlib
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 3
- **Created**: 2020-02-24
- **Last Updated**: 2023-05-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 管理后台, Vue, Element-UI

## README


# 推广系统管理后台

#### 技术栈
vue2 + vuex + vue-router + webpack + ES6/7 + axios + elementUI + 阿里图标iconfont

#### 项目截图
![输入图片说明](https://images.gitee.com/uploads/images/2021/0903/180251_6f04f6c7_4887021.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0903/180328_e80dbff4_4887021.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0903/180437_31c305f0_4887021.png "屏幕截图.png")
```bash
# 克隆项目
git clone https://gitee.com/ouyangzhiyuan/prdWebExtensionSystem.git

# 进入项目目录
cd prdWebExtensionSystem

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev
```

浏览器访问 [http://localhost:9528](http://localhost:9528)

## 发布

```bash
# 构建测试环境
npm run build:test

# 构建生产环境
npm run build:prod
```

## 其它

```bash
# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix
```

#### 目录结构说明
------------------------

```bash
|-- prd-web-st-cli-
    |-- public  ----------------------------------项目公共静态资源
    |   |-- index.html  --------------------------首页
    |   |-- favicon.ico  -------------------------ico 资源
    |   |-- logo.png  -------------------------LOGO图
    |-- src  -------------------------------------源代码
    |   |-- App.vue  -----------------------------vue 入口组件
    |   |-- main.js  -----------------------------vue 入口
    |   |-- api  ---------------------------------ajax 请求层
    |   |-- assets  ------------------------------静态资源存放区
    |   |-- components  --------------------------组件区
    |   |   |-- bussiness  -----------------------业务组件
    |   |   |-- common  --------------------------通用组件
    |   |-- config  ------------------------------项目静态配置
    |   |-- utils  -------------------------------工具库
    |   |   |-- request  -------------------------ajax 请求处理逻辑层
    |   |   |-- validate  ------------------------校验方法封装
    |   |-- views  -------------------------------页面存放区
    |   |-- layout  ------------------------------布局组件
    |   |-- router  ------------------------------路由层
    |   |-- store  -------------------------------vuex 状态数据存放区
    |   |-- styles  ------------------------------主题样式区
    |-- .env.development  ------------------------本地打包环境
    |-- .env.staging  ----------------------------测试打包环境
    |-- .env.production  -------------------------生产打包环境
    |-- .eslintrc.js  ----------------------------eslint配置
    |-- .gitignore  ------------------------------git忽略项
    |-- .eslintignore  ---------------------------eslint忽略项
    |-- babel.config.js  -------------------------babel配置
    |-- deploy_vue.sh  ---------------------------前端跳转机脚本存放
    |-- package-lock.json  -----------------------锁定npm包版本
    |-- package.json  ----------------------------项目入口文件，包含项目信息与依赖、配置管理
    |-- prettier.config.js  ----------------------prettier代码格式化插件配置
    |-- postcss.config.js  -----------------------px->rem配置文件
    |-- README.md  -------------------------------项目介绍
    |-- vue.config.js  ---------------------------Vue Cli配置文件
```

#### 说明

>  本项目主要用于代理、推广商、推广员的快速配置与推广明细查看

>  如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

>  或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

>  开发环境 w7  Chrome 61

>  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

#### 平台功能说明
------------------------
> 1. 登录页面，数据库获取登录。
> 2. 首页，左边竖向菜单。
> 3. table页面，分页。
> 4. 编辑、创建、查看页面，表单验证
> 5. 权限页面
> 6. 404错误页面

#### 完成功能
- [x] 登录 -- 完成
- [x] 路由拦截 -- 完成
- [x] 权限管理 -- 完成
- [x] tabs标签页 -- 完成
- [x] 公用组件【表格组件、表单组件】 -- 完成
- [x] 推广统计（数据总览、数据明细、推广玩家）【搜索、图表】 -- 完成
- [x] 推广商/推广员管理（增加、编辑、搜索、删除、权限管理） -- 完成
- [x] 母包管理（增加、编辑、搜索、删除、数据权限） -- 完成
- [x] 子包管理（增加、编辑、搜索、删除、数据权限） -- 完成
- [x] 推广分配方案配置（增加、编辑、搜索、删除） -- 完成
- [x] 系统环境变量（增加、编辑、搜索、删除） -- 完成
- [x] 结算中心（分成统计、订单统计、收益结算）【搜索、图表】 -- 完成