Skip to content

ymf-930/fei-admin

Repository files navigation

fei-admin

vite + vue3.2+版本。

预览

fei-admin基于 Vue3,配合使用最新支持vue3的组件库 f-ui-one

组件库提供了全新的主题系统和配置参数,增加了系统的个性化功能,并提供了多个自定义组件用于日常开发,配合组件库以及示例,可以快速的 搭建自己的业务管理模块。

部分截图

登录

预览1

预览2

预览3

预览4

预览5

预览6

目录结构

整个项目的目录结构如下,具体包含内容后续会进行详细介绍和解释

├── docs                       // 文档目录
├── public                     // 公共资源,第三方,不打包资源
├── src                        // 源代码
│   ├── api                    // 所有请求相关资源
│   ├── assets                 // 静态资源,会打包的资源
│   ├── components             // 全局公用组件
│       ├── Common             // 基础通用组件,不含任何api交互,封装基本布局,控件配置等组件
│       ├── Pages              // 业务pages组件,用于拆分views中实际pages业务菜单模块的组装组件。包含交互
│       ├── Service            // 通用的业务封装组件,会在不同pages业务菜单模块中使用,包含api调用,如选择字典,通用上传
│   ├── config                 // 通用配置信息
│   ├── hooks                  // 通用的hooks模块
│   ├── layouts                // 全局布局模块
│   ├── mock                   // mock server 数据
│   ├── plugins                // 自定义插件
│   ├── router                 // 路由
│   ├── store                  // 全局 store 
│   ├── utils                  // 工具函数模块
│   ├── views                  // views 视图显示(system文件夹为系统默认必带的试图显示)
│   ├── App.vue                // 入口页面
│   └── main.js                // 入口文件 加载组件 初始化等
├── .eslintrc.js               // eslint 配置项
├── .gitignore                 // git 忽略项
├── babel.config.js            // babel 配置项
├── vite.config.js             // vite配置项
└── package.json               // package.json

安装

# 克隆项目
git clone https://gitee.com/ymf930/fei-admin.git

# 安装依赖
npm install or yarn install

# 本地开发 启动项目
npm run dev

About

基于个人组件库的后台管理系统

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors