# vue-admin

**Repository Path**: southWindNumber/vue-admin

## Basic Information

- **Project Name**: vue-admin
- **Description**: vue3admin后台管理系统，代码规范，代码提交规范
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-05
- **Last Updated**: 2023-03-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# imooc-admin

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## 国际化原理
```js
// 1、定义 msg 值的数据源
const messages={
  en:{
    msg:'hello word'
  },
  zh:{
    msg:'你好世界'
  }
}
//2.定义切换变量
let locale ='en'
//3.定义赋值函数
function t(key){
  return message[locale][key]
}
//4.为msg赋值
let msg=t('msg')
console.log(msg)
```
## 前端模糊搜索方案 fuse库
```js
npm i --save fuse.js@6.4.6
```
## 前端引导页方案 driver.js 库
```js
npm i --save driver.js@0.9.8
```

## 前端导入方案 xlsx
```js
npm i --save xlsx@0.17.0
```

## 前端导出方案 Export2Excel.js
```js
npm i --save file-saver
```


## 前端打印方案 vue3-print-nb
```js
npm i --save vue3-print-nb
```

## RCAC权限管理
用户---角色---权限


## 处理相对时间，使用day.js的插件 默认是英文  查看具体代码 filters文件夹
```
import rt from 'dayjs/plugin/relativeTime'

// 加载相对时间插件
dayjs.extend(rt)
function relativeTime(val) {
  if (!isNaN(val)) {
    val = parseInt(val)
  }
  return dayjs().to(dayjs(val))
}
```

## 表格拖拽功能实现方案 sortablejs
```
npm i sortablejs@1.14.0
```

## markdown插件 tui.editor
```
npm i @toast-ui/editor@3.0.2
```
## 富文本插件 wangeditor
```
npm i wangeditor@4.7.6
```

## 处理wangeditor@4.7.6国际化
```
npm i  i18next@20.4.0
```
## 推荐的markdown插件 及 富文本插件

![](E:\cys\learn\imooc-admin\README1.png)