DIY自定義表單功能 · 小程序商城系統操作手冊

<div class="article-body kancloud-markdown-body"><p>前端要求4.4.36及以上</p> <div class="markdown-toc"><ul><ul><li><a href="#1_2">1.新增自定義表單</a></li><li><a href="#2_5">2.編輯表單內容</a></li><li><a href="#3_7">3.在微頁面有引用表單（一個微頁面只能引用一個表單）</a></li><li><a href="#4_9">4.表單提交數據（可回復）</a></li><li><a href="#5_11">5.用戶查看表單提交數據</a></li><li><a href="#6_16">6。支付的表單會產生訂單數據</a></li><li><a href="#7_19">7.特色組件介紹</a></li><ul><ul><li><a href="#1_20">1.單行文本</a></li><li><a href="#2_23">2.下拉菜單</a></li><li><a href="#3_26">3.單選/復選</a></li><li><a href="#4_29">4.手機驗證</a></li><li><a href="#5_32">5.上傳圖片</a></li><li><a href="#6_35">6.日歷</a></li><li><a href="#7_39">7.協議</a></li><li><a href="#8_42">8.提交按鈕</a></li></ul></ul></ul></ul></div><h2><a id="1_2"></a>1.新增自定義表單</h2> <p><img src="http://qn.infokp.cn/4723dae389e7cf8c6d369f150a55787b" alt=""><br><img src="https://img.kancloud.cn/02/8d/028ddb51dff91df44a40d23215e96002_734x723.png" alt=""></p> <h2><a id="2_5"></a>2.編輯表單內容</h2> <p><img src="https://img.kancloud.cn/4b/3a/4b3ab3151060f8b668a4909d6f1f3de8_1549x854.png" alt=""></p> <h2><a id="3_7"></a>3.在微頁面有引用表單（一個微頁面只能引用一個表單）</h2> <p><img src="http://qn.infokp.cn/f512634827de48b1debb897bf69dcb7f" alt=""></p> <h2><a id="4_9"></a>4.表單提交數據（可回復）</h2> <p><img src="http://qn.infokp.cn/487aa78a9e519e2299df3ca4607a16ad" alt=""></p> <h2><a id="5_11"></a>5.用戶查看表單提交數據</h2> <p><img src="https://img.kancloud.cn/77/43/774375b3b0b0c519f75ac9312db916ed_404x714.png" alt=""><br><img src="https://img.kancloud.cn/5f/d5/5fd51d57b5bf7e97ea69fa314a0acd27_409x542.png" alt=""><br><img src="https://img.kancloud.cn/2a/38/2a38a1aebd73ada1a7d3127c667bf37b_420x561.png" alt=""></p> <h2><a id="6_16"></a>6。支付的表單會產生訂單數據</h2> <p><img src="https://img.kancloud.cn/38/8c/388c4e995df26bf52011f80077dc6a09_1836x583.png" alt=""></p> <h2><a id="7_19"></a>7.特色組件介紹</h2> <h4><a id="1_20"></a>1.單行文本</h4> <p>支持格式驗證：自定義格式，手機號碼，身份證，郵箱格式<br><img src="https://img.kancloud.cn/e1/5b/e15b37df69c3f41a373a379a39da382b_1621x751.png" alt=""></p> <h4><a id="2_23"></a>2.下拉菜單</h4> <p>內容設置支持：自定義三級聯動，省市區，日期設置，門店<br><img src="https://img.kancloud.cn/77/60/7760541c88810db0a5e9862d3e30e162_1652x705.png" alt=""></p> <h4><a id="3_26"></a>3.單選/復選</h4> <p>支持圖文模式<br><img src="https://img.kancloud.cn/46/3b/463b7ca605e8cbad640ddfc0ca9260fd_1657x752.png" alt=""></p> <h4><a id="4_29"></a>4.手機驗證</h4> <p>支持短信驗證碼驗證手機號，需要配置短信功能<br><img src="https://img.kancloud.cn/a1/92/a192c7c79260a72f1d1a825924f6da9a_1673x729.png" alt=""></p> <h4><a id="5_32"></a>5.上傳圖片</h4> <p>支持身份證跟營業執照樣式<br><img src="https://img.kancloud.cn/48/7b/487b8a1a09e1efdb3441d97f8b108522_1644x754.png" alt=""></p> <h4><a id="6_35"></a>6.日歷</h4> <p>支持日歷展示，可以選擇一段時間<br><img src="https://img.kancloud.cn/54/ff/54ff3308a73791ca2dc6e60dc1415c9d_1678x772.png" alt=""><br><img src="https://img.kancloud.cn/41/d7/41d7a98af65cd94fec9d53cd06506608_1687x765.png" alt=""></p> <h4><a id="7_39"></a>7.協議</h4> <p>支持協議勾選方式<br><img src="https://img.kancloud.cn/1d/49/1d49f68a7e917c912fdb47f1281527c9_1603x794.png" alt=""></p> <h4><a id="8_42"></a>8.提交按鈕</h4> <p>支持開啟支付，支持用戶自己修改價格，支持多個支付金額<br><img src="https://img.kancloud.cn/2b/7f/2b7f33e7dcbf3b2a7e512963de8ea9b3_1680x767.png" alt=""><br> 提交前/提交后臺動作，支持二次提交提示，支持提交贈送積分，余額，優惠券，卡券，會員，抽獎次數，支持提交后跳轉頁面<br><img src="https://img.kancloud.cn/a1/df/a1dfdcc749b00d5dae08e25f76bb3445_1387x738.png" alt=""><br> 支持消息提醒<br><img src="https://img.kancloud.cn/a9/b1/a9b1f9b4b79fb646f150da0396ebd6ee_849x556.png" alt=""></p> </div>