上一次我们使用Spring Boot开发了一个简单的REST服务应用,那么传统网页应用怎么做呢?
渲染HTML是Spring Boot可以完美胜任的,并且提供了多种模板引擎的默认配置支持,所以在模板引擎的支持下,我们可以很快的上手开发动态网站。
Spring Boot提供了默认配置的模板引擎主要有以下几种:
Spring Boot建议使用这些模板引擎,避免使用JSP,但JSP有天然的血缘关系,我们教程也是从最简便的地方入手,所以这里我们使用JSP模版。
接下来我们新建一个工程,Starter Project就是Boot,Legacy Project 就是传统的Spring项目,这里我们选择Starter Project。
右键新建工程
由于JSP模版不能放到classpath下(反正我没有成功),所以这里Packaging选择War。然后其他地方根据项目情况填写。
工程项目信息
点击Finish结束,接下来就自动编译了,由于默认使用的是maven管理依赖,不出意外伟大的墙这个时候就跳出来了,我一般是用代理解决这个问题。
编辑C:\Users\username.m2\settings.xml文件:
<settings>
<proxies>
<proxy>
<id>myProxy</id>
<active>true</active>
<protocol>http</protocol>
<host>127.0.0.1</host>
<port>1080</port>
<!--
<username>XXXXX</username>
<password>XXXXX</password>
<nonProxyHosts>*.XXX.com|XXX.org</nonProxyHosts>
-->
</proxy>
</proxies>
</settings>
当IDE里面没有错误的时候,说明更新好了。
和RESTController 一样,通过@Controller注解我们编写一个Controller类:
@Controller
@SpringBootApplication
public class SpringBootWebApplication {
public static void main(String[] args) {
SpringApplication.run(SpringBootWebApplication.class, args);
}
}
科学的写法应该是针对业务领域,单独写一个Controller类,这里我为了简化代码把SpringBootWebApplication些微Controller类。
我们现在application.propeties中准备点数据,当然这个数据你可以从数据库取也行:
application.message=Hello JSP Template
接下来我们针对请求路径"/"写个映射方法,并从配置文件中读取数据,返回到客户端:
@Controller
@SpringBootApplication
public class SpringBootWebApplication {
@Value("${application.message:Hello World}")
private String message;
@Value("${application.message2:Hello World2}")
private String message2;
public static void main(String[] args) {
SpringApplication.run(SpringBootWebApplication.class, args);
}
@RequestMapping("/")
public String welcome(Map<String, Object> model) {
model.put("time", new Date());
model.put("message", this.message);
model.put("message2", this.message2);
return "welcome";
}
}
在Controller类中,我们通过@Value注解获取配置文件中的application.message值。在映射方法中通过Map来传递Model,最后通过“welcome”视图来渲染。由于application.message2没有值,所以会使用默认值Hello World2。
请求和模型都已经准备好了,我们接下来配置JSP模版,修改application.properties如下:
spring.mvc.view.prefix=WEB-INF/jsp/
spring.mvc.view.suffix=.jsp
第一个表示模版存放位置,第二个是模版文件后缀名。
由于前面返回welcome,所以通过welcome视图来渲染,我们在WEB-INF/jsp/目录下新建welcome.jsp文件来显示数据:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Spring Boot Web MVC Demo</title>
</head>
<body>
<c:url value="/resources/text.txt" var="url" />
<spring:url value="/resources/text.txt" htmlEscape="true"
var="springUrl" />
Spring URL: ${springUrl} at ${time}
<br> JSTL URL: ${url}
<br> Message: ${message}
<br> Message2: ${message2}
</body>
</html>
如果你熟悉html和jsp的话,上面代码不难理解,model数据通过${}来获取展示,例如:message是${message}。
最后,我们打开浏览器看看效果:
网页输出效果
==============================================================
修改src/components/progress-bar/progress-bar.ts如下: