使用freemarker实现网页静态化
这是Freemarker需要的模板
1.1. 什么是freemarker
FreeMarker是一个用Java语言编写的模板引擎,它基于模板来生成文本输出。FreeMarker与Web容器无关,即在Web运行时,它并不知道Servlet或HTTP。它不仅可以用作表现层的实现技术,而且还可以用于生成XML,JSP或Java 等。
目前企业中:主要用Freemarker做静态页面或是页面展示
1.2. Freemarker的使用方法
把freemarker的jar包添加到工程中。
Maven工程添加依赖
<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}
@Test publicvoid 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(); } |
宜立方商城中运用
ActiveMq同步生成静态网页
1.1. 商品详情页面静态化
1.1.1. 网页的静态化方案
输出文件的名称:商品id+“.html”
输出文件的路径:工程外部的任意目录。
网页访问:使用nginx访问网页。在此方案下tomcat只有一个作用就是生成静态页面。
工程部署:可以把e3-item-web部署到多个服务器上。
生成静态页面的时机:商品添加后,生成静态页面。可以使用Activemq,订阅topic(商品添加)(这就是我们需要的消息来源发送消息方)
这里我们的服务层需要一个发送来的消息
//发送一个商品添加信息 jmsTemplate.send(topicDestination, new MessageCreator() { @Override public Message createMessage(Session session) throws JMSException { //设置消息内容为商品id值需要转换一下类型为字符串 TextMessage textMessage = session.createTextMessage(itemId+""); return textMessage; } });
项目表现层模块划分结构
Item.java代码
/** * 2、根据商品id查询商品信息(tb_item)得到一个TbItem对象,缺少images属性, * 可以创建一个pojo继承TbItem,添加一个getImages方法。在e3-item-web工程中。 */ public class Item extends TbItem { /** * 初始化所有值 * @param tbItem */ public Item(TbItem tbItem){ this.setId(tbItem.getId()); this.setTitle(tbItem.getTitle()); this.setSellPoint(tbItem.getSellPoint()); this.setPrice(tbItem.getPrice()); this.setNum(tbItem.getNum()); this.setBarcode(tbItem.getBarcode()); this.setImage(tbItem.getImage()); this.setCid(tbItem.getCid()); this.setStatus(tbItem.getStatus()); this.setCreated(tbItem.getCreated()); this.setUpdated(tbItem.getUpdated()); } /** * 返回字符串images * @return */ public String[] getImages(){ String image2 = this.getImage(); if (image2!=null && !"".equals(image2)){ String[] strings = image2.split(","); return strings; } return null; }
HtmlGenListtener.java代码
resource.properties
/** * 监听商品添加信息,生成对应的静态页面 * @Auther: Administrator * @Date: 2018/5/30 0030 17:06 * @Description: */ public class HtmlGenListener implements MessageListener { @Autowired private ItemService itemService; @Autowired private FreeMarkerConfigurer freeMarkerConfigurer; @Value("${HTML_GEN_PATH}") private String HTML_GEN_PATH; @Override public void onMessage(Message message) { try { //从消息中取出商品id TextMessage textMessage= (TextMessage) message; String text = textMessage.getText(); Long itemId= Long.valueOf(text); System.out.println(itemId); //等待事务提交 Thread.sleep(1000); //根据商品id查询商品信息 TbItem tbItem = itemService.getItemById(itemId); Item item=new Item(tbItem); //根据商品id查询商品描述信息 TbItemDesc tbItemDesc = itemService.selectTbItemDesc(itemId); //创建一个数据集,把商品数据封装 Map data=new HashMap(); data.put("item",item); data.put("itemDesc",tbItemDesc); //加载模板对象 Configuration configuration = freeMarkerConfigurer.getConfiguration(); Template template = configuration.getTemplate("item.ftl"); //创建一个输出流,指定输出的目录和文件名 Writer out = new FileWriter(HTML_GEN_PATH + itemId + ".html"); // 使用模板生成静态页面 template.process(data,out); //关闭流 out.close(); } catch (Exception e) { e.printStackTrace(); } }
applicationContent-activemq.xml配置文件写入
<!-- 真正可以产生Connection的ConnectionFactory,由对应的 JMS服务厂商提供 --> <bean id="targetConnectionFactory" class="org.apache.activemq.ActiveMQConnectionFactory"> <property name="brokerURL" value="tcp://192.168.25.128:61616" /> </bean> <!-- Spring用于管理真正的ConnectionFactory的ConnectionFactory --> <bean id="connectionFactory" class="org.springframework.jms.connection.SingleConnectionFactory"> <!-- 目标ConnectionFactory对应真实的可以产生JMS Connection的ConnectionFactory --> <property name="targetConnectionFactory" ref="targetConnectionFactory" /> </bean> <!--这个是主题目的地,一对多的 --> <bean id="topicDestination" class="org.apache.activemq.command.ActiveMQTopic"> <constructor-arg value="itemAddTopic" /> </bean> <!-- 监听商品添加消息,同步索引库 --> <bean id="htmlGenListener" class="com.e3mall.item.listener.HtmlGenListener"/> <bean class="org.springframework.jms.listener.DefaultMessageListenerContainer"> <property name="connectionFactory" ref="connectionFactory" /> <property name="destination" ref="topicDestination" /> <property name="messageListener" ref="htmlGenListener" /> </bean>
springmvc.xml配置freemarker
<!--配置Freemarker--> <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>
这是Freemarker生成的html页面存放位置
我们这里配置一些Windows 7 下Nginx
解压Nginx文件
在conf文件中找到nginx.conf文件打开配置红色的端口号和存放的Freemarker文件的路径
成功页面