controller中跳转第三方网站_Web开发的网站首页处理及Thymeleaf模板引擎

news/2024/5/18 15:04:52/文章来源:https://blog.csdn.net/weixin_39923157/article/details/113052699
一、上面描述了静态资源文件夹存放路径,下面来描述Web开发的网站首页处理。

2d259042597d603e7b098d65e2e1be10.png

882166d8220fed3729bc24e0a7dabbb5.png

可以看到,首页存放路径与之前的静态资源配置文件的路径是一样的(其名称固定命名为index.html),即也可以放置于之前所描述的那四个目录名下:1."classpath:/META-INF/resources/",2."classpath:/resources/",3."classpath:/static/",4."classpath:/public/"。举例:欢迎页,静态资源文件夹下的所有 index.html 页面;被 /** 映射。比如我访问 http://localhost:8080/ ,就会找静态资源文件夹下的 index.html。在public包名下新建index.html文件,在该文件内部编写如下简易测试代码:

fcfc6e7e6a2b0b384116186bf3106a22.png

然后访问测试http://localhost:8080/ 看结果如下图!dcb8fdeb85b10f9d5ebf77d5f454b3e1.png二、Thymeleaf模板引擎前端交给我们的页面,是html页面。如果是我们以前开发,我们需要把他们转成jsp页面,jsp好处就是当我们查出一些数据转发到JSP页面以后,我们可以用jsp轻松实现数据的显示及交互等。jsp支持非常强大的功能,包括能写Java代码,但是呢,我们现在的这种情况,SpringBoot这个项目首先是以jar的方式,不是war。还有,我们用的还是嵌入式的Tomcat,所以呢,现在默认是不支持jsp的。那不支持jsp,如果我们直接用纯静态页面的方式,那给我们开发会带来非常大的麻烦。SpringBoot推荐使用模板引擎:模板引擎。其实jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf,模板引擎有非常多,但再多的模板引擎,他们的思想都是一样的,我们来看一下这张图:

f19aa5fe8fbf27ad7ef61ec2cfbcfca7.png

模板引擎的作用就是我们来写一个页面模板,比如有些值,是动态的,我们写一些表达式。而这些值,从哪来,就是我们在后台封装一些数据。然后把这个模板和这个数据交给我们模板引擎,模板引擎按照我们这个数据帮你把这表达式解析、填充到我们指定的位置,然后把这个数据最终生成一个我们想要的内容给我们写出去,这就是我们这个模板引擎,不管是jsp还是其他模板引擎,都是这个思想。只不过,就是说不同模板引擎之间,他们语法有点不一样。下面主要来介绍SpringBoot给我们推荐的 Thymeleaf模板引擎,这模板引擎是一个高级语言的模板引擎,语法更简单。而且功能更强大。首先,我们来看SpringBoot 里边怎么用。首先,下面给出Thymeleaf相关资源的三个网站资源:(1)Thymeleaf 官网:https://www.thymeleaf.org/(2)Thymeleaf 在Github 的主页:https://github.com/thymeleaf/thymeleaf(3)Spring官方文档:找到我们对应的版本 https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-bootstarter 1.引入Thymeleaf首先进行导包,导入Thymeleaf的支持,在pom.xml中导入如下依赖:                   org.springframework.boot            spring-boot-starter-thymeleaf         2. Thymeleaf的使用前面已经将Thymeleaf引入,现在我们来探讨如何使用它?我们首先按照SpringBoot的自动配置原理看一下我们这个Thymeleaf的自动配置规则,再按照那个规则,我们进行使用。我们去找一下Thymeleaf的自动配置类:ThymeleafProperties

b40fd63555bb74b6110d381964377ffb.png

(1)通过阅读自动配置类ThymeleafProperties类,可以发现,系统读取Thymeleaf路径为"classpath:/templates/",所以我们在该路径下新建尾缀为html的文件:67e519ae321b62658039865bb75f041d.png(2)在该test.html文件中编写简单的测试代码:5e9031433363082c9b242a094b9c22fa.png(3)由于存放在Templates目录下的文件夹,只能通过Controller层来跳转,所以我们在IndexController类中编写相关代码:

4befefad2527e22955c30787c867ee21.png

上面的/test作为网页访问端口,方法体内test为跳转访问Templates包下的test.html文件,启动主程序测试运行,结果如下:

7c74e988cbdb16774b4db258bb5e4856.png

Template总结而言:要使用thymeleaf,只要将thymeleaf对应的依赖导入就可以了!然后我们将我们的html前端页面文件放在类路径下的templates下,然后在Controller类层中进行跳转即可! (4)进行简单测试在Controller类层中,传入变量参数,然后跳转至test.html执行3f4a173b1fb519a32d6e13317b26feb2.png在html文件中,获取对应信息。

3023b62869d914d0a63c3fcfeb8b7672.png

启动主程序代码进行测试,测试结果如下图所示:94e6b1e507ccea35a70ece751f662783.png三、Thymeleaf语法学习要学习语法,还是参考官网文档最为准确,我们找到对应的版本看一下;Thymeleaf 官网:https://www.thymeleaf.org/,简单看一下官网!我们去下载Thymeleaf的官方文档!1.下面举例,如官方文档下图:

22629f1997740202716220983f454172.png

使用th:text为直接字符输出,而th:utext为将相关符号进行转义。我们在html文件中分别添加两行,使用不同的符号进行操作,观看其最终展示结果。首先在Controller层,传入特殊标签,如传入

对,代码如下图所示:

2d86d3f279305631d5f99ca23d0acd41.png

在test.html文件中,分别使用th:text以及th:utext标签来定义,如下图所示:

62e28f393da8c2f9e4312a956d5b024f.png

启动主程序运行测试,得到下面结果:

168a10f3997f16255fa10faf4f347b59.png

2.遍历数据的语法下面我们来展示如何遍历数组相关数据,首先需要在Controller层传递相关数据,具体代码语句如下图所示:c6608305893c5c1afa33ebba7551ba41.pngController层将数据进行传入并命名名称为users,随后我们在html文件中进行操作展示:97233a9dd2fa5b23e5a8503c23ee5d58.png测试结果,如下图所示:

a4a2a07e2e512b44eea278019c0c0a36.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_844145.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

cdn对动态网站有作用吗_使用CDN对动态网站内容加速有效果吗

随着加速乐、Webluker等云加速平台的流行,CDN不再是少数网站的专享产品,而逐渐成为中小网站的普遍选择;使用CDN,可以在网站和用户之间增加一层网络架构,把内容分发到接近用户的网络“边缘”,让用户更快地通过CDN节点获…

有权限的网页能分享内页?_如何做好网站内页排名?

说起网站内页优化,其实有很多企业在网站优化的时候,往往会忽略网站内页作用,最终导致网站内页没有排名或者排名靠后。那么我就来分享下如何做好网站内页排名?一、网站内页为什么没有排名?一般情况下,网页内…

增城seo搜索引擎优化_seo搜索引擎优化比较重要

一、网站内部优化(1)代码标签优化,主要有META标签优化:例如:TITLE,KEYWORDS,DESCRIPTION等的优化,也简称TDK优化。可以参考千矩网络学习。(2)内部链接的优化,包括相关性链接(Tag标签),锚文本链接&#xff0…

用php作为开发语言的好处,中山PHP建网站:使用PHP语言建设网站都有哪些优点?...

Php是一种常用的网站开发语言,890%的网站都是用PHP开发的。那么为什么选择PHP来构建企业网站呢?他的优点如下:用中山PHP建网站有什么好处?第一,强大。随着php版本的发展,从5.0版到7.0版,其函数库和插件不断…

cas 证书 linux,CAS培训教材_Linux下载_Linux公社-Linux系统门户网站

service[可选]客户端尝试访问的应用的标识符。在几乎所有情况下,这将是应用的URL。请注意,作为一个HTTP请求的参数,此URL的值必须是符合RFC 中URL编码的描述。如果没有指定service并且单点登录session尚不存在,CAS应要求具有凭证的…

华为云-容器化网站部署搭建调整版(亲测可用)

1.1.1 实验介绍 1.1.1.1 关于本实验 Cloud2.0时代,企业更加关注应用上云,期待应用的高效迁移部署和快速迭代开发。在容器运用日趋普及的当下,利用容器来提升资源利用率、优化算力、简化运维已成了企业云上开发与运维的共识。在电商、游戏、互…

了解了解Nginx网站服务

文章目录一、Nginx概述1、概述2、Nginx 优点二、Nginx安装操作步骤1、首要任务2、Nginx配置文件3、添加本地映射4、访问状态统计5、访问控制6、基于客户端访问控制7、虚拟主机8、基于端口的虚拟机9、基于不同IP访问一、Nginx概述 1、概述 Nginx(engine x&#xff…

LAPM搭建动态网站(论坛)

环境配置 首先安装Linux 再在liunx里面安装apache dnf install httpd -y 安装php dnf install php* -y 安装 mariadb 数据库 数据库安装后先启动 systemctl start mariadb 数据库初始化(设置密码,之后y或n都行直到设置结束) mysql_mysql_secur…

Python爬虫某招聘网站的岗位信息

前言 文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 作者:阿尔法游戏 PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://t.cn/A6Zvjdun 故事又要从一个盆…

【趣味案例】Python 教你 4 行代码开发新闻网站通用爬虫

GNE(GeneralNewsExtractor)是一个通用新闻网站正文抽取模块,输入一篇新闻网页的 HTML, 输出正文内容、标题、作者、发布时间、正文中的图片地址和正文所在的标签源代码。GNE在提取今日头条、网易新闻、游民星空、 观察者网、凤凰网…

【趣味案例】用Python假装黑客装逼,当着朋友的面破解他的网站密码!

如何破解iphone登陆密码 今天看了一篇关于如何破解iphone手机密码的文章,瞬间觉得科学技术不是第一生产力,why? 根据“可靠消息”称,即便美国FBI也无法轻易的对iphone手机进行暴力破解,当然美国有一家黑客公司可针对i…

爬虫Scrapy框架学习(六)-腾讯招聘网站台爬取案例-深究CrawlSpider类在项目中的具体功能

在本案例中将对传统Spider类和CrawlSpider在实际项目中的应用进行对比,所完成的功能为一样的结果,采用三种不同的方式进行代码编写,请读者自行学习。 传统Spider实现数据爬取CrawlSpider实现数据读取(网站解析有问题暂时不能够实…

如何用Python爬取小游戏网站,把喜欢的游戏收藏起来(附源码)

简介: Python 是一门简单易学且功能强大的编程语言,无需繁琐的配置,掌握基本语法,了解基本库函数,就可以通过调用海量的现有工具包编写自己的程序,轻松实现批量自动化操作,可以极大提高办公和学…

遇到网站的反爬虫机制,那么我们应该来如何应对呢?

前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 1、使用代理 适用情况:限制IP地址情况,也可解决由于“频繁点击”而需要输入验证码登陆的情况。 这种情况最好的办法就是…

django网站部署流程

服务器 买个服务器,在管理控制台里开启80端口443端口,我用的是阿里云,学生免费试用一年(白嫖)远程登录到服务器,用scp将本地项目上传到云服务器 # win10的Powershell或者下载WinSCP软件 scp -r 本地项目文…

2008服务器网站设置密码,2008服务器怎么设置密码

2008服务器怎么设置密码 内容精选换一换代码迁移工具进行代码迁移时,需要调用Linux下的rpm、deb等命令才能完成扫描和迁移相关任务,这些命令和逻辑必须在后端Linux运行。IDE插件只支持以Web模式使用root用户安装工具,不支持以CLI模式安装工具…

vue - - - vuepress文档网站部署github

环境 安装nodejs: https://nodejs.org/en/, 版本不能太高(> 8.6即可) 安装git: https://git-scm.com/ Hello World vuepress官网: https://www.vuepress.cn/ 第3步需要等待下载依赖. 1~3步完整命令: zichenDESKTOP-3176F4L MINGW64 ~/Desktop $ mkdir vuepress-starter…

网站数据统计分析之一:日志收集原理及其实现

转 http://my.oschina.net/leejun2005/blog/292709 网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析、百度统计 和 腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于jav…

科技企业网站(1) - 开发背景 - 系统设计

1.开发背景 2.系统设计 2.1 系统目标 界面设计见解、友好、美观大方。操作简单、快捷方便。数据存储安全、可靠。信息分类清晰、准确。强大的模糊查询功能,保证数据查询的灵活性。提供灵活、方便的权限设置功能,使整个系统的管理明确。 2.2 系统功能…