FastAPI + vue3-element-plus-typescript 开箱即用的管理后台框架

4,170 阅读5分钟

[关于]

kinit是一个拥有高性能,高效率,高颜值的fastapi管理后台框架。积极拥抱新技术,长期维护,积极更新。平台包括PC端(vue3+typescript),微信小程序端(uni-app),接口使用(fastapi+sqlalchemy),数据库全异步方式Mysql8.0,Redis,MongoDB。

在线体验

PC端演示地址:kinit.ktianc.top

微信小程序端演示:

  • 搜索:kinit
  • 扫码:
image-20221010214526082
  • 账号:15020221010
  • 密码:kinit2022

源码地址

gitee地址(主推):gitee.com/ktianc/kini…

github地址:github.com/vvandk/kini…

介绍

Kinit 是一套全部开源的快速开发平台,毫无保留给个人及企业免费使用。

  • 后端采用现代、快速(高性能) FastAPI 异步框架 + 自动生成交互式API文档 + (强制类型约束)Pydantic + (高效率)SQLAlchemy
  • PC端采用 vue-element-plus-adminVue3Element PlusTypeScript等主流技术开发;
  • 移动端采用 uni-appVue2uView 2为主要技术开发;
  • 后端加入 Typer 命令行应用,简单化数据初始化,数据表模型迁移等操作;
  • 新加入定时任务功能,采用 APScheduler 定时任务框架 + Redis 消息队列 + MongoDB 持久存储;
  • 权限认证使用(哈希)密码和 JWT Bearer 令牌的 OAuth2,支持多终端认证系统。
  • 支持加载动态权限菜单,多方式轻松权限控制,按钮级别权限控制。
  • 已加入常见的 MySQL + MongoDB + Redis 数据库异步操作。
  • 开箱即用的中后台解决方案,可以用来作为新项目的启动模版,也可用于学习参考。并且时刻关注着最新技术动向,尽可能的第一时间更新。
  • vue-element-plus-admin 前端框架时刻保持同步更新。

特别鸣谢

vue-element-plus-admin:一套基于vue3、element-plus、typescript4、vite3的后台集成方案

RuoYi 若依官方网站:RuoYi 是一个后台管理系统,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf)主要目的让开发者注重专注业务,降低技术难度,从而节省人力成本,缩短项目周期,提高软件安全质量。

django-vue-admin:基于RBAC模型的权限控制的一整套基础开发平台,前后端分离,后端采用 django+django-rest-framework,前端采用 vue+ElementUI。

Ant Design Pro:开箱即用的中台前端/设计解决方案

Gin-Vue-Admin:基于vite+vue3+gin搭建的开发基础平台(支持TS,JS混用),集成jwt鉴权,权限管理,动态路由,显隐可控组件,分页封装,多点登录拦截,资源权限,上传下载,代码生成器,表单生成器等开发必备功能。

Vben Admin:Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。

中华人民共和国行政区划 (github.com):省级(省份)、 地级(城市)、 县级(区县)、 乡级(乡镇街道)、 村级(村委会居委会) ,中国省市区镇村二级三级四级五级联动地址数据。

Vue Admin Plus:vue-admin-better是github开源admin中最优秀的集成框架之一,它是国内首个基于vue3.0的开源admin项目,同时支持电脑,手机,平板,默认分支使用vue3.x+antdv开发,master分支使用的是vue2.x+element开发。

小诺开源技术 (xiaonuo.vip):国内首个国密前后端分离快速开发平台

my-web:MyWeb 是一个企业级中后台前端/设计解决方案的的项目工程模板,它可以帮助你快速搭建企业级中后台产品原型

PC端内置功能

  • 菜单管理:配置系统菜单,操作权限,按钮权限标识、后端接口权限等。

  • 角色管理:角色菜单权限分配。

  • 用户管理:用户是系统操作者,该功能主要完成系统用户配置。

  • 个人主页:配置用户个人信息,密码修改等。

  • 字典管理:对系统中经常使用的一些较为固定的数据进行维护。

  • 文件上传:对接阿里云OSS与本地存储。

  • 登录认证:目前支持用户使用手机号+密码登录方式,手机验证码登录方式。 说明:新建用户密码默认为手机号后六位; 说明:用户在第一次登录时,必须修改当前用户密码。

  • 系统配置:对本系统环境信息进行动态配置 网站标题,LOGO,描述,ICO,备案号,底部内容,微信小程序信息,等等

  • 用户分布:接入高德地图显示各地区用户分布情况

  • 智慧大屏:大屏展示办公室空气质量实时检测数据分析

  • 登录日志:用户登录日志记录和查询。

  • 操作日志:系统用户每次操作功能时的详细记录。

  • 接口文档:提供自动生成的交互式 API 文档,与 ReDoc 文档

  • 导入导出:灵活支持数据导入导出功能

  • 简单适配手机端:

    1. 工作台招呼语一行显示,多余显示省略号
    2. 查询框宽度统一,需手动调整(强迫症建议)
    3. 分页符更新,电脑端与手机端分页功能不同
    4. 表格工具栏更新,手机端取消文字显示
    5. 表格操作按钮多的时候自动叠起
  • 已加入常见的RedisMySQLMongoDB数据库异步操作。

  • 命令行操作:新加入 Typer 命令行应用,简单化数据初始化,数据表模型迁移。

  • 定时任务:在线操作(添加、修改、删除)任务调度包含查看任务执行结果日志。

移动端内置功能

  • 登录认证:支持用户使用手机号+密码方式登录,微信手机号一键登录方式。 说明:新建用户密码默认为手机号后六位; 说明:用户在第一次登录时,必须修改当前用户密码。
  • 导航栏:首页、我的、工作台
  • 我的基础功能:编辑资料、头像修改、密码修改、常见问题、关于我们等

TODO

  • 多租户方案
  • 自动化编排服务:使用docker-compose部署项目
  • 可视化低代码表单:接入低代码表单,vform3

许可证

MIT

PC端演示图

image-20221010214526082

image-20221010214526082

image-20221010214526082

image-20221010214526082

image-20221010214526082

1688392266702

image-20221010214526082

image-20221010214526082

image-20221010214526082

image-20221010214526082

image-20221010214526082

image-20221010214526082

手机端查看后台演示图

另一种布局演示图

图1

image-20221010214526082

图2

image-20221010214526082

图3

image-20221010214526082

图4

image-20221010214526082

图5

image-20221010214526082