这是一个基于React和Java的WEB快速开发框架。
github开源地址：github.com/pipijoe/xry…
特点
AI
它集成了Spring AI，提供了AI对话和智能监控功能。
轻量化
该框架只有系统管理、登录验证、个人设置等web系统核心功能。设计之初力求简洁、轻量，减少外部依赖，同时保持与时俱进，跟随国际潮流。
独具一格
框架前端使用tailwind和shadcn，跟目前市面上千篇一律的element ui 和andt形成了鲜明对比，让系统页面独具一格，保持出彩。使用shadcn灵活的组件定义，可以按照个人意愿编写出独一无二的页面风格。
大模型友好
使用国内外流行的技术组件作为框架的基础，在跟大模型进行提问时，大模型可以提供更优质的解决方案。
AI有意思
使用text2sql技术，实现交互式系统监控功能。该功能通过问答的方式，让AI生成SQL并查询监控数据，并通过图表进行展示。
使用lottie和framer-motion创建了一个类似siri的交互对象，点击图标后呼出输入框跟AI对话。 该基础功能只提供了一张访问表的元数据信息，你可以基于这个基础功能进行拓展，增加更多的监控数据。
同时，你也可以基于这个功能去开发智能对话式大屏，灵活展现数据图表。
技术栈
前端
React、Vite、Aixos、Zustand、react-router-dom、tailwindcss、shadcn/ui、framer-motion
后端
Java 21、Spring Boot、Spring Data Jpa、Spring AI、Spring Security、MYSQL
运行
前端
进入项目目录后，执行如下命令进行依赖的安装和本地开发运行。
npm install
npm run dev
打包
npm run build
后端
1. 数据库
首先安装MYSQL 8.x，创建名为ryder的数据库，你也可以创建其他名称的数据库，只需要修改对应的application中关于数据库连接信息。将项目中sql文件下的脚本执行一遍，创建并插入相关数据。
2. JDK
本项目因为引入了Spring AI作为大模型的开发框架，Spring AI最低支持Java17，所以项目中直接使用了Java21的版本，Java17的版本本项目没有进行测试，不知道是否适配。所以需要安装JDK21，并配置相关的开发环境。
3. 申请大模型App-Key
项目中引入的Open AI的开发框架，使用的是智普AI的免费大模型。建议可以去智普大模型官网进行APPKey的申请。并将key配置到环境变量中或者直接写入application.yml中。
可以考虑使用国产大模型智普AI，效果不错，接入方便，还有免费模型可以使用。支持OpenAPI格式。
spring:
ai:
openai:
api-key: ZHIPU_AI_API_KEY
base-url: https://open.bigmodel.cn/api/paas/
chat:
api-key: ZHIPU_AI_API_KEY
base-url: https://open.bigmodel.cn/api/paas/
completions-path: /v4/chat/completions
options:
model: GLM-4-flash
如果是直接使用的openai的key，则只需要配置api-key。
如果是使用的代理地址，则更换base-url和completions。
4. 安装依赖
5. 修改application.yml的数据库连接信息
6. 启动项目
项目启动后，会自动初始化管理员账号。cn.xryder.base.config.DataInitializer为账户初始化类，可以查看管理员账号及密码。
7. 登录系统
打开系统页面，默认是5173端口，输入管理员账号密码进行登录。
最后 🎉😄🎶
如果大家对这个项目感兴趣，欢迎star，让我们知道！
enjoy！
