# foolAdminTemplate

**Repository Path**: yinMrsir/fool-admin-template

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-04-04
- **Last Updated**: 2022-05-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# foolAdminTemplate

vite2+vue3+ant-design-vue3搭建的一个后台管理系统, 拿来即用，快速搭建页面。

组件库：https://github.com/yinMrsir/antd-pro-vue

## 简介

* json数据配置表格、表单

* 命令快速构建路由及页面

### 文件夹结构
```
├─ doc                                      // 文档
├─ public                                   // 存放icon
├─ src                                      // 代码编写的目录
│  ├─ assets                                // 静态文件
│  │  ├─ less                               // 公共less
│  │  └─ images                             // 图片文件
│  ├─ components                            // 公共业务组件
│  ├─ plugins                               // 自定义插件
│  │  ├─ gVerify.js                         // 验证码插件
│  │  └─ index.js                           // 插件入口文件
│  ├─ views                                 // 页面文件
│  │  ├─ components                         // 页面公用组件
│  │  ├─ users                              // users模块为例目录
│  │  │  ├─ components                      // users模块组件
│  │  │  └─ index.vue                       // 对应路由: /users
│  │  │  └─ list.vue                        // 对应路由: /users/list
│  │  │  └─ info.vue                        // 对应路由: /users/info
│  │  │  └─ model.js                        // users模块vuex数据
│  │  │  └─ service.vue                     // users模块相关定义的接口请求
│  ├─ router                                // 路由相关
│  │  ├─ layout                             // 布局组件
│  │  ├─ modules
│  │  ├─ index.js                           // 路由定义入口
│  ├─ store                                 // 存储全局vuex
│  │  ├─ modules
│  │  └─ index.js
│  ├─ App.vue                               // 页面入口文件
│  └─ main.js                               // 程序入口文件
├─ vite.config.js                           // vite配置文件
├─ .gitignore                               // git 忽略项
├─ README.md                                // README
└─ package.json                             // 配置依赖
```

## 安装下载

- 下载地址：https://gitee.com/yinMrsir/fool-admin-template.git

## 快速使用

```
# 安装依赖(建议使用yarn)

npm install
or
yarn install

# 启动

npm run dev
or
yarn dev

# 编译

npm run build
or
yarn build

# 编译后预览

yarn build && yarn serve

# 创建页面(自动生成视图页面及路由)
yarn create-view
or
npm run create-view

# 移除页面(自动移除视图页面及路由)
yarn del-view
or
npm run del-view
```

## 交流 & 提问

QQ交流群: 411121858

提问：https://gitee.com/yinMrsir/fool-admin-template/issues

组件库地址：https://github.com/yinMrsir/antd-pro-vue

## 更新

2022-4-25

* 支持导航栏Tab标签打开形式展现
* 面包屑位置调整