网站首页相关

企业模板首页一般是展示型的，想要模板的内容能够在后台编辑，可以采取 #option(“”) ，示例代码如下：

  1. <div class="row h-full align-items-center text-center text-lg-left">
  2.   <div class=" col-12 col-lg-4 ">
  3.     <h2>#option("jpress_index_slogan" , "JPress，开源免费的建站神器。 ")</h2>
  4.     <br>
  5.     <p class="lead mx-auto">#option("jpress_index_slogan_describe","使用 Java 语言开发，一个命令完成安装。完善的模板和插件生态、助你事半功倍的打造官网、博客、微信小程序 和 百度小程序 等。
  7.       ")</p>
  8.     <br>
  9.     <a class="btn btn-lg" href="/download">#option("jpress_index_button","体验由此开始")</a>
  10.     <p class="pt-8"><small>#option("jpress_index_slogan_small","因为国产更懂你，因为 Java 而更快。")</small></p>
  11.   </div>
  13.   <div class="col-12 col-lg-6 offset-lg-1">
  14.     <img src="#option('topimg','images/jp-banner1.png')" data-aos="slide-left">
  15.   </div>
  17. </div>

效果如下：

网站首页相关 - 图1

设置页面 setting.html 中的代码如下：

  1. <div class="setting-panl">
  2.     <h4 class="page-header">开屏设置</h4>
  3.     <div class="form-group">
  4.         <label class="col-sm-2 control-label">slogan设置</label>
  5.         <div class="col-sm-6">
  6.             <textarea rows="1" class="form-control" placeholder="slogan标题设置" name="jpress_index_slogan">#option("jpress_index_slogan")</textarea>
  7.         </div>
  8.     </div>
  9.     <div class="form-group">
  10.         <label class="col-sm-2 control-label">描述</label>
  11.         <div class="col-sm-6">
  12.             <textarea rows="5" class="form-control" placeholder="描述设置" name="jpress_index_slogan_describe">#option("jpress_index_slogan_describe")</textarea>
  13.         </div>
  14.     </div>
  15.     <div class="form-group">
  16.         <label class="col-sm-2 control-label">按钮文字</label>
  17.         <div class="col-sm-6">
  18.             <textarea rows="1" class="form-control" placeholder="按钮文字" name="jpress_index_button">#option("jpress_index_button")</textarea>
  19.         </div>
  20.     </div>
  21.     <div class="form-group">
  22.         <label class="col-sm-2 control-label">按钮下方文字</label>
  23.         <div class="col-sm-6">
  24.             <textarea rows="1" class="form-control" placeholder="按钮下方文字" name="jpress_index_slogan_small">#option("jpress_index_slogan_small")</textarea>
  25.         </div>
  26.     </div>
  27.     <div class="form-group">
  28.         <label class="col-sm-2 control-label">首图</label>
  29.         <div class="col-sm-6">
  30.             <button type="button" for-src="topimg" for-input="topinput" class="jp-image-browser btn btn-flat btn-default btn-xs">
  31.                 <i class="fa fa-fw fa-image"></i> 选择图片
  32.             </button>
  33.             <br/>
  34.             <img class="thumb-img" src="#(CPATH)#option('bonhumeur_web_avatar','/static/commons/img/nothumbnail.jpg')"
  35.                  id="topimg" />
  36.             <input type="hidden" id="topinput" name="topimg"
  37.                    value="#option('topimg')">
  38.             <p class="setting-tips">图片大小建议：778px X 545px</p>
  39.         </div>
  40.     </div>
  42. </div>

后台设置效果如下：

网站首页相关 - 图2