# reliable-console

**Repository Path**: qqqlllei/reliable-console

## Basic Information

- **Project Name**: reliable-console
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2019-05-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介

这是一个后台管理项目，它基于 [Vue.js](https://github.com/vuejs/vue) 和 [Element-Ui](http://element.eleme.io/#/zh-CN)。

**注意：该项目使用 element-ui@2.3.0+ 版本，所以最低兼容 vue@2.5.0+**

## 前序准备

你的本地环境需要安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)
> 前端技术栈:
  + [Vue全家桶](https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=Vue%E5%85%A8%E5%AE%B6%E6%A1%B6&rsv_pq=b47a28ec00006e9b&rsv_t=93ba93oVYZ85iZovqoU5%2Fc9lkqkXTn8ChALhkbXTWdFSYiakESl9vymlZuo&rqlang=cn&rsv_enter=1&rsv_n=2&rsv_sug3=1)
  + [Webpack](http://webpack.github.io/)
  + [ES2015+](http://es6.ruanyifeng.com/)
  + [Element-Ui](http://element.eleme.io/#/zh-CN)
  + [Axios](https://www.npmjs.com/package/axios)
  
> 兼容低版本浏览器:
  + 下载依赖
  ```npm install --save babel-polyfill```
  + 在入口文件中引入: 
  ```import 'babel-polyfill'```
  + 在webpack.config.js中加入babel-polyfill到入口数组:
  +   ```module.exports={entry:["babel-polyfill","./app/js"]}```

## 功能
```
- 登录/注销
- 权限验证
- 多环境发布
- 动态侧边栏（支持多级路由）
- 动态面包屑


```

## 开发
```bash
# 克隆项目
git clone http://xxxxx
 
# 安装依赖
npm install
   
# 如果npm下载的慢,或者报一些下载失败的错误,可以使用临时淘宝源
npm --registry https://registry.npm.taobao.org install 需要下载的名字
 
# 启动服务
npm run dev
```
浏览器访问 http://localhost:9235

## 发布
```bash

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

## 目录结构
```
├── build                      // 构建配置  
├── config                     // 配置配置
├── src                        // 所有的源代码
│   ├── api                    // 所有的接口
│   ├── assets                 // 图片,reset.css等静态资源
│   ├── components             // 全局公用组件
│   │    ├── allInformation    // 全部信息的表格组件  
│   │    ├── allList           // 列表组件      
│   │    └── statusAndRecords  // 状态和记录组件
│   │
│   ├── directive              // 自定义全局指令
│   ├── filtres                // 全局 filter
│   ├── icons                  // 项目svg icons
│   ├── lang                   // 语言文件夹
│   ├── router                 // 总路由
│   ├── store                  // 全局 store
│   ├── styles                 // 全局样式
│   ├── utils                  // 公共的工具
│   ├── vendor                 // 公用vendor
│   ├── views                  // views
│   │    ├── allOrders         // 全部订单  
│   │    ├── assetPackage      // 资产包 
│   │    ├── layout            // 总布局 
│   │    ├── login             // 登录等  
│   │    ├── myTasks           // 我的任务  
│   │    ├── allList           // 列表组件  
│   │    ├── orders            // 订单     
│   │    └── partner           // 合作方   
│   │
│   ├── App.vue                // 入口页面
│   ├── main.js                // 入口js 初始化 加载组件等
│   └── permission.js          // 权限管理
├── static                     // 第三方不打包资源
│   └── Tinymce                // 富文本
├── .babelrc                   // babel-loader 配置
├── .eslintrc.js               // eslint 配置项
├── .postcssrc.js              // postcss 配置项
├── .gitignore                 // git 忽略项
├── favicon.ico                // favicon图标
├── index.html                 // html模板
└── package.json               // package.json

```