# goodAdmin

**Repository Path**: liqz2009/good-admin

## Basic Information

- **Project Name**: goodAdmin
- **Description**: 采用vue3、vite、typescript开发的基于element-ui plus设计一款管理系统后台框架，配合后端goodJava项目使用，快速构建管理后台。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-28
- **Last Updated**: 2023-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# goodAdmin
基于admin-element-vue框架开发，采用 Vite + Vue3.x + Element Plus 
将菜单权限管理修改为后台自动生成，后端接口数据返回参照mock数据。
配合后台java管理框架[goodJava](https://gitee.com/liqz2009/good-java)
配合后台dotnet管理框架[goodJava](https://gitee.com/liqz2009/good-dotnet)
## Demo

**注意：Demo 用的是在线mock服务，不稳定，若在线登录不了pull到本地可直接运行查看demo**

| **[http://vitets-demo.admin-element-vue.liqingsong.cc](http://vitets-demo.admin-element-vue.liqingsong.cc/)**             |
:-------------------------:
| ![Home](https://gitee.com/lqsong/public/raw/master/admin-element-vue-vite-ts/home.png)  |
| ![Home](https://gitee.com/lqsong/public/raw/master/admin-element-vue-vite-ts/home2.png)  |


## 使用文档
 - [Github](https://github.com/lqsong/admin-element-vue/tree/vite.ts) 


## 功能

```
- 登录 / 注销 / 注册

- 权限验证
  - 页面权限
  - 按钮操作
  - 权限配置

- 全局功能
  - 国际化多语言
  - 动态顶级菜单（支持设置是否启用）
  - 动态侧边栏（支持多级路由嵌套）
  - 动态面包屑（支持自定义配置）
  - Svg Sprite 图标
  - Mock 数据

- 综合实例
  - 引导页
  - 组件示例
    - 编辑器
      - CKEditor
      - tui-editor
    - 图标
      - IconSvg
      - IconFont
  - 页面示例
    - 列表页面
      - 表格列表
      - 高度自适应表格
      - 搜索列表
    - 表单页面
      - 基础表单
      - 高级表单      
    - 详情页面
      - 基础详情
      - 模块详情
      - 表格详情
  - 权限验证
```


## 自定义配置

### **(建议)** 本地或开发模式下，不要直接修改 '.env.development'
复制 '.env.development' 重命名为 ' .env.development.local' , 修改对应的参数.

### **(建议)** 生产模式下，不要直接修改 '.env.production'
复制 '.env.production' 重命名为 ' .env.production.local' , 修改对应的参数.


## 项目设置

### 一、Install dependencies,

```bash
$ yarn
```

or

```
$ npm install
```

> 推荐使用 yarn , **[yarn安装与常用命令](http://liqingsong.cc/article/detail/9)** 。

### 二、Compiles and hot-reloads for development

```bash
$ yarn serve
```

or

```
$ npm run serve
```


### 三、Compiles and minifies for production

```bash
$ yarn build
```
or

```
$ npm run build
```

### 四、本地预览生产构建产物

```bash
$ yarn serve
```
or

```
$ npm run serve
```

### 五、精简 svg icon

```
$ yarn svgo
```

or

```
$ npm run svgo
```

### 六、Run your unit tests
```
yarn test

#

npm run test
```
### 七、重置密码
```
http://localhost:3000/#/init
```