动力节点旗下在线教育品牌  |  咨询热线:400-8080-105 学Java全栈,上蛙课网
首页 > 文章

Spring MVC实现动态页面静态化

09-03 17:41 68浏览
举报 T字号
  • 大字
  • 中字
  • 小字

动态页面静态化是指使用服务器后台技术将用户原来请求的动态页面变成静态内容缓存于服务器文件中Spring MVC在开发过程中同样可能要用到动态页面静态化的技术,本文着重为大家讲述如何使用Spring MVC实现动态页面静态化

实现动态页面静态化的办法多种多样,这里使用FreeMarker,仅仅提供思路,代码没有封装与优化。下面是具体的方法实现和步骤:

1.新建一个基于Maven的Web项目

 

2.添加依赖

这里没有使用MVC,只需依赖FreeMarker、Servlet与JSP核心包就可以了,修改后的pom.xml文件如下。

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

    <modelVersion>4.0.0</modelVersion>

    <groupId>com.zhangguo</groupId>

    <artifactId>SpringMVC71</artifactId>

    <version>0.0.1-SNAPSHOT</version>

    <packaging>war</packaging>

    <dependencies>

        <!-- FreeMarker -->

        <dependency>

            <groupId>org.freemarker</groupId>

            <artifactId>freemarker-gae</artifactId>

            <version>2.3.25-incubating</version>

        </dependency>

        <!-- Servlet核心包 -->

        <dependency>

            <groupId>javax.servlet</groupId>

            <artifactId>javax.servlet-api</artifactId>

            <version>3.0.1</version>

            <scope>provided</scope>

        </dependency>

        <!--JSP -->

        <dependency>

            <groupId>javax.servlet.jsp</groupId>

            <artifactId>jsp-api</artifactId>

            <version>2.1</version>

            <scope>provided</scope>

        </dependency>

    </dependencies>

</project>

依赖成功的结果:

 

3.创建文章POJO类

src/main/java源代码目录下创建Article.java文件,该类代表文章。

4.创建文章业务类

src/main/java源代码目录下创建ArticleService.java文件,该类代表文章业务,主要提供文章数据,定义了一个文章集合中,初始化时向集合中随意添加了5个文章对象。

5.添加模板

src/main/java源代码目录的templates包下添加两个模板,一个名为newsList.ftl用于生成新闻列表,另一个名为news.ftl用于生成单篇新闻,newsList.ftl文件内容如下:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>新闻焦点</title>

</head>

<body>

    <div id="container">

    <h2>新闻焦点</h2>

    <#setting number_format="#">

    <ul>

        <#list articles as article>

        <li>

            <a href="news/${article.id}.html">${article.title}</a>

        </li>

        </#list>

    </ul>

    </div>

    <style>

       #container{

          font-family:"microsoft yahei";

          width:800px;

          margin:0 auto;

       }

       a{

         color:#333;

         text-decoration:none;

       }

       li{

         height:26px;

         line-height:26px;

       }

    </style>

</body>

</html>

文件中使用了FreeMarker标记,具体语法可以看第四点;news.ftl文件内容如下:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>${article.title}</title>

</head>

<body>

    <div id="container">

    <h2>${article.title}</h2>

    <p>

         ${article.content}

    </p>

    </div>

    <style>

       #container{

          font-family:"microsoft yahei";

          width:800px;

          margin:0 auto;

       }

    </style>

</body>

</html>

6.添加Servlet生成静态页

新增一个名为News的Servlet类,当Servlet收到客户端请求时会查看系统中是否存在index.html(新闻列表)静态页面,如果存在直接转发,如果不存在则生成新闻列表静态页面及子页面。创建好的Servlet代码如下所示:

package com.master.springmvc71.actions;

 

import java.io.File;

import java.io.FileOutputStream;

import java.io.IOException;

import java.io.OutputStreamWriter;

import java.io.Writer;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.zhangguo.springmvc71.Services.ArticleService;

import com.zhangguo.springmvc71.entities.Article;

import freemarker.template.Configuration;

import freemarker.template.Template;

import freemarker.template.TemplateException;

 

/**

 *新闻列表

 */

@WebServlet("/News")

public class News extends HttpServlet {

    private static final long serialVersionUID = 1L;

    

