<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 10. 模板配置JSON ## 模板配置JSON 放在模板的根目錄下,用于用戶自定義一些配置、前臺調取。 支持text、textarea、radio、checkbox、select、image、images、date、datetime控件 組件可前往這里了解:[字段類型與組件](Qian%20Yan.html) ## 使用說明 ### 一級寫法 說明 ![](https://img.kancloud.cn/87/a0/87a00a8abf20e7d2802626228b2e25eb_349x259.png) key更改key值value值是否必填說明field可更改--field改為king 前臺調用方式 {$Tpl.king}title否隨便填否-type否text textarea radio checkbox select image images date datetime---具體說明 [字段類型與組件](Qian%20Yan.html)tips否隨便填否后臺模板配置時候提示效果rules否-否驗證規則 如果多個驗證請用 ; 隔開 [查看規則](Yan%20Zheng%20Gui%20Ze.html)error\_tips否隨便填否自定義驗證規則錯誤信息。 填寫了,會覆蓋規則的錯誤提示消息。value否-否默認值### 多級寫法 說明 ![](https://img.kancloud.cn/1b/f8/1bf8887abd75f74721ff8526d07431c8_409x504.png) key更改key值value值是否必填說明base/more可更改--base改為king 前臺調用方式 {$Tpl.king.item中的key值}title否隨便填否-item否-是多個一級寫法組成 key值不能重復## 使用示例 ### 簡單寫法(一級) 前臺調用方式,如下配置文件。調取標題字段的值。 **{$Tpl.field}** 或者 **{$Tpl\['field'\]}** ``` <pre class="calibre16">``` <span class="token1">{</span> <span class="token4">"field"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"標題"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"text"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"提示"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">"required;length(3~16)"</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">"值必須"</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span> <span class="token1">}</span> ``` ``` 效果圖 ![](https://img.kancloud.cn/c8/7c/c87c00878c38732294a020a9cd8a533b_803x252.jpg) ### 配置分組寫法 (多級) 調取標題 **{$Tpl.base.text}** 或者 **{$Tpl\['base'\]\['text'\]}** 示例代碼 ``` <pre class="calibre16">``` <span class="token1">{</span> <span class="token4">"base"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"基礎配置"</span><span class="token1">,</span> <span class="token4">"item"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"text"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"標題"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"text"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"提示"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">"required;length(3~16)"</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">"值必須"</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"textarea"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"描述"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"textarea"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"radio"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"是否顯示"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"radio"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"options"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"1"</span><span class="token1">:</span> <span class="token4">"顯示"</span><span class="token1">,</span> <span class="token4">"0"</span><span class="token1">:</span> <span class="token4">"不顯示"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">"1"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"checkbox"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"多項選擇"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"checkbox"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"options"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"1"</span><span class="token1">:</span> <span class="token4">"顯示1"</span><span class="token1">,</span> <span class="token4">"2"</span><span class="token1">:</span> <span class="token4">"顯示3"</span><span class="token1">,</span> <span class="token4">"0"</span><span class="token1">:</span> <span class="token4">"不顯示"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">"1,2"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"select"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"下拉選擇"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"select"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"我是提示"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"options"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"1"</span><span class="token1">:</span> <span class="token4">"測試1"</span><span class="token1">,</span> <span class="token4">"2"</span><span class="token1">:</span> <span class="token4">"測試2"</span><span class="token1">,</span> <span class="token4">"3"</span><span class="token1">:</span> <span class="token4">"測試3"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">"2"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"selects"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"下拉多項選擇"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"selects"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"我是提示"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"options"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"1"</span><span class="token1">:</span> <span class="token4">"測試1"</span><span class="token1">,</span> <span class="token4">"2"</span><span class="token1">:</span> <span class="token4">"測試2"</span><span class="token1">,</span> <span class="token4">"3"</span><span class="token1">:</span> <span class="token4">"測試3"</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">"2,3"</span> <span class="token1">}</span> <span class="token1">}</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"more"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"更多選項"</span><span class="token1">,</span> <span class="token4">"item"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"image"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"圖片"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"image"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"請上傳圖片"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">"required"</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">"請上傳圖片"</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"images"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"圖片"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"images"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"請上傳圖片"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">"required"</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">"請上傳圖片"</span><span class="token1">,</span> <span class="token4">"max_number"</span><span class="token1">:</span> <span class="token3">5</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"date"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"日期"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"date"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">"required"</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">"日期選擇"</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span><span class="token1">,</span> <span class="token4">"datetime"</span><span class="token1">:</span> <span class="token1">{</span> <span class="token4">"title"</span><span class="token1">:</span> <span class="token4">"日期時間"</span><span class="token1">,</span> <span class="token4">"type"</span><span class="token1">:</span> <span class="token4">"datetime"</span><span class="token1">,</span> <span class="token4">"tips"</span><span class="token1">:</span> <span class="token4">"日期時間"</span><span class="token1">,</span> <span class="token4">"rules"</span><span class="token1">:</span> <span class="token4">""</span><span class="token1">,</span> <span class="token4">"error_tips"</span><span class="token1">:</span> <span class="token4">"日期時間"</span><span class="token1">,</span> <span class="token4">"value"</span><span class="token1">:</span> <span class="token4">""</span> <span class="token1">}</span> <span class="token1">}</span> <span class="token1">}</span> <span class="token1">}</span> ``` ``` 分組后的效果圖 ![](https://img.kancloud.cn/81/74/8174709ca8e948bef7965c2261411f93_1193x825.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看