天天看點

引用項目“interop”的目标_基于Springboot的快速入門項目

本課程是SpringBoot +MyBatis + layui,課程的目标:從無到有,整合 SpringBoot + MyBatis + layui,建構一個背景項目。

技術選型

背景:Springboot+ mybatis + mysql Ø前端:layui+thymeleaf n layui 第三方的前端架構,把 CSS/JS/HTML 已經打包好,我們直接用n Thymeleaf 類似于 JSP,Freemaker 模闆引擎,也有自己表達式Ø開發工具:jdk1.8 +

項目筆記

整合layui的背景管理頁面

1.下載下傳layui資源包

2.把https://www.layui.com/demo/layuiAdmin.html的源碼copy到index.html

3.導入layui資源

4.修改index.html的css/js的引用路徑

1.聲明頁面支援thymeleaf模型引擎

2.使用thymeleaf的方式去通路資源路徑

th:href="@{/a/b/c.css}" target="_blank" rel="external nofollow"

=====================================================================

修改一些内容

标題

登入資訊

=====================================================================

>點選課程定單和學員資訊進行一個切換(内容主體區域)

>需要要内容主體區域嵌入子產品html

>課程定單courseorder.html

>學員資訊stuinfo.html

>index.html添加iframe

=====================================================================

資料表格

1.copy原碼

2.修改js/css的通路路徑

系統的截圖如下所示:

引用項目“interop”的目标_基于Springboot的快速入門項目
引用項目“interop”的目标_基于Springboot的快速入門項目
引用項目“interop”的目标_基于Springboot的快速入門項目
引用項目“interop”的目标_基于Springboot的快速入門項目
引用項目“interop”的目标_基于Springboot的快速入門項目
引用項目“interop”的目标_基于Springboot的快速入門項目

關注我,轉發加評論,私信:boot快速入門源碼