模板引擎:第三章:使用Freemark做企业级SEO推广

为什么做SEO?

当公司项目已接近尾声时,这个时候就需要推广了,这个时候就需要SEO了,那SEO是什么呢?seo中文翻译是搜索引擎优化。它利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。

常见误区:

在速度方面,一般情况下,静态网页都要快于动态网页。但是很多时候,我们为了SEO将网站全部搞成静态化,有这个必要么?我们知道,现在网站做成纯静态的基本上不太可能,除了一些像维基百乎之类的网站,我们的网站都需要去修改,需要用户去参与互动,还有一大堆的原因让我们的网站都在动态的变化。结果我们就牺牲用户的友好体验来“博得搜索引擎的欢心”。但是你可知道搜索引擎并不是喜欢静态页。

搜索引擎并不是喜欢静态页的起源:

网页静态化这个东西,纯属以讹传讹的事。我们要说说这个事情的起源,在搜索引擎刚刚起步的时候,那个时间动态页面刚刚兴起,很多网页的地址后面都带有一大堆的参数,并且这些参数可能是动态变化的,他会根据用户的操作不同而有不同的参数。对于这样的地址,搜索引擎是不喜欢的,这是为什么呢?我们先看搜索引擎在做什么事,搜索引擎实际上是一个程序,学名叫Spider,放出去之后把某个网站下载进行分析,然后把摘要部分放到自己的数据库,下次用户搜索的时候,就直接搜索到它的数据库了。

搜索引擎的工作原理:

比如说Google要来索引我的网站,它首先会访问http://iove.net这个主域名,而实际上 http://iove.net是定位到http://iove.net/index.php这个页面的。这样spider首先下载index.php当前页的html内容,注意,spider只需要原生的html内容(当然包括文本),不包括iframe中的任何内容,也不包括js等脚本生成的任何内容,也不会包括图片、flash等多媒体的内容,仅仅是对html标签和标签中的内容进行索引。它当你的html是一段文本,然后进行分析,取得其中的文字内容和链接内容,再根据这个链接进行下一个索引。搜索引擎实际就是把文本进行分析,然后放到数据库。注意数据库!有些技术基础的人都知道,只要是数据库,就会有主键,而根据范式理论,数据库应该有一个唯一的主键,那么搜索引擎索引回去的数据,也应该有一个唯一的主键。这个主键是什么?就是我们的网址。

好了,理论说完,开搞

pom.xml引入freemark相关依赖:

           

   

  1. <dependency>
  2. <groupId>org.freemarker</groupId>
  3. <artifactId>freemarker</artifactId>
  4. <version>2.3.23</version>
  5. </dependency>

