Spring Boot总结（三）：Spring Boot界面设计

缺乏、安全感 2022-05-18 04:55 231阅读 0赞

[Spring Boot总结（一）：入门][Spring Boot]

[Spring Boot总结（二）：Spring Boot中使用数据库][Spring Boot_Spring Boot]

[Spring Boot总结（三）：Spring Boot界面设计][Spring Boot_Spring Boot 1]

[Spring Boot总结（四）：提高数据库访问性能][Spring Boot 1]

[Spring Boot总结（五）：安全设计][Spring Boot 2]

[Spring Boot总结（六）：Spring Boot SSO][Spring Boot_Spring Boot SSO]

[Spring Boot总结（七）：使用分布式文件系统][Spring Boot 3]

[Spring Boot总结（八）：云应用开发][Spring Boot 4]

[Spring Boot总结（九）：构建高性能的服务平台][Spring Boot 5]

[Spring Boot总结（十）：自动配置实现原理][Spring Boot 6]

[Spring Boot总结（十一）：数据访问实现原理][Spring Boot 7]

[Spring Boot总结（十二）：微服务核心技术实现原理][Spring Boot 8]

## 3.1模型设计 ##

### 1.节点实体建模 ###

### 2.关系实体建模 ###

### 3.分页查询设计 ###

对于新型的Neo4j数据库来讲，由于它的资源库遵循了JPA的规范标准来进行设计，在分页查询方面还有很多地方不是很完善，所以在分页查询中，设计了一个服务类来处理；

## 3.2控制器设计 ##

### 1.新建控制器 ###

### 2.查看控制器 ###

### 3.修改控制器 ###

### 4.删除控制器 ###

### 5.分页查询控制器 ###

## 3.3 使用Thymeleaf模板 ##

Thymeleaf是一个优秀的面向Java的XML/XHTML/HTML5页面模板，并具有丰富的标签语言和函数。使用Spring Boot框架进行界面设计，一般都会选择Thymeleaf模板；

### 1. Thymeleaf配置 ###

1.  在Maven中添加依赖，spring-boot-starter-thymeleaf
2.  其次，必须配置使用Thymeleaf模板的一些参数，在一般的Web项目中，都会使用如下的配置：

spring:

thymeleaf:

prefix:/WEB-INF/views/

suffix:.html

mode:HTML5

encoding:UTF-8

content-type:text/html

cache:false

注意：

如果工程中增加了Thymeleaf的依赖，而没有进行任何的配置，或者增加默认目录，启动应用的时候就会报错；

### 2. Thymeleaf功能简介 ###

http://blog.csdn.net/u013399093/article/details/51768506

[https://www.cnblogs.com/ityouknow/p/5833560.html][https_www.cnblogs.com_ityouknow_p_5833560.html]

th:text，显示文本

th:utext，和th:text的区别是针对“unescaped text”

th:attr，设置标签属性

th:if or th:unless  条件判断

th:switch  th:case  选择语句

th:each 循环语句

\#dates: 日期函数

\#calendars 日历函数

\#numbers 数字函数

\#strings 字符串函数

\#objects 对象函数

\#bools 逻辑函数

\#arrays 数组函数

\#lists 列表函数

【使用功能函数】

\#dates.format()日期格式化

【使用编程语句】

</option>

【使用页面模板框架】

## 3.4 视图设计 ##

**【分页设计】**

**jquery.pagination.js****分页插件**

**artDialog.js****的对话框插件**

**日期控件:WdatePickerjs**

**imageselect.js****图片下拉框插件**

**【验证表单提交的时候使用】jquery.validate.min.js****插件中的验证方式来实现**

**1.** **列表视图设计**

### 2. 新建视图设计 ###

### 3. 查看视图设计 ###

### 4. 修改视图设计 ###

### 5. 删除视图设计 ###

## 3.5 运行与发布 ##

## 3.6 小结 ##

源代码地址:

[https://github.com/chenfromsz/spring-boot-ui][https_github.com_chenfromsz_spring-boot-ui]

[Spring Boot]: https://mp.csdn.net/postedit/81284712
[Spring Boot_Spring Boot]: https://mp.csdn.net/postedit/81284759
[Spring Boot_Spring Boot 1]: https://mp.csdn.net/postedit/81284929
[Spring Boot 1]: https://mp.csdn.net/postedit/81284961
[Spring Boot 2]: https://mp.csdn.net/postedit/81284975
[Spring Boot_Spring Boot SSO]: https://mp.csdn.net/postedit/81284990
[Spring Boot 3]: https://mp.csdn.net/postedit/81285004
[Spring Boot 4]: https://mp.csdn.net/postedit/81285016
[Spring Boot 5]: https://mp.csdn.net/postedit/81285026
[Spring Boot 6]: https://mp.csdn.net/postedit/81285040
[Spring Boot 7]: https://mp.csdn.net/postedit/81285057
[Spring Boot 8]: https://mp.csdn.net/postedit/81285081
[https_www.cnblogs.com_ityouknow_p_5833560.html]: https://www.cnblogs.com/ityouknow/p/5833560.html
[https_github.com_chenfromsz_spring-boot-ui]: https://github.com/chenfromsz/spring-boot-ui