前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >宜立方商城 第十天 使用freemarker实现网页静态化

宜立方商城 第十天 使用freemarker实现网页静态化

作者头像
周杰伦本人
发布2022-10-25 15:57:51
3100
发布2022-10-25 15:57:51
举报
文章被收录于专栏:同步文章同步文章

宜立方商城第十天

1. 课程计划

第十天: 1、使用freemarker实现网页静态化 2、ActiveMq同步生成静态网页

2. 网页静态化

可以使用Freemarker实现网页静态化。

2.1. 什么是freemarker

FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出。FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP。它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等。

目前企业中:主要用Freemarker做静态页面或是页面展示

2.2. Freemarker的使用方法

把freemarker的jar包添加到工程中。 Maven工程添加依赖

代码语言:javascript
复制
<dependency>
  <groupId>org.freemarker</groupId>
  <artifactId>freemarker</artifactId>
  <version>2.3.23</version>
</dependency>

原理:

在这里插入图片描述
在这里插入图片描述

使用步骤: 第一步:创建一个Configuration对象,直接new一个对象。构造方法的参数就是freemarker对于的版本号。 第二步:设置模板文件所在的路径。 第三步:设置模板文件使用的字符集。一般就是utf-8. 第四步:加载一个模板,创建一个模板对象。 第五步:创建一个模板使用的数据集,可以是pojo也可以是map。一般是Map。 第六步:创建一个Writer对象,一般创建一FileWriter对象,指定生成的文件名。 第七步:调用模板对象的process方法输出文件。 第八步:关闭流。

模板: ${hello}

代码语言:javascript
复制
@Test
	public void genFile() throws Exception {
		// 第一步:创建一个Configuration对象,直接new一个对象。构造方法的参数就是freemarker对于的版本号。
		Configuration configuration = new Configuration(Configuration.getVersion());
		// 第二步:设置模板文件所在的路径。
		configuration.setDirectoryForTemplateLoading(new File("D:/workspaces-itcast/term197/e3-item-web/src/main/webapp/WEB-INF/ftl"));
		// 第三步:设置模板文件使用的字符集。一般就是utf-8.
		configuration.setDefaultEncoding("utf-8");
		// 第四步:加载一个模板,创建一个模板对象。
		Template template = configuration.getTemplate("hello.ftl");
		// 第五步:创建一个模板使用的数据集,可以是pojo也可以是map。一般是Map。
		Map dataModel = new HashMap<>();
		//向数据集中添加数据
		dataModel.put("hello", "this is my first freemarker test.");
		// 第六步:创建一个Writer对象,一般创建一FileWriter对象,指定生成的文件名。
		Writer out = new FileWriter(new File("D:/temp/term197/out/hello.html"));
		// 第七步:调用模板对象的process方法输出文件。
		template.process(dataModel, out);
		// 第八步:关闭流。
		out.close();
	}
2.3. 模板的语法
2.3.1. 访问map中的key

${key}

2.3.2. 访问pojo中的属性

Student对象。学号、姓名、年龄

${key.property}

在这里插入图片描述
在这里插入图片描述
2.3.3. 取集合中的数据
代码语言:javascript
复制
<#list studentList as student>
${student.id}/${studnet.name}
</#list>
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.3.4. 取循环中的下标
代码语言:javascript
复制
<#list studentList as student>
	${student_index}
</#list>
在这里插入图片描述
在这里插入图片描述
2.3.5. 判断
代码语言:javascript
复制
<#if student_index % 2 == 0>
<#else>
</#if>
在这里插入图片描述
在这里插入图片描述
2.3.6. 日期类型格式化
在这里插入图片描述
在这里插入图片描述
2.3.7. Null值的处理
在这里插入图片描述
在这里插入图片描述
2.3.8. Include标签

<#include “模板名称”>

J5oN6J.png
J5oN6J.png
2.4. Freemarker整合spring

引入jar包: Freemarker的jar包

