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

Spring Boot总结（一）：入门

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

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

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

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

Spring Boot总结（六）：Spring Boot SSO

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

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

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

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

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

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

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

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 value=””>

<option th:each=””>

</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