Skip to content

一款vue3 admin后台管理框架,高颜值高性能。使用最新技术栈vue3 vite typescript pinia element-plus。免费开源。vue后台管理。vue admin

License

Notifications You must be signed in to change notification settings

lfcleo/fc-admin

Repository files navigation

Vite Vue element plus

FC-Admin

V1.0.2更新日志(Upload Logs)

重要提醒!!!v1.0.2版本是根据FC-Admin-Server服务器版本实践开发,优化了部分组件内容。如果想开发与服务器交互的版本,可参考FC-Admin-Server

项目架构(注意!!!不兼容老版本)

  • 删除--动态菜单路由meta.isLink属性,改为下方的type
  • 新增--动态菜单路由meta.type属性,对应的值为MENU == 菜单BUTTON == 按钮LINK == 外链
  • 优化--pinia中的auth.role 改为 auth.roles

404页面

  • 新增--返回登录页面按钮

字符验证码组件

  • 优化-去除易混淆的数字和字母

图标选择器组件

  • 优化-无图标数据的默认值

表格组件 表格组建新增/修改内容较多,请查看项目中的演示

  • 新增-列配置selectable属性
  • 新增-底部视图,showbottomView是否显示底部试图
  • 新增-底部视图按钮组-列配置按钮,showColumnBtn是否显示刷新按钮
  • 新增-底部视图按钮组-表格刷新按钮,showRefreshBtn是否显示列设置按钮
  • 新增-自定义底部视图toolButtons
  • 新增-表格加载状态loading

树形组件(注意!!!不兼容老版本)

  • 删除-label属性,用法改变,使用下方treeProps属性
  • 新增-treeProps属性,原label属性添加到该属性内,同el-treeprops属性一致,可参考官方文档拓展多属性。
  • 优化-单选模式的emit方法改为selectClick
  • 优化-导出checkStrictlyloading属性

更新日志

介绍(Introduce)

FC-Admin 基于VUE3+Vite+ElementPlus+Pinia实现的一款后台管理框架。使用最新的前端技术栈。 提供一些常用组件、动态路由、权限控制等。加快开发速度。

FC-Admin is a backend management framework built with VUE3, Vite, ElementPlus, and Pinia, leveraging the latest front-end technology stack. It offers a range of commonly used components, dynamic routing, and permission control, among others, to expedite the development process.

logo

演示和文档(Preview and Document)

类型 链接
演示地址 (Preview) https://www.fcadmin.fun
中文文档 https://doc.fcadmin.fun
English document https://doc.fcadmin.fun/en

服务器版本

有小伙伴想要能实际运行与服务器的权限管理版本,基于此提议我们提供了与服务器交互版本,后端使用Go语言开发,如果想开源其它后端语言项目,可联系作者。

Some users want a version that can actually run and manage permissions on the server. Based on this suggestion, we have provided a version that interacts with the server. The backend is developed in Go language. If you want to open-source other backend language projects, you can contact the author.

前端项目代码(Web Code):FC-Admin-Server

后端项目代码(Server Code):FC-Admin-Server-Go (暂未开源)

精简版本

如果有自己的一套后端框架,只想使用fc-admin框架,我们提供了精简版 FC-Admin-Thin,可以直接做开发使用,与您的后端服务进行交互。

Provides a simplified version of FC-Admin-Thin It can be directly used for development

类型 链接
GitHub https://github.com/lfcleo/fc-admin-thin
Gitee https://gitee.com/lfcleo/fc-admin-thin

部分截图(Partial Screenshot)

logo

安装教程(Install)

# 克隆项目
git clone https://github.com/lfcleo/fc-admin.git

# 进入项目目录
cd fc-admin

# 安装依赖
npm i

# 启动项目(开发模式)
npm run dev

启动完成后浏览器访问 http://localhost:2800

About

一款vue3 admin后台管理框架,高颜值高性能。使用最新技术栈vue3 vite typescript pinia element-plus。免费开源。vue后台管理。vue admin

Resources

License

Stars

Watchers

Forks

Packages

No packages published