spring boot的web应用开发

墨蓝 2022-05-30 09:07 241阅读 0赞

*  [springBoot目录][springBoot]

--------------------

这里介绍一种使用spring-boot开发web-模板引擎JSP的方式。这种方式不符合前后端分离的设计方式，权做记录。  
开发环境 Intellij IDEA ,java spring-boot  
1.首先创建一个spring-boot项目，packaging要选为War包格式  
![这里写图片描述][70]  
2.依赖包要选择web应用  
![这里写图片描述][70 1]  
3.创建好项目后在pom.xml中添加如下依赖(jquery,jsp,jstl)

<dependency>
    	<groupId>org.webjars</groupId>
    	<artifactId>jquery</artifactId>
    	<version>2.1.4</version>
    </dependency>
    <dependency>
    	<groupId>org.apache.tomcat.embed</groupId>
    	<artifactId>tomcat-embed-jasper</artifactId>
    </dependency>
    <dependency>
    	<groupId>javax.servlet</groupId>
    	<artifactId>jstl</artifactId>
    </dependency>

4.在main包下创建webapp/WEB-INF/view目录，并在view目录下创建jsp文件  
![这里写图片描述][70 2]  
5.在配置文件中添加配置参数

spring.mvc.view.prefix= /WEB-INF/view/
    spring.mvc.view.suffix= .jsp

6.创建Contoller  
![这里写图片描述][70 3]  
7.启动项目，便可以通过路径localhost:8080/web/index?key=HelloWord访问页面。  
![这里写图片描述][70 4]  
原index.jsp代码

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    
    <!DOCTYPE html>
    <html>
    <head lang="en">
    	<title>Spring Boot Demo - FreeMarker</title>
    </head>
    <body>
    	<h1 id="title">${title}</h1>
    	<c:url value="http://www.spongebob.com" var="url"/>
    	<spring:url value="http://www.spongebob.com" htmlEscape="true" var="springUrl" />
    	Spring URL: ${springUrl}
    	<br>
    	JSTL URL: ${url}
    </body>
    </html>

success!!!

--------------------

springboot中已经无需添加web.xml文件了，在于servlet3.0中支持用注解的方式替代web.xml，但还是要转载一下web.xml的配置详情以供参考  
[http://www.cnblogs.com/hafiz/p/5715523.html][http_www.cnblogs.com_hafiz_p_5715523.html]

[springBoot]: https://blog.csdn.net/u014296316/article/details/85483174
[70]: /images/20220530/2dffb5e22bec49459e0e6d56c90371d2.png
[70 1]: /images/20220530/0d93c3e6a29745a8bf3e0e48982c2e35.png
[70 2]: /images/20220530/14b8306570c741a2a0eae88862934b40.png
[70 3]: /images/20220530/1a0c29bcc33f4f3ca0d869971ebdab8a.png
[70 4]: /images/20220530/582c9141e9f74e249a89e0205f558024.png
[http_www.cnblogs.com_hafiz_p_5715523.html]: http://www.cnblogs.com/hafiz/p/5715523.html