J5TABR.png
J5TABR.png
2.4.1. 创建整合spring的配置文件
代码语言:javascript
复制
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:dubbo="http://code.alibabatech.com/schema/dubbo" xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.2.xsd
        http://code.alibabatech.com/schema/dubbo http://code.alibabatech.com/schema/dubbo/dubbo.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

	<bean id="freemarkerConfig"
		class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">
		<property name="templateLoaderPath" value="/WEB-INF/ftl/" />
		<property name="defaultEncoding" value="UTF-8" />
	</bean>


</beans>

需要编写一Controller进行测试

2.4.2. Controller

请求的url:/genhtml 参数:无 返回值:ok (String, 需要使用@ResponseBody) 业务逻辑: 1、从spring容器中获得FreeMarkerConfigurer对象。 2、从FreeMarkerConfigurer对象中获得Configuration对象。 3、使用Configuration对象获得Template对象。 4、创建数据集 5、创建输出文件的Writer对象。 6、调用模板对象的process方法,生成文件。 7、关闭流。

加载配置文件:

J5TYUP.png
J5TYUP.png
代码语言:javascript
复制
@Controller
public class HtmlGenController {
	
	@Autowired
	private FreeMarkerConfigurer freeMarkerConfigurer;

	@RequestMapping("/genhtml")
	@ResponseBody
	public String genHtml()throws Exception {
		// 1、从spring容器中获得FreeMarkerConfigurer对象。
		// 2、从FreeMarkerConfigurer对象中获得Configuration对象。
		Configuration configuration = freeMarkerConfigurer.getConfiguration();
		// 3、使用Configuration对象获得Template对象。
		Template template = configuration.getTemplate("hello.ftl");
		// 4、创建数据集
		Map dataModel = new HashMap<>();
		dataModel.put("hello", "1000");
		// 5、创建输出文件的Writer对象。
		Writer out = new FileWriter(new File("D:/temp/term197/out/spring-freemarker.html"));
		// 6、调用模板对象的process方法,生成文件。
		template.process(dataModel, out);
		// 7、关闭流。
		out.close();
		return "OK";
	}
}
2.5. 商品详情页面静态化
2.5.1. 网页的静态化方案

输出文件的名称:商品id+“.html” 输出文件的路径:工程外部的任意目录。 网页访问:使用nginx访问网页。在此方案下tomcat只有一个作用就是生成静态页面。 工程部署:可以把e3-item-web部署到多个服务器上。 生成静态页面的时机:商品添加后,生成静态页面。可以使用Activemq,订阅topic(商品添加)

在这里插入图片描述
在这里插入图片描述

3. Sso系统分析

3.1. 什么是sso系统

SSO英文全称Single Sign On,单点登录。SSO是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。它包括可以将这次主要的登录映射到其他应用中用于同一个用户的登录的机制。它是目前比较流行的企业业务整合的解决方案之一。

3.2. 为什么要有单点登录系统
3.2.1. 传统的登录实现方式
在这里插入图片描述
在这里插入图片描述

此方式在只有一个web工程时是没有问题。

3.2.2. 集群环境下
在这里插入图片描述
在这里插入图片描述

集群环境下会出现要求用户多次登录的情况。 解决方案: 1、配置tomcat集群。配置tomcatSession复制。节点数不要超过5个。 2、可以使用Session服务器,保存Session信息,使每个节点是无状态。需要模拟Session。

单点登录系统是使用redis模拟Session,实现Session的统一管理。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-04-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 宜立方商城第十天
    • 1. 课程计划
      • 2. 网页静态化
        • 2.1. 什么是freemarker
        • 2.2. Freemarker的使用方法
        • 2.3. 模板的语法
        • 2.4. Freemarker整合spring
        • 2.5. 商品详情页面静态化
      • 3. Sso系统分析
        • 3.1. 什么是sso系统
        • 3.2. 为什么要有单点登录系统
    相关产品与服务
    容器服务
    腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档