黑马｜最新AI+若依 ｜初识项目

本章主要内容是：

1.快速搭建了若依前后端项目在本地

2.实现了单表的增删改查快速生成

介绍

若依是一个快速开发平台，支持后台管理系统开发，包括登录权限控制和日志记录等功能，极大简化了开发流程。它具有强大的代码生成器，可根据数据表结构自动生成前后端代码，提高开发效率和代码一致性。此外，若依还支持AI辅助编程，帮助开发者面对复杂业务需求时实现高效开发。课程内容分为基础应用、项目实战和原理三部分，涵盖了若依框架、AI工具使用、数据库、前后端技术和VUE3等技能。若依框架提供多个版本，以适应不同开发场景和技术要求，其中包括针对iOS和Android平台的uni APP版本以及基于Spring Boot和Spring Cloud的微服务架构版本。课程着重讲解了若依APP版本及其采用的前后端分离架构，指导学生通过克隆项目仓库、安装依赖和运行开发环境等步骤搭建项目，并使用若依的代码生成器自动化生成代码。此外，还介绍了项目自动更新和部署的方法，以及前端功能测试的重要性，确保项目顺利运行。

1.若依介绍

若依内置了丰富的通用模块，涵盖了后台管理系统，常见的系统登录权限控制、日志记录等等。我们把代码克隆下来，直接运行就可以访问了。若依自带的通用模块功能，找到若依的关键界面登录功能，若依帮我们写好了，直接使用登录一下。这些就是录音自带的权限控制相关，还有日志记录相关的等等功能。这些模块集成进一步简化了我们的开发流程，让我们可以专注于业务能力的实现。若依还有一个更强大的功能生成器，在实际的开发中，我们经常会遇到需要编写大量重复代码的情况。登山改造操作。但这工具在这里发挥了巨大的作用。我们只需要定义好数据表的结构，如果一定能自动为我们生成前后端的代码，下面我们来感受一下这个就是我们后期单片片要完成的项目，找到若依的代码生成工具，我们只需要将这些业务表的结构交给如意进行管理。就可以生成前后端代码了。点开来看一下，这些是后端代码，这些是前端代码，咱们将这些代码复制下来，导入到开发环境当中，就可以生成这些功能的前后端代码了。包括增删改查功能，注意是前后端代码，有了代码升级的功能，谁谁谁谁什么满满的工作量。同时也提高了代码的一致性和可维护性。我们可以看到后台系统的通用功能模块和基础代码生成。如果一也能实现，将来我们可以把通用功能和技术代码交给若依来完成。

2.若依的不同版本

1.我们先来看第一个版本是前后端很合开发版本，后端采用了spring boot, 前端则选择bootstrap, 是早期web开发的常见模式。由于前端与后端代码为同一个项目当中，目前已经被市场淘汰了，我们了解一下即可。

2.第二个vue是前后端分离版本，后端同样的应用spring boot前端则改为vue，使得企业后端可以并行开发和独立部署。这是目前广泛采用的主流开发模式，这种模式对于单体项目来说非常合适，能够满足大多数的开发需求。

3.但是面对中大型的单架构，可能就会遇到的瓶颈或扩展性的问题等等。此时我们就要选第三个，若依cloud微服务版本后端升级为spring cloud阿里巴巴微服务的架构设计，确保系统延伸性和稳定性。

4.如果你还想让后台管理系统继续去适配移动端访问的话，可以选择ray APP这个版本。这个版本利用了uni APP加vivo框架强大的功能，实现了一次编写多端运行的开发模式。这意味着可以用套套代码来适配苹果的IOS安卓以及各种小程序和H5页面，极大的提高了开发效率，并降低了跨平台维护的复杂性。这里需要强调一下，如果你APP这个版本并没有去提供后端代码，我们可以结合真实的业务需求适配单体的。

3.项目运行环境

下面介绍一下运行此版本所需要的软件环境。第一个我们需要安装java的第二个安装关系数据库mysql，第三个安装非关键数据库redis，第四个安装项目构建工具maven。当然你不用这么高的也没有关系比如jdk用 1.8 ,MySQL用 5.7

初始化前后端项目

1.下载若依项目

后端地址: https://gitee.com/y_project/RuoYi-Vue

前端地址： git clone https://github.com/wzs28150/RuoYi-Vue3.git

2.初始化后端

a.把表导入到数据库中

打开数据库操作软件然后创建名字为ry-vue的库，然后运行SQL脚本，选中数据库sql文件，位置在项目同级的sql文件夹下面一共两个

b.更改application.yml文件

