网页公用代码

一般指网站公用的头部和尾部，可以命名为：_layout.html。

做法：头尾部的代码提取出来，然后用标签：

  1. #define layout()
  2.   ...
  3.   #@content()
  4.   ...
  6. #end

其他页面引用头尾部代码时，用标签：

  1. #include("./_layout.html")
  3. #define content()
  4. ...
  5. #end

公用代码示例代码如下：

  1. #define layout()
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="description" content="#(SEO_DESCRIPTION)">
  8.     <meta name="keywords" content="#(SEO_KEYWORDS)">
  9.     <title>#(SEO_TITLE ?? WEB_TITLE +'-'+ WEB_SUBTITLE)</title>
  10. </head>
  11. <body>
  12. <nav class="">
  13.     <div class="container">
  14.         <div class="navbar-left">
  15.             <button class="navbar-toggler" type="button">&#9776;</button>
  16.             <a class="navbar-brand" href="#(CPATH)/">
  17.                 <img class="logo-dark" src="#option('jpress_logo_light','images/logo.png')" alt="logo">
  18.                 <img class="logo-light" src="#option('jpress_logo_dark','images/logo-inverse.png')" alt="logo">
  19.             </a>
  20.         </div>
  21.         <section class="navbar-mobile">
  23.             <ul class="nav-navbar nav ml-auto">
  24.                 #for(menu : MENUS)
  25.                 <li class="nav-item">
  26.                     #if(menu.hasChild())
  27.                     <a class="nav-link #(menu.isActive ? 'active' : '')">
  28.                         #(menu.text ??)
  29.                         <i class="fa fa-caret-down"></i>
  30.                     </a>
  31.                     #else
  32.                     <a class="nav-link #(menu.isActive ? 'active' : '')" href="#(menu.url ??)">
  33.                         #(menu.text ??)
  34.                     </a>
  35.                     #end
  37.                     #if(menu.hasChild())
  38.                     <nav class="nav">
  39.                         #for(childMenu : menu.getChilds())
  40.                         <a class="nav-link" href="#(childMenu.url ??)">#(childMenu.text ??)</a>
  41.                         #end
  42.                     </nav>
  43.                     #end
  44.                 </li>
  45.                 #end
  46.             </ul>
  47.             <div class="nav-download d-inline-flex">
  48.                 #if(USER)
  49.                 <div class="dropdown">
  50.                                 <span class="dropdown-toggle no-caret" data-toggle="dropdown">
  51.                                     <img class="avatar avatar-xs" src="#(USER.avatar ?? 'images/jp-portrait.jpg')" alt="user">
  52.                                 </span>
  53.                     <div class="dropdown-menu">
  54.                         <a class="dropdown-item" href="#(CPATH)/ucenter/article/write">我要投稿</a>
  55.                         <a class="dropdown-item" href="#(CPATH)/ucenter/info">我的信息</a>
  56.                         <a class="dropdown-item" href="#(CPATH)/ucenter/avatar">修改头像</a>
  57.                         <div class="dropdown-divider"></div>
  58.                         <a class="dropdown-item" href="#(CPATH)/ucenter/doLogout?csrf_token=#(CSRF_TOKEN)">退出登录</a>
  59.                     </div>
  60.                 </div>
  61.                 #else
  62.                 <a class="nav-link"  href="#(CPATH)/user/login">登录</a>
  63.                 #end
  65.                 <a class="btn" href="/download">下载源码</a>
  66.             </div>
  69.         </section>
  70.     </div>
  71. </nav>
  75. #@content()
  78. <footer class="footer">
  79.     ...
  80. </footer>
  83. <!-- Scripts -->
  84. <script src="js/main.js"></script>
  85. #@script?()
  87. </body>
  88. </html>
  90. #end
  1. 备注：
  3. #(SEO_DESCRIPTION) —— 网站的SEO描述
  5. #(SEO_KEYWORDS) —— 网站的SEO关键字
  7. #(SEO_TITLE ?? WEB_TITLE +'-'+ WEB_SUBTITLE) —— 网站的标题调用后台填写SEO的标题，如果没有填写，则使用 网页标题-网页描述 的方式。
  9. #(menu.text ??) —— 菜单名称
  11. #(childMenu.text ??) —— 子菜单名称
  13. #(menu.url ??) —— 菜单链接
  15. #(childMenu.url ??) —— 子菜单链接
  17. #(CPATH)/ucenter/doLogout?csrf_token=#(CSRF_TOKEN) —— 退出登录
  19. #(CPATH)/user/login —— 登录