iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >如何开发Web应用
  • 512
分享到

如何开发Web应用

2023-06-05 06:06:07 512人浏览 泡泡鱼
摘要

这篇文章给大家分享的是有关如何开发WEB应用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。静态资源访问在我们开发Web应用的时候,需要引用大量的js、CSS、图片等静态资源。默认配置Spring Boot默认提供

这篇文章给大家分享的是有关如何开发WEB应用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

静态资源访问

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

默认配置

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

  • /static

  • /public

  • /resources

  • /META-INF/resources

举例:我们可以在src/main/resources/目录下创建static,在该位置放置一个图片文件。启动程序后,尝试访问Http://localhost:8080/D.jpg。如能显示图片,配置成功。

渲染Web页面

在之前的示例中,我们都是通过@RestController来处理请求,所以返回的内容为JSON对象。那么如果需要渲染html页面的时候,要如何实现呢?

模板引擎

在动态HTML实现上spring Boot依然可以完美胜任,并且提供了多种模板引擎的默认配置支持,所以在推荐的模板引擎下,我们可以很快的上手开发动态网站。

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

  • Thymeleaf

  • FreeMarker

  • Velocity

  • Groovy

  • Mustache

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

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

Thymeleaf

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

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

示例模板:

<table>  <thead>    <tr>      <th th:text="#{msgs.headers.name}">Name</td>      <th th:text="#{msgs.headers.price}">Price</td>    </tr>  </thead>  <tbody>    <tr th:each="prod : ${allProducts}">      <td th:text="${prod.name}">Oranges</td>      <td th:text="${#numbers.fORMatDecimal(prod.price,1,2)}">0.99</td>    </tr>  </tbody></table>

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

在Spring Boot中使用Thymeleaf,只需要引入下面依赖,并在默认的模板路径src/main/resources/templates下编写模板文件即可完成。

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>

感谢各位的阅读!关于“如何开发Web应用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: 如何开发Web应用

