Comment utiliser le modèle FreeMarker pour terminer le traitement statique des pages dans SpringBoot2

1. Statique de page

1. Les pages dynamiques et statiques

Les pages statiques

sont des pages Web statiques, qui font référence à des pages HTML chargées sans passer par le processus de demande de données du serveur et de compilation, et sont directement chargées dans le le navigateur du client pour l'affichage. En termes simples, cela signifie générer une page HTML indépendante sans interaction de données avec le serveur.

Description des avantages et des inconvénients :

• Le contenu des pages Web statiques est stable et la vitesse de chargement des pages est extrêmement rapide ;

• N'interagit pas avec le serveur, améliorant la sécurité ;

• Pages Web statiques ; ont une faible interactivité et peu de données en temps réel

• Le coût des dimensions est élevé et de nombreuses pages HTML sont générées

Page dynamique

fait référence à une technologie de programmation Web opposée aux pages Web statiques ; . Le contenu de la page doit être obtenu en demandant au serveur, quelle que soit la mise en cache. Lorsque les données de l'interface de service changent, le contenu chargé sur la page changera également en temps réel, mais le contenu affiché changera dynamiquement avec le. résultats de l'opération de la base de données.

Description des avantages et des inconvénients :

• Acquisition en temps réel de données à partir de pages Web dynamiques avec une faible latence

• S'appuyant sur l'interaction avec la base de données, le coût de maintenance de la page est très faible

• Interagir avec le ; base de données en temps réel, le coût du contrôle de sécurité est élevé ;

• La vitesse de chargement des pages dépend beaucoup des performances de la base de données et du service

Les pages dynamiques et les pages statiques sont très similaires, et elles sont plus simples ; comprendre en comparaison.

2. Scénarios d'application

Il existe de nombreux scénarios d'application pour le traitement statique de pages dynamiques, tels que :

• La tête et le bas des grands sites Web sont chargés uniformément après avoir été statiques, le contenu ; est rendu directement converti en pages Web HTML ;

• Pages Web statiques proxy par des nœuds périphériques CDN sous haute concurrence

• Dans les sites Web de commerce électronique, traitement des pages de détails de produits complexes ; technologie : service rapide La vitesse de réponse, ou pour faire avancer le nœud de réponse, tel que le processus général, le service de demande de page (client), le traitement du service, les données de réponse, le chargement de page, une série de processus sont non seulement complexes, mais aussi chronophages. consommer, si basé sur une technologie statique Après le traitement, chargez directement la page statique et la requête se termine.

2. Analyse du processus

• La conversion de pages statiques est un processus relativement complexe, et le processus de base est le suivant :

Écrire le processus d'analyse des paramètres de retour de l'interface de données dans le modèle de page

• Sur la base du moteur d'analyse, fusionner les données et le modèle de page ; vers la page statique HTML après le chargement du contenu du modèle de page ;

• La page statique HTML est téléchargée sur le serveur de fichiers

• Le client (Client) obtient l'affichage de chargement de l'URL de la page statique ; Le processus est à peu près comme ci-dessus. Si les paramètres de réponse de l'interface de données changent, ils doivent être régénérés. Les pages statiques, de sorte que les performances en temps réel du chargement des données seront beaucoup plus faibles.

3. Cas d'implémentation de code

• 1. Dépendances de base

FreeMarker est un moteur de modèle : un modèle basé sur les données à modifier, et utilisé pour générer du texte de sortie (pages Web HTML, e-mails, fichiers de configuration, code source, etc. .) outil universel.

• <dependency>
      <groupid>org.springframework.boot</groupid>
      <artifactid>spring-boot-starter-freemarker</artifactid>
  </dependency>

  Copier après la connexion

  2. Modèle de page

Le style de modèle développé par FreeMarker est utilisé ici. La syntaxe de

• 
      <title>PageStatic</title>
  
  
  主题：${myTitle}<br>
  
  
  作者：${data.auth} 日期：${data.date}<br>
  

  Copier après la connexion
                                                                                                                                        #list>     

  规格描述	产品详情
  ${info.desc}

  
       #list>

  FreeMarker est fondamentalement la même que la syntaxe HTML d'origine, mais elle possède son propre ensemble de balises de traitement de données, ce qui n'est pas compliqué à utiliser.

3. Processus d'analyse

• Grâce à l'analyse, les données du modèle de page et de l'interface de données peuvent être fusionnées.

  @Service
  public class PageServiceImpl implements PageService {
      private static final Logger LOGGER = LoggerFactory.getLogger(PageServiceImpl.class) ;
      private static final String PATH = "/templates/" ;
      @Override
      public void ftlToHtml() throws Exception {
          // 创建配置类
          Configuration configuration = new Configuration(Configuration.getVersion());
          // 设置模板路径
          String classpath = this.getClass().getResource("/").getPath();
          configuration.setDirectoryForTemplateLoading(new File(classpath + PATH));
          // 加载模板
          Template template = configuration.getTemplate("my-page.ftl");
          // 数据模型
          Map<string> map = new HashMap();
          map.put("myTitle", "页面静态化(PageStatic)");
          map.put("tableList",getList()) ;
          map.put("imgList",getImgList()) ;
          // 静态化页面内容
          String content = FreeMarkerTemplateUtils.processTemplateIntoString(template, map);
          LOGGER.info("content:{}",content);
          InputStream inputStream = IOUtils.toInputStream(content,"UTF-8");
          // 输出文件
          FileOutputStream fileOutputStream = new FileOutputStream(new File("F:/page/newPage.html"));
          IOUtils.copy(inputStream, fileOutputStream);
          // 关闭流
          inputStream.close();
          fileOutputStream.close();
      }
      private List<tableinfo> getList (){
          List<tableinfo> tableInfoList = new ArrayList() ;
          tableInfoList.add(new TableInfo(Constant.desc1, Constant.img01));
          tableInfoList.add(new TableInfo(Constant.desc2,Constant.img02));
          return tableInfoList ;
      }
      private List<string> getImgList (){
          List<string> imgList = new ArrayList() ;
          imgList.add(Constant.img02) ;
          imgList.add(Constant.img02) ;
          return imgList ;
      }
  }</string></string></tableinfo></tableinfo></string>

  Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!