基于React和SpringBoot的全栈开发教程

Spring AI是一个给java程序员提供的大模型应用开发框架，集成了很多对话大模型、向量模型、对话记忆和向量数据库，可以让我们很方便的实现大部分大模型应用该有的功能。

在当前的开发模式中，大多数中后台系统仍然以账号密码登录作为主要的用户身份认证方式。在前后端分离的项目架构中，登录成功后由后端返回的 Token 通常作为鉴权的核心手段。

X.Ryder, 这是一个基于vite、react、tailwindcss和shadcn的中后台ui快速开发模板。搭配xryder-server这个基于Spring Boot的后台程序,可快速构建系统

接上期，这次增加路由和标签页动态标题功能。 开始 增加路由就可以在点击菜单后在各个页面中进行跳转。这里使用的组件是react-router-dom。

首先看一下增加布局之后的效果： 这是一个中后台系统最常见的左右布局，左侧是侧边栏，右侧显示内容。这里使用的是shadcn新推出的侧边栏组件sidebar。

大模型应用开发中的一个非典型场景，通过大模型解析文本生成结构化数据，改变文件导入的开发流程，使用智能化的方式提高系统使用体验。

要实现的效果如图所示： 左侧是插入的3D人物，类似AI智能助手的角色。 我们这里是通过React做的。需要用到以下工具或者网站： https://readyplayer.me/ 自定义3D人物 Ble

随着ChatGPT的火热，带动了大模型的军备竞赛。目前国内有很多厂商做的大模型已经有了不错的效果，那么小公司可能没有能力去训练大模型，但是打造大模型应用的生态已经非常火热。

使用大模型帮我们开发前端页面，这里介绍使用v0.dev和chatgpt在前端开发中的应用。我们框架使用到的前端技术有React、Tailwind和Shadcn，都是最流行的，AI更了解这些技术。

前端项目初始化，因为我们的前端项目使用的脚手架是Vite，UI框架用的是Tailwindcss和shacdn/ui。

最美最流行全栈开发框架开发记录。 这套前后端开发框架使用到的技术都是目前最新或者最流行的技术。前端使用的技术栈是React、Vite、Tailwi