SpringMvc配置文件:

   

  1. <!-- 注册freemarker配置类 -->
  2. <bean id="freeMarkerConfigurer" class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">
  3. <!-- ftl模版文件路径 -->
  4. <property name="templateLoaderPath" value="classpath:freemarker/"></property>
  5. <!-- 页面编码 -->
  6. <property name="defaultEncoding" value="utf-8" />
  7. <property name="freemarkerSettings">
  8. <props>
  9. <!-- 模版缓存刷新时间,不写单位默认为秒 -->
  10. <prop key="template_update_delay">0</prop>
  11. <!-- 时区 和 时间格式化 -->
  12. <prop key="locale">zh_CN</prop>
  13. <prop key="datetime_format">yyyy-MM-dd</prop>
  14. <prop key="date_format">yyyy-MM-dd</prop>
  15. <!-- 数字使用.来分隔 -->
  16. <prop key="number_format">#.##</prop>
  17. </props>
  18. </property>
  19. <!--静态资源访问路径-->
  20. <property name="freemarkerVariables">
  21. <map>
  22. <entry key="resPath" value="${resources.server}"/>
  23. </map>
  24. </property>
  25. </bean>
  26. <!-- 注册freemarker视图解析器 -->
  27. <bean id="freeMarkerViewResolver"
  28. class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">
  29. <!-- 视图解析顺序,排在其他视图解析器之后 数字越大优先级越低 -->
  30. <property name="order" value="0" />
  31. <!-- 开启模版缓存 -->
  32. <property name="cache" value="true" />
  33. <!-- 上面已经配了,这里就不用配啦 -->
  34. <property name="prefix" value="" />
  35. <!-- 配置文件后缀 -->
  36. <property name="suffix" value=".ftl" />
  37. <property name="contentType" value="text/html;charset=UTF-8" />
  38. <!-- 是否允许session属性覆盖模型数据,默认false -->
  39. <property name="allowSessionOverride" value="false" />
  40. <!-- 是否允许request属性覆盖模型数据,默认false -->
  41. <property name="allowRequestOverride" value="false" />
  42. <!-- 开启spring提供的宏帮助(macro) -->
  43. <property name="exposeSpringMacroHelpers" value="true" />
  44. <!-- 添加request attributes属性到ModelAndView中 -->
  45. <property name="exposeRequestAttributes" value="true" />
  46. <!-- 添加session attributes属性到ModelAndView中 -->
  47. <property name="exposeSessionAttributes" value="true" />
  48. <property name="viewClass" value="org.springframework.web.servlet.view.freemarker.FreeMarkerView" />
  49. <property name="requestContextAttribute" value="request" />
  50. </bean>

application.properties配置文件:

    #静态路径配置
    resources.server=http://127.0.0.1:8081/tst_consumer_war_exploded/

一般而言,我们只需要将后端的数据响应给前端模板页面即可。

关于静态资源路径问题:在SpringMvc的配置中加上:

<mvc:resources mapping="/img/**" location="classpath:freemarker/img/"></mvc:resources>

而模板页面一般以.ftl结尾,页面内容类似:

至于生成静态模板页面,这里提供一个链接include 引用模板:https://www.cnblogs.com/fangwu/p/8696443.html

提供一个生成静态html文件的方法:

        /**
         * 生成静态页面
         * @param data 模板数据  创建一个穆数据集,可以是pojo也可以是map,推荐使用map
         * @param ftlPath 模板路径 例如:E:\\Project\\CompanyProject\\standard\\tst-consumer\\src\\main\\resources\\freemarker\\aboutUs
         * @param ftlName 模板名称 例如:index.ftl
         * @param htmlPath 生成的静态文件路径 例如:E:\\Project\\CompanyProject\\standard\\tst-consumer\\src\\main\\resources\\freemarker\\staticHtml
         * @param htmlName 生成的静态名称 例如:aboutBaijian.html
         * @throws Exception
         */
        public static void toHtml(Map<String,Object> data,String ftlPath,String ftlName,String htmlPath,String htmlName) throws Exception{
            // 创建一个Configuration对象
            Configuration configuration = new Configuration(Configuration.getVersion());
            // 设置模板文件保存的目录
            configuration.setDirectoryForTemplateLoading(new File(ftlPath));
            // 设置文件的编码格式,一般是utf-8
            configuration.setDefaultEncoding("utf-8");
            configuration.setClassicCompatible(true);
            // 加载一个模板文件,创建一个模板对象
            Template template = configuration.getTemplate(ftlName);
            // 创建一个Writer对象,指定输出文件的路径以及文件名
            Writer out = new FileWriter(new File(htmlPath + "\\" + htmlName));
            // 生成静态页面
            template.process(data, out);
            // 关闭流
            out.close();
        }

注意:如果模板文件使用<#include "additional.ftl">包含另外的模板二个模板要在同一个目录中,如:

我在aboutUs目录下的index.ftl使用了include包含comment目录下的文件,生成的时候会报错,因为你所提供的模板目录只有一个,而你却引用了二个目录,模板找不到会报错。

freemark最常见的用法,这个提供链接:https://blog.csdn.net/qq_35376421/article/details/81095656