介绍一下我搭建的一款清爽、美观、附带AI功能的WEB开发框架

215 阅读4分钟

这同时是一个简单的开发框架,前后端依赖不多,前端、后端加一个数据库,就这些,部署和维护都简单。

登录页.png

准备

经过了一个星期的准备和等待,系统的在线演示网站已经上线,个人网站的备案比预想的要顺利。两周时间就完成了服务器、域名购买,系统部署和备案流程。

这是系统演示地址:xryder.cn
演示账号:admin
账号密码:admin123

为什么做这个框架

团队中有部分项目使用的是一款目前国内流行的web开发框架,有部分是使用的react + antd的方案,后端是Java 8 和Spring Boot。技术栈没有统一是一个原因,第二个原因是前端审美疲劳,第三个原因是使用原有开源框架功能太多,较复杂。第四个原因是我认为之后的系统都会有AI功能。基于以上理由,才有了目前这个功能简单、附带AI的WEB开发框架。

主要功能

登录

登录默认使用账号密码登录,密码加密传输,多次登录失败账号锁定。可以改造增加多种登录方式,比如短信,跳转登录等。

个人中心

个人中心支持修改头像、修改密码,修改个人信息功能。

系统管理

系统管理包括用户管理、角色管理、部门管理、职位管理、通知管理、操作日志和登录日志功能。

system.png

权限校验基于RBAC理论进行设计和实现。没有开发菜单管理功能,菜单的显示是基于用户权限信息进行展示。权限信息也是通过数据库进行维护。

值得一提的是在用户管理模块中,我们有一个AI加持的功能叫智能导入。我们经常会遇到一个场景就是项目初始化之后,需要导入用户,这个时候要么我们提供一个模板文件让用户填写,然后导入。如果用户有自己的用户表格需要我们导入,我们就得开发脚本来导入,不管是哪种方式,都会产生很大的工作量。智能导入通过AI解析上传的用户Excel表,可以自动提取文件中的用户名、昵称等信息并显示在页面上,确认无误后可以直接在系统中创建用户。

通过这个小功能,展示了AI如何改变我们原有的系统功能设计思路。

智能助手

系统内置了一个聊天助手功能,功能类似ChatGPT,但没有它那么强大。目前支持对话记忆、长文本问答(基于上传文档的问答)、流式对话、函数调用(实现了调用系统内置的发送邮件功能)。页面上还置入了一个活动的3D角色。

AI.png

此外,框架还有中英文切换和暗黑模式切换功能。

技术栈

这个是当前的技术栈(React + Java 21),后续的迭代开发中会克制引入更多的依赖项。

tech.png

欢迎大家观看我的B站视频

开发计划

知识库

之前看过奈飞的一个纪录片,介绍日本福岛核电站泄露事故的,叫《核灾日月》。里面有一个场景就是好多工程师在海啸发生后,对于如何手动关闭核反应堆而在一堆纸质的技术资料中翻阅设计图纸,效率非常低。

我认为每个组织都该有一个自己的线上知识库,用于沉淀业务和知识。一来用于需要时进行有效率的查阅,二来可以用于新人的培养。那么知识库结合大模型就可以更加效率的运用知识,这在大模型开发应用中叫RAG(检索增强生成)。开发这个功能需要用到文件服务和向量数据库,同时也需要考虑知识文档的安全性,尽量使用本地的存储和向量化服务。

这个功能涉及到多个外部依赖的引入,会一下子增加这个框架的复杂性,所以迟迟没有动手开发。有想法的小伙伴可以评论区留下你的建议,一起讨论。

🌈开源地址

GitHub

📬 联系方式

你可以通过这些方式跟我联系:

感谢你在我的互联网角落停留片刻! 💫