# my-vue-ele

**Repository Path**: W006/my-vue-ele

## Basic Information

- **Project Name**: my-vue-ele
- **Description**: 后台管理系统页面
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-12
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[TOC]

## 工程搭建

```bash
# 克隆项目
git clone https://github.com/Wen006/my-vue-ele.git
# or git clone https://gitee.com/W006/my-vue-ele.git

# 进入项目目录
cd my-vue-ele

# 安装依赖 or cnpm install
npm install   

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

# 启动服务
npm run dev
```

浏览器访问 http://127.0.0.1:1024

账号密码：admin/1

## 功能实现

-  全局工具
-  国际化
-  mock
-  企业应用组件
-  模块

### 全局工具 [App.md](doc/App.md) 

封装一些通用工具，可以直接通过组件的this.* 调用

### 国际化   [i18n.md](doc/i18n.md) 

#### 加入国际化
- 文件夹 @/locales/*
- 装载 @/main.js

#### 如何使用
具体用法参考： http://kazupon.github.io/vue-i18n/zh/introduction.html

```js
// html
<div>{{$t('demo.name')}}</div>
// js
this.$t('demo.name')
```

### 模拟数据 Mock （开发用） [Mocker.md](doc/Mocker.md) 
- 自动生成配置 @/api/config 中的m_table and m_handler
- 自定义配置   @/mocker/\*/\*.js

### 组件
-  [Btn.md](doc/Btn.md)  `统一按钮` 
- formmark `带有数据源的数据结构化处理`
    -  [VCheckBox.md](doc/VCheckBox.md) 
    -  [VRadio.md](doc/VRadio.md) 
    -  [VSelect.md](doc/VSelect.md) 
-  [FormFilter.md](doc/FormFilter.md) `生成form表单`
- `弹框选择`
    -  [InputLookUp.md](doc/InputLookUp.md) 
    -  [LookUpTable.md](doc/LookUpTable.md) 
- `表格`
    -  [VTable.md](doc/VTable.md) 
    -  [DataTable.md](doc/DataTable.md) 

### 模块

- 用户
- 菜单
- 角色
- 权限
- 。。。


## 发布

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

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