本文链接: https://www.lsjlt.com/news/241626.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何开发Web应用
    这篇文章给大家分享的是有关如何开发Web应用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。静态资源访问在我们开发Web应用的时候,需要引用大量的js、css、图片等静态资源。默认配置Spring Boot默认提供...
    99+
    2023-06-05
  • 如何用JavaServer Faces开发Web应用
    本文小编为大家详细介绍“如何用JavaServer Faces开发Web应用”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何用JavaServer Faces开发Web应用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习...
    99+
    2023-06-03
  • Python 中如何使用 Spring 开发 Web 应用?
    Python 是一种高级编程语言,而 Spring 是一种常用的 Java 框架,两者的结合可以实现高效、可靠的 Web 应用程序开发。本文将介绍如何在 Python 中使用 Spring 框架开发 Web 应用程序,包括以下方面: Sp...
    99+
    2023-11-11
    spring linux api
  • 如何使用AJAX进行WEB应用程序开发
    这篇文章主要为大家展示了“如何使用AJAX进行WEB应用程序开发”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用AJAX进行WEB应用程序开发”这篇文章吧...
    99+
    2022-10-19
  • Web应用开发TypeScript怎么使用
    这篇文章主要介绍“Web应用开发TypeScript怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Web应用开发TypeScript怎么使用”文章能帮助大家解决问题。一、什么是 TypeSc...
    99+
    2023-06-30
  • Web应用开发TypeScript使用详解
    目录一、什么是 TypeScript二、TypeScript 简史三、为什么我们要使用TypeScript?TypeScript的附加功能四、大牛现身说法:五、你可能不知道的Type...
    99+
    2022-11-13
  • 怎么用JavaServer Faces开发Web应用
    这篇文章主要介绍了怎么用JavaServer Faces开发Web应用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么用JavaServer Faces开发Web应用文章都会有所收获,下面我们一起来看看吧。事...
    99+
    2023-06-03
  • 如何使用Node.js开发高效的Web应用程序
    随着互联网的快速发展,面向互联网的应用程序开发成为了众多软件开发领域中的一个重要分支。而Node.js的出现,也使得Web应用程序开发的范式发生了改变。Node.js是一个事件驱动、非阻塞I/O的JavaScript运行环境,这个JavaS...
    99+
    2023-05-14
  • 利用Spring Boot如何实现开发一个Web应用
    利用Spring Boot如何实现开发一个Web应用?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。静态资源访问在我们开发Web应用的时候,需要引用大量的js、css、图片等静态...
    99+
    2023-05-31
    springboot web开=开放
  • 【斗医】【3】Web应用开发20天
    在上面提及异常的中英文从资源文件中读取,若读取失败需要日志记录,所以使用网上正在闹腾的Logback来记录。关于Logback与Log4j这里不做评判和说明,所有疑问可以请教谷歌。一、Logback的使用前期准备1、在官网http://l...
    99+
    2023-01-31
    Web
  • 使用PHP和AJAX开发响应式Web应用
    随着移动设备的普及和网速的提升,人们对于Web应用的需求越来越高,尤其是要求可以在多种尺寸的屏幕上流畅运行,同时可以提供丰富的交互体验。为了满足这个需求,Web开发者可以利用多种技术来开发响应式Web应用,其中PHP和AJAX是两个重要的工...
    99+
    2023-05-23
    PHP ajax 响应式设计
  • 如何开发一个渐进式Web应用程序PWA
    目录概述要求应用的网址PWA需要的技术组件是什么?Manifest清单文件什么是Service Worker?后台传输总结概述 自苹果推出了iPhone应用商店以来,App成为了我们...
    99+
    2022-11-12
  • 基于Ruby On Rails如何开发高品质Web应用
    这篇文章主要为大家分析了基于Ruby On Rails如何开发高品质Web应用的相关知识点,内容详细易懂,操作细节合理,具有一定参考价值。如果感兴趣的话,不妨跟着跟随小编一起来看看,下面跟着小编一起深入学习“基于Ruby On Rails如...
    99+
    2023-06-17
  • 如何在IDE中使用Python和npm来开发Web应用?
    在当今互联网时代,Web开发已成为一项非常重要的技能。而Python和npm是两个非常强大的工具,被广泛用于Web应用程序的开发。在本文中,我们将探讨如何在IDE中使用Python和npm来开发Web应用。 一、Python和npm的介绍 ...
    99+
    2023-10-21
    npm path ide
  • Java 开发技术:如何在 Linux 环境下开发高效的 Apache Web 应用?
    Apache Web 服务器是目前使用最广泛的 Web 服务器之一。而在 Linux 环境下,开发基于 Apache Web 服务器的 Java Web 应用也是非常常见的。如何在 Linux 环境下开发高效的 Apache Web 应用...
    99+
    2023-06-17
    开发技术 linux apache
  • 借助 Django 框架,Go 开发者如何提高 Web 应用的开发效率?
    随着互联网的不断发展,Web 应用的开发需求也越来越高。为了提高开发效率,很多开发者选择使用框架。Django 是一款流行的 Python Web 框架,而 Go 语言则是近年来备受关注的高性能编程语言。那么,如何借助 Django 框架...
    99+
    2023-07-24
    开发技术 django 框架
  • web开发中如何实现响应式布局
    这篇文章给大家分享的是有关web开发中如何实现响应式布局的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。响应式布局响应式布局在面对不同分辨率设备灵活性强,在平时的网页设计中基本上都...
    99+
    2022-10-19
  • web前端开发如何
    开发出优秀的项目随着移动互联网时代的到来,web前端开发逐渐成为了重要的职业。而作为一名web前端开发者,如何开发出优秀的项目成为了一个显而易见的问题。在本文中,笔者将会结合自己的经验分享一些关于如何开发出优秀的web前端项目的建议和技巧。...
    99+
    2023-05-20
  • Web开发如何学习
    这篇文章主要介绍“Web开发如何学习”,在日常操作中,相信很多人在Web开发如何学习问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Web开发如何学习”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!Web开发...
    99+
    2023-06-27
  • 云开发-web应用中使用数据库
    如何在 web 应用中使用数据库 随着云时代的到来,云开发有着独特的优势相对于传统开发,从数据库而言,cloudbase 提供的云数据库真的很方便,本文就以一个简单的 todolist 小例子来讲解一下如何在 web 应用中使用云...
    99+
    2016-12-11
    云开发-web应用中使用数据库
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作