SpringBoot Web开发——后台管理系统demo

目录

1、构建后台管理系统

1.1、项目创建

1.1.1、创建项目

1.1.2、自动引入项目依赖 

1.2、静态资源处理

1.3、路径构建

1.4、模板抽取

1.4.1、各个页面中的导航栏存在冗余代码：

1.4.2、抽取导航栏代码：

1.4.3、在重复页面中加入抽取后的代码

1.4.4、有三种替换方式：

1.5、页面跳转

1.5.1、登陆界面

1.5.2、 进入主界面

1.6、数据添加

---

项目gitee仓库地址：UCLASS/SpringBootThymeleaf

视图解析：SpringBoot默认不支持 JSP，需要引入第三方模板引擎技术实现页面渲染。

1、构建后台管理系统

1.1、项目创建

1.1.1、创建项目

1.1.2、自动引入项目依赖 

1.2、静态资源处理

        在resources文件夹下创建static文件夹，用于存放css、fonts、images和js等静态资源

1.3、路径构建

        采用thymeleaf格式构建路径

<li><a th:href="@{/basic_table}"> Basic Table</a></li>
<li><a th:href="@{/dynamic_table}"> Advanced Table</a></li>
<li><a th:href="@{/responsive_table}"> Responsive Table</a></li>
<li><a th:href="@{/editable_table}"> Edit Table</a></li>

1.4、模板抽取

        在页面的公共部分可以采用页面抽取技术，避免冗余代码：

1.4.1、各个页面中的导航栏存在冗余代码：