1. SpringBoot页面展示Thymeleaf
开发传统Java WEB工程时，我们可以使用JSP页面模板语言，但是在SpringBoot中已经不推荐使用了。SpringBoot支持如下页面模板语言
上面并没有列举所有SpringBoot支持的页面模板技术。其中Thymeleaf是SpringBoot官方所推荐使用的，下面来谈谈Thymeleaf一些常用的语法规则。
要想使用Thhymeleaf，首先要在pom.xml文件中单独添加Thymeleaf依赖。
Spring Boot默认存放模板页面的路径在 src/main/resources/templates 或者 src/main/view/templates ，这个无论是使用什么模板语言都一样，当然默认路径是可以自定义的，不过一般不推荐这样做。另外Thymeleaf默认的页面文件后缀是 .html 。
在MVC的开发过程中，我们经常需要通过 Controller 将数据传递到页面中，让页面进行动态展示。
创建一个Controller对象，在其中进行参数的传递
在SpringBoot默认的页面路径下创建show.html文件，内容如下
可以看到在 p 标签中有 th:text 属性，这个就是thymeleaf的语法，它表示显示一个普通的文本信息。
如果我们要显示的信息是存在资源文件中的，同样可以在页面中显示，例如资源文件中定义了内容 welcome.msg=欢迎{0}光临！ 。可以在页面中将其显示
另外，在 th:utext 中还能做一些基础的数学运算
如果我们想要传递到的页面的信息，它本身是带有CSS样式的，这个时候如何在页面中将携带的样式信息也显示出来？此时我们的控制器方法这样写。
此时页面中需要借助 th:utext 属性进行显示
通过浏览器查看页面源码可以看出 th:utext 和 th:text 的区别是： th:text 会对 < 和 > 进行转义，而 th:utext 不会转义。
我们常常需要将一个bean信息展示在前端页面当中。
上面给出了两种展现方式，一种是通过${属性}，另外一种是通过 {属性}。
关于“${属性}”和“ {属性}”的区别？
$访问完整信息，而访问指定对象中的属性内容， 如果访问的只是普通的内容两者没有区别；
在 thymeleaf 之中提供有相应的集合的处理方法，例如：在使用 List 集合的时候可以考虑采用 get()方法获取指定索引的数据，那么在使用 Set 集合的时候会考虑使用 contains()来判断某个数据是否存在，使用 Map 集合的时候也希望可以使用 containsKey()判断某个 key 是否存在，以及使用get()根据 key 获取对应的 value，而这些功能在之前并不具备，下面来观察如何在页面中使用此类操作
在传统WEB工程开发时，路径的处理操作是有点麻烦的。SpringBoot中为我们简化了路径的处理。
页面之间的跳转也能通过@{}来实现
虽然在这种模版开发框架里面是不提倡使用内置对象的，但是很多情况下依然需要使用内置对象进行处理，所以下面来看下如何在页面中使用JSP内置对象。
thymeleaf 考虑到了实际的开发情况，因为 request 传递属性是最为常用的，但是 session 也有可能使用，例如：用户登录之后需要显示用户 id，那么就一定要使用到 session，所以现在必须增加属性范围的形式后才能够正常使用。在 thymeleaf 里面也支持有 JSP 内置对象的获取操作，不过一般很少这样使用。
所有的页面模版都存在各种基础逻辑处理，例如：判断、循环处理操作。在 Thymeleaf 之中对于逻辑可以使用如下的一些运算符来完成，例如：and、or、关系比较（>、<、>=、<=、==、!=、lt、gt、le、ge、eq、ne）。
通过控制器传递一些属性内容到页面之中：
不满足条件的判断
通过swith进行分支判断
在实际开发过程中常常需要对数据进行遍历展示，一般会将数据封装成list或map传递到页面进行遍历操作。
我们常常需要在一个页面当中引入另一个页面，例如，公用的导航栏以及页脚页面。thymeleaf中提供了两种方式进行页面引入。
可以看到页面当中还存在一个变量projectName，这个变量的值可以在引入页面中通过 th:with="projectName=网络" 传过来。
2. 前端JavaScript后端SSH框架如何实现后端数据传到前台页面展示
如果是用的jsp，那么一般所说的list会在controller里面，放到request作用域内，直接在jsp页面用el表达式就能取到，
如果是后端提供的接口，那么就是js里面通过接口请求到数据之后在js里面处理就可以了
一般来说，如果是jsp的话，显示页面的过程是由请求为主驱动的，
如果是接口形式的话，这个流程就完全是由前端事件为主来驱动了，
无论哪种请款都不是由后端来驱动的，所以尽量不要说成是后端传值给前端
3. 前端，点击弹出一个新的html页面
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<metahttp-equiv="X-UA-Compatible"content="ie=edge">
<title>Document</title>
</head>
<body>
<buttonclass="open-modal">点击我以后，你就点不到我了</button>
<divclass="mask"style="display:none;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.8)"></div>
<divclass="modal"style="display:none;transform:translate(-50%,-50%);left:50%;top:50%;position:fixed;width:300px;height:300px;background-color:#fff;border-radius:10px;">
<buttonclass="close-modal">关闭我</button>
</div>
<script>
document.addEventListener("DOMContentLoaded",function(){
varmask=document.querySelector('.mask')
varmodal=document.querySelector('.modal')
varopen=document.querySelector('.open-modal')
varclose=document.querySelector('.close-modal')
open.addEventListener('click',function(e){
mask.style.display='block'
modal.style.display='block'
})
close.addEventListener('click',function(e){
mask.style.display='none'
modal.style.display='none'
})
})
</script>
</body>
</html>
4. web前端页面展示是如何实现的
使用freemarker是最方便的
添加依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>
然后直接在src\main\resources\templates，写.ftl文件作为前端页面就行了
5. 数据库数据从后台到前端页面展示
使用Ajax数据，这是前端可以做到的，PHP也可以直接输入数据