spring boot 1.5.4 之web开发(三)

简介:

注释springboot工程中的application.properties中的#server.servlet-path=*.html

1      Spring Boot工程结构

Spring Boot工程结构最佳实践:

spring boot1.5.4 入门和原理(二)中,关于@ComponentScan注解功能描述:

  • @ComponentScan:默认扫描@SpringBootApplication所在类的同级目录和它的子目录(当前包以及它的子包)。

最佳项目结构:

com

  +- wyait

    +- boot

      +-Application.java

      |

      +- domain

      |  +- User.java

      |  +- UserDao.java

      |

      +- service

      |  +- UserService.java

      |

      +- web

      |  +- UserController.java

      |

 

 

  • root package结构:com.wyait.boot

  • 应用主类Application.java置于rootpackage下,通常我们会在应用主类中做一些框架配置扫描等配置,我们放在root package下可以帮助程序减少手工配置来加载到我们希望被Spring加载的内容

  • 实体(Entity)与数据访问层(Dao)置于com.wyait.boot.domain包下

  • 逻辑层(Service)置于com.wyait.boot.service包下

  • Web层(web)置于com.wyait.boot.web包下

 

2      web前端配置

2.1  配置静态资源访问

在我们开发Web应用的时候,需要引用大量的jscss、图片等静态资源。

Spring Boot默认提供静态资源目录位置需置于classpath下,目录名需符合如下规则:

  • /static

  • /public

  • /resources

  • /META-INF/resources

举例:我们可以在src/main/resources/目录下创建static,在该位置放置一个图片文件0.jpg。启动程序后,尝试访问http://localhost:8081/0.jpg

wKiom1nAfqqC9-IoAAEOEiEeHo4940.png配置成功。

这使用了Spring MVCResourceHttpRequestHandler,所以你可以通过添加自己的WebMvcConfigurerAdapter并覆写addResourceHandlers方法来改变这个行为(加载静态文件)。

自定义静态资源配置参考章节:

spring boot 1.5.4 整合redis、拦截器、过滤器、监听器、静态资源配置(十六)

2.2  Spring BootHTML模版引擎

渲染html页面,在动态Html实现上Spring Boot提供了多种模板引擎的默认配置支持;所以在推荐的模板引擎下,我们可以很快的上手开发动态网站。

Spring Boot提供的默认配置的模板引擎主要有以下几种:

  • Thymeleaf

  • FreeMarker

  • Velocity

  • Groovy

  • Mustache

Spring Boot建议使用这些模板引擎,避免使用JSP,若一定要使用JSP将无法实现Spring Boot的多种特性,具体可见后文:支持JSP的配置。

当你使用上述模板引擎中的任何一个,它们默认的模板配置路径为:src/main/resources/templates。当然也可以修改这个路径,具体如何修改,可在后续各模板引擎的配置属性中查询并修改。

这里重点说下常用的thymeleaf模板:

Thymeleaf

Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。它是一个开源的Java库,基于ApacheLicense 2.0许可,由Daniel Fernández创建,该作者还是Java加密库Jasypt的作者。

 

Thymeleaf提供了一个用于整合Spring MVC的可选模块,在应用开发中,你可以使用Thymeleaf来完全代替JSP或其他模板引擎,如VelocityFreeMarker等。Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式,因此也可以用作静态建模。你可以使用它创建经过验证的XMLHTML模板。相对于编写逻辑或代码,开发者只需将标签属性添加到模板中即可。接下来,这些标签属性就会在DOM(文档对象模型)上执行预先制定好的逻辑。

 

示例模板:

<table>

  <thead>

    <tr>

      <thth:text="#{msgs.headers.name}">Name</td>

      <thth:text="#{msgs.headers.price}">Price</td>

    </tr>

  </thead>

  <tbody>

    <trth:each="prod : ${allProducts}">

      <tdth:text="${prod.name}">Oranges</td>

      <tdth:text="${#numbers.formatDecimal(prod.price,1,2)}">0.99</td>

    </tr>

  </tbody>

</table>

 

可以看到Thymeleaf主要以属性的方式加入到html标签中,浏览器在解析html时,当检查到没有的属性时候会忽略,所以Thymeleaf的模板可以通过浏览器直接打开展现,这样非常有利于前后端的分离。

 

   pom.xml添加thymeleaf依赖

<dependency>

        <!--Spring Boot 模板引擎thymeleaf依赖 -->

        <groupId>org.springframework.boot</groupId>                    

<artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

   新建路径为:src/main/resources/templates

   关闭thymeleaf缓存(Thymeleaf默认配置详细信息参考:application.properties

spring.thymeleaf.cache=false

wKioL1nAfouQ7LjiAAAbtP6MYdo975.png注意端口改回:8080

   新建一个demo.html

<!DOCTYPE html>

<html>

<head>

<!-- 标签必须闭合,否则报错 -->

<metacharset="UTF-8"/>

<title>This is thymeleafhtml</title>

</head>

<body>

   <h1th:text="${host}">Hello World</h1>

</body>

</html>

   Controller中新增toDemo方法

   /**

    *

    * @描述:跳转到thymeleaf页面

    * @创建人:wyait

    * @创建时间:2017627上午9:30:44

    * @param map

    * @return

    */

   @RequestMapping("/")

   publicString toDemo(ModelMap map) {

      map.addAttribute("host","http://wyait.blog.51cto.com");

      return"demo";

   }

ModelMap对象主要用于传递控制方法处理数据到结果页面,也就是说我们把结果页面上需要的数据放到ModelMap对象中即可,他的作用类似于request对象的setAttribute方法的作用,用来在一个请求过程中传递处理的数据。通过以下方法向页面传递参数: 
addAttribute(String key,Object value); 
在页面上可以通过el变量方式$key或者bboss的一系列数据展示标签获取并展示modelmap中的数据。 
modelmap
本身不能设置页面跳转的url地址别名或者物理跳转地址,那么我们可以通过控制器方法的返回值来设置跳转url地址别名或者物理跳转地址

 

   启动,访问Controllerhttp://127.0.0.1:8080

wKioL1nAfpbyWefuAABXpYVen6U022.png

访问htmlhttp://127.0.0.1:8080/demo.html

wKiom1nAftHgrKRBAABBrDDJH8s737.png

如上页面,直接打开html页面展现HelloWorld;启动程序后,访问Controllerhttp://127.0.0.1:8080,则是展示Controllerhost的值:http://wyait.blog.51cto.com,做到了不破坏HTML自身内容的数据逻辑分离。

 

更多Thymeleaf的页面语法,还请访问Thymeleaf的官方文档查询使用。

 

附:springboot项目,码云地址:

spring-boot相关项目源码,

码云地址:https://git.oschina.net/wyait/springboot1.5.4.git

github地址https://github.com/wyait/spring-boot-1.5.4.git


wKiom1nAftuDkTjUAAA3Ply-R2Q281.png

后文,将使用spring-boot-jsp工程。



本文转自 wyait 51CTO博客,原文链接:http://blog.51cto.com/wyait/1966573,如需转载请自行联系原作者

相关文章
|
9天前
|
关系型数据库 MySQL 数据库
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
TIS 是一款基于Web-UI的开源大数据集成工具,通过与人大金仓Kingbase的深度整合,提供高效、灵活的实时数据集成方案。它支持增量数据监听和实时写入,兼容MySQL、PostgreSQL和Oracle模式,无需编写复杂脚本,操作简单直观,特别适合非专业开发人员使用。TIS率先实现了Kingbase CDC连接器的整合,成为业界首个开箱即用的Kingbase CDC数据同步解决方案,助力企业数字化转型。
52 5
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
|
17天前
|
机器学习/深度学习 开发框架 API
Python 高级编程与实战:深入理解 Web 开发与 API 设计
在前几篇文章中,我们探讨了 Python 的基础语法、面向对象编程、函数式编程、元编程、性能优化、调试技巧以及数据科学和机器学习。本文将深入探讨 Python 在 Web 开发和 API 设计中的应用,并通过实战项目帮助你掌握这些技术。
|
1月前
|
网络协议 Java Shell
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
78 7
|
4月前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
130 63
|
4月前
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
186 62
|
3月前
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
121 7
Spring Boot 入门:简化 Java Web 开发的强大工具
|
3月前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
4月前
|
设计模式 前端开发 数据库
Python Web开发:Django框架下的全栈开发实战
【10月更文挑战第27天】本文介绍了Django框架在Python Web开发中的应用,涵盖了Django与Flask等框架的比较、项目结构、模型、视图、模板和URL配置等内容,并展示了实际代码示例,帮助读者快速掌握Django全栈开发的核心技术。
340 45
|
4月前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
84 2
|
4月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
102 1