### 使用方式
* * * * *
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
- 域名解析
- 内容模型
- 文章模型
- 图片模型
- 步骤内容模型
- 商品模型(展示)
- 功能扩展
- 友情链接-links
- 留言板-messageboard
- 开放搜索-opensearch
- 微信小程序-wxapp
- 自定义表单-forms
- Banner图管理-banner
- 模板制作
- 常用变量
- 常用函数
- 模板标签
- page分页导航标签
- template模板引入标签
- pre上一篇标签
- next下一篇标签
- navigate导航标签
- position推荐位标签
- catlist信息列表标签
- relation相关文章标签
- category栏目标签
- company企业信息标签
- 模板示例
- 首页模板
- 频道模板
- 栏目列表模板
- 内容页模板
- 常见问题解决方式
- 小程序模版制作
- 开发流程
- 接口管理
- 微信基本API
- 百度基本API
- 留言板
- 常见问题
- 百度小程序