合规国际互联网加速 OSASE为企业客户提供高速稳定SD-WAN国际加速解决方案。 广告
### 使用方式 * * * * * 1、创建一个表单 前提条件是已经开通这个扩展了~这步就不说了。 ![](https://box.kancloud.cn/4ef6ce8b5cfdff67ceb4a6c13ec6efe2_616x321.png) 2、创建表单后,点击“字段管理” ![](https://box.kancloud.cn/43563f5d21c6189e16c4e1f004784fb2_361x65.png) ![](https://box.kancloud.cn/dfb61e7f31003c7d24bf7b5b7236a862_476x487.png) 3、返回表单管理,进入内容管理 ![](https://box.kancloud.cn/c730c8de71c449de37a4bdd3f3d2ecb6_489x279.png) 就呈现一个这样的信息列表。 我们可以添加一些数据作为测试。 ![](https://box.kancloud.cn/6b4cfec0cb441050b5342aebdc16ab09_471x173.png) > 一个表单的创建,大概也就这样,简单的很。需要什么内容,就添加对应的字段,最终组合你想要的一个数据表单。 ## 提示: > 表单的数据可以通过后台添加,也可以前台提交。 ### 前台通过form表单进行数据提交 ![](https://box.kancloud.cn/ba03c9517c5084e4058f65e6b1559ed6_370x82.png) ~~~ <!--form表单提交方式是POST--> <form action="/forms/push.html" method="post"> <!--字段标题:姓名,字段名:name--> 姓名:<input type="test" name="name" class="input length_5" value="" placeholder="请输入您的姓名"> <!--这个 form_id 是表单ID--> <input type="hidden" name="form_id" value="5"> {:token()} <button type="submit">提交</button> </form> ~~~ > 把上面的HTML代码放到你想要展示的位置,就可以了~至于表单的美化,展示方式等,这个可以各种发挥,只要确保提交到数据,包含需要的内容就可以。 ## 数据查询 场景: > 比如我要做一个分店查询的功能,可以使用自定义表单创建一个分店表单。里面的内容可以有分店的名称,分店地址,分店联系电话等。这么一个需求。 要完成这个,也很简单,表单创建好了,添加对应的数据后,无非就是前台查询而已。 可以使用JQuery的get请求方式获取得到数据,然后展现出来。 字段如下: ![](https://box.kancloud.cn/3509b168b00786f8b21b13af621645ca_359x257.png) 内容如下: ![](https://box.kancloud.cn/5ff633167509fbafa84a8836c3b7b34f_477x438.png) 接口如下: ~~~[api] get:/forms/inquiry.html *int:form_id=0#表单ID type=require#查询方式,require 是否有符合的记录,list 结果列表,find 返回第一条记录 <<< success require 方式 { "code": 1, "status": true } list 方式 { "code": 1, "data": [ { "id": 37, "form_id": 5, "submit_id": 45, "name": "湖里分店", "dizi": "厦门市湖里区", "dianhua": "3534343", "create_time": 1506584386, "update_time": 1506584386, "submit": { "id": 45, "form_id": 5, "form_name": "湖里分店 厦门市湖里区 3534343", "ip": "10.211.55.2", "create_time": 1506584386, "update_time": 1506584386 } }, { "id": 36, "form_id": 5, "submit_id": 44, "name": "同安分店", "dizi": "厦门市同安区", "dianhua": "34545454", "create_time": 1506584369, "update_time": 1506584369, "submit": { "id": 44, "form_id": 5, "form_name": "同安分店 厦门市同安区 34545454", "ip": "10.211.55.2", "create_time": 1506584369, "update_time": 1506584369 } }, { "id": 35, "form_id": 5, "submit_id": 43, "name": "集美分店", "dizi": "厦门市集美区", "dianhua": "3213455", "create_time": 1506583700, "update_time": 1506584356, "submit": { "id": 43, "form_id": 5, "form_name": "集美分店 厦门市集美区 3213455", "ip": "10.211.55.2", "create_time": 1506583700, "update_time": 1506584356 } } ] } find 方式 { "code": 1, "data": { "id": 36, "form_id": 5, "submit_id": 44, "name": "同安分店", "dizi": "厦门市同安区", "dianhua": "34545454", "create_time": 1506584369, "update_time": 1506584369, "submit": { "id": 44, "form_id": 5, "form_name": "同安分店 厦门市同安区 34545454", "ip": "10.211.55.2", "create_time": 1506584369, "update_time": 1506584369 } } } <<< error ~~~ ### 实际请求的接口地址如下 require 方式 > http://域名/forms/inquiry.html?form_id=5&type=require&name=同安分店 list 方式 > http://域名/forms/inquiry.html?form_id=5&type=list&name=分店 find 方式 > http://域名/forms/inquiry.html?form_id=5&type=find&name=同安分店 上面3个请求地址,除了form_id,type这2个参数是固定的,name 这个参数其实就是你表单添加的字段 ![](https://box.kancloud.cn/9d3f9e23827be4a0bcd4d4c20272da0b_443x275.png) 查询的时候,如果你想根据店面查询就用name,如果想用电话查询就用dianhua。他们是可以组合一起查询的,例如: > http://域名/forms/inquiry.html?form_id=5&type=require&name=同安分店&dianhua=34545454