• 更改数据库连接密码，变成你本地数据库的连接密码。如果你redis设置密码了的话也需要更改application-druid.yml文件中的password属性。还有就是需要更改log日志的本地位置，在logback.xml文件中的log.path属性，文件需要在本地存在，要不然会报错
• 以上文件都是在ruoyi-admin项目中更改的。

3.初始化前端

a.安装依赖

• 打开项目到 VScode 中然后执行 npm install 或者yarn -V 或者 npm i下载项目前端需要的依赖

  遇到的问题：因为之前别的项目下载过其他版本的依赖，会导致版本冲突，这个时候需要你根据若依这个项目的依赖去下载。

  就是到 package.json 中去看哪一个依赖和你本地的版本不一样，然后下载指定版本的依赖。

b.改后端请求地址

• 更改 vite.config.js 文件中的后台请求地址 ，34行

'/dev-api': {
  target: 'http://localhost:8080',
    // target: 'https://api.wzs.pub/mock/13',
    changeOrigin: true,
      rewrite: (p) => p.replace(/^\/dev-api/, '')
}

c.启动应用

npm run dev 启动应用，访问 http://localhost:80 就可以看到页面啦

利用若依快速生成代码

1.导入基础表到数据库

a.表结构导入数据库. /Users/zhao/Downloads/阿里云盘/2024-Java若依框架专题课/01-基础篇/资料/02-入门案例

DROP TABLE IF EXISTS `tb_course`;
 
CREATE TABLE `tb_course` (
  `id` bigint NOT NULL AUTO_INCREMENT COMMENT '课程id',
  `code` varchar(32) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程编码',
  `subject` varchar(32) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程学科',
  `name` varchar(64) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程名称',
  `price` int DEFAULT NULL COMMENT '价格（元）',
  `applicable_person` varchar(32) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '适用人群',
  `info` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_bin DEFAULT NULL COMMENT '课程介绍',
  `create_time` timestamp NULL DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` timestamp NULL DEFAULT NULL COMMENT '更新时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb3 COLLATE=utf8mb3_bin COMMENT='课程管理';
 
LOCK TABLES `tb_course` WRITE;
 INSERT INTO `tb_course` VALUES (1,'cp123456','javaEE','JavaSE基础',199,'小白学员','JavaSE基础','2024-04-20 09:57:35','2024-04-20 09:57:35'),(2,'cp123457','javaEE','JavaWeb',188,'初级开发者','JavaWeb','2024-04-20 09:57:35','2024-04-20 09:57:35'),(3,'cp123458','Python+大数据','Python入门',555,'小白学员','Python入门','2024-04-20 09:57:35','2024-04-20 09:57:35'),(4,'cp123459','Python+大数据','PythonWeb',88,'初级开发者','PythonWeb','2024-04-20 09:57:35','2024-04-20 09:57:35'),(5,'cp123460','鸿蒙应用开发','鸿蒙入门',99,'小白学员','鸿蒙入门','2024-04-20 09:57:35','2024-04-20 09:57:35'),(6,'cp123461','鸿蒙应用开发','鸿蒙商城实战',59,'初级开发者','鸿蒙商城实战','2024-04-20 09:57:35','2024-04-20 09:57:35');
 UNLOCK TABLES;
 

2.数据表单设置

a. 选定新建的表

在页面菜单栏中点击 系统工具 - -> 表单构建 - -> 代码生成 --> 导入–>查询表明点击确认

b.修改生成配置

• 上一步骤选择确定后会列表会生成一条数据，点击编辑进入修改生成配置页面
• 有三个字页面。1.基本信息 2.字段信息 3.生成信息 如下图设置

c .下载生成的代码到本地

d.将文件放到前后端项目中

• 执行下载文件中的sql文件，里面是给新页面加权限的sql

• 执行下载文件的sql，前端代码复制，api和view文件到项目中。后端代码复制 course 到 src/main/java/com/ruoyi 文件夹下（ruoyi-admin子项目） 重启后端。

e.单表增删改查完成

结束语

以前一直想学习若依，自己也运行过项目，但是没人教还是摸索不透。毕竟自学能力还是有限的。这回黑马出教程啦。单表的增删改查不到5分钟就完事还是前后端分离的，这也太爽啦吧。之前去零跑汽车外包干过几天，他们那面就是用的若依这套东西。实在太好用了，学会了分分钟做出个系统。这个笔记是前3节的后面会一直学持续更新。有问题可以一起讨论，我组建了一个微信群大家可以加一下，还有这个项目的网盘资料我也可以分享 。私聊