天天看点

引用项目“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快速入门源码