    ArticleService articleService=new ArticleService();

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException{

        //设置编码格式与MIME类型

        response.setContentType("text/html; charset=UTF-8");

        

        //首页新闻列表路径

        String indexPath=request.getServletContext().getRealPath("/index.html");

        

        //文件是否存在

        File file=new File(indexPath);

        if(!file.exists()){

            //如果新闻列表不存在,生成新闻列表

            

            //创建一个freemarker.template.Configuration实例,它是存储 FreeMarker 应用级设置的核心部分

            //指定版本号

            Configuration cfg=new Configuration(Configuration.VERSION_2_3_22);

            //获得模板文件路径

            String templatePath=this.getClass().getClassLoader().getResource("/templates").getPath();

            //设置模板目录

            cfg.setDirectoryForTemplateLoading(new File(templatePath));

            //设置默认编码格式

            cfg.setDefaultEncoding("UTF-8");

            

            //数据

            Map articleData = new HashMap<>();

            List

articles=articleService.getArticles();

 

            articleData.put("articles", articles);

            

            //从设置的目录中获得模板

            Template template = cfg.getTemplate("newsList.ftl");

            

            //合并模板和数据模型

            try {

                //将数据与模板渲染的结果写入文件中

                Writer writer=new OutputStreamWriter(new FileOutputStream(file), "UTF-8");

                template.process(articleData, writer);

                writer.flush();

                

                articleData.clear();

                template = cfg.getTemplate("news.ftl");

                //生成单个新闻文件

                for (Article article : articles) {

                    articleData.put("article", article);

                    //单个新闻文件

                    file=new File(request.getServletContext().getRealPath("/news/"+article.getId()+".html"));

                    //文件输出流写入器

                    writer=new OutputStreamWriter(new FileOutputStream(file), "UTF-8");

                    //将模板+数据生成的结果写入文件中,得到一个静态文件

                    template.process(articleData, writer);

                    writer.flush();

                }

                writer.close();

            } catch (TemplateException e) {

                e.printStackTrace();

            }

        }

        //如果新闻单页下存在,生成新闻单页

        request.getRequestDispatcher("index.html").forward(request, response);

    }

 

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doGet(request, response);

    }

 

}

从代码中可以看出生成的单篇文章全部存放在news目录下,要记得在webapp根目录下创建news目录。这里只是示例代码,如果要在项目中应用,应该把FreeMarker,文件操作的内容分Servlet分开。另外web.xml文件中添加index.html为第1个欢迎页,这样做的目的是当首页被生成时直接让服务器响应index.html。web.xml文件如下:

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xmlns="http://java.sun.com/xml/ns/javaee"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"

    id="WebApp_ID" version="3.0">

    <welcome-file-list>

        <welcome-file>index.html</welcome-file>

        <welcome-file>index.jsp</welcome-file>

    </welcome-file-list>

</web-app>

index.jsp直接转发到News Servlet中,文件内容如下:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<jsp:forward page="News"></jsp:forward>

7.运行结果

当然这只是一个示例,不适用于所有的Spring MVC实现动态页面静态化。另外你可能会觉得FreeMarker作用不大,如果我们使用一些特别的标记嵌套在静态的页面中,然后后台替换同样可以做到,但对于复杂的内容FreeMarker替换的方式要更加优雅,效率要更高,如果你使用jsp作为模板效果也是一样的,只是他们的侧重点不一样而已。

如果觉得不满足的小伙伴可以在本站的Spring MVC视频教程中查看更多的Spring MVC实现动态页面静态化的实例,学习更多的Spring MVC相关知识。

0人推荐
共同学习,写下你的评论
0条评论
代码小兵1268
程序员代码小兵1268

11篇文章贡献53362字

作者相关文章更多>

推荐相关文章更多>

DOM渲染的详细过程

QCode09-04 14:38

CSS水平和垂直居中技巧大梳理

Code大师09-04 14:50

mui的input框在IOS系统下无法聚焦或点击多次才能聚焦

不写代码你养我啊08-23 11:14

推荐的-视.频播放器以及在线客服

不写代码你养我啊09-17 18:02

谈谈java多线程的三大特性

要学习了06-18 18:13

发评论

举报

0/150

取消