本章主要內容是:
1.快速搭建了若依前后端項目在本地
2.實現了單表的增刪改查快速生成
文章目錄
- 介紹
- 1.若依介紹
- 2.若依的不同版本
- 3.項目運行環境
- 初始化前后端項目
- 1.下載若依項目
- 2.初始化后端
- a.把表導入到數據庫中
- b.更改application.yml文件
- 3.初始化前端
- a.安裝依賴
- b.改后端請求地址
- c.啟動應用
- 利用若依快速生成代碼
- 1.導入基礎表到數據庫
- 2.數據表單設置
- a. 選定新建的表
- b.修改生成配置
- c .下載生成的代碼到本地
- d.將文件放到前后端項目中
- e.單表增刪改查完成
- 結束語
介紹
若依是一個快速開發平臺,支持后臺管理系統開發,包括登錄權限控制和日志記錄等功能,極大簡化了開發流程。它具有強大的代碼生成器,可根據數據表結構自動生成前后端代碼,提高開發效率和代碼一致性。此外,若依還支持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節的后面會一直學持續更新。有問題可以一起討論,我組建了一個微信群大家可以加一下,還有這個項目的網盤資料我也可以分享 。私聊