## 前台表单展示 ### 实例: ~~~ <{if $_GET[ok]}> <p>提交成功</p> <{else}> <!-- 表单模块开始 --> <form method="post" action="index.php?app=form&model=index&action=post"> <table cellpadding="0" cellspacing="0" width="100%" > <{loop $forminfo $item}> <tr> <td width="20%" height="35" style="padding-left:110px;" ><{$item[name]}><{if $item[isNull]}>*<{/if}></td> <td width="80%" height="35"><{$item[htmlcode]}></td> </tr> <{/loop}> </table> <p style="text-align:right; padding:25px 160px; line-height:55px;"> <input type="hidden" name="id" value="<{$modelid}>" /> <input class="anniu" type="Submit" value="提交" style="width:100px;"/></p> </form> <!-- 表单模块结束 --> <{/if}> ~~~ ### 嵌入形式的显示 将以下的PK标签放在页面要嵌入的位置 ~~~ <{pk:form id="[id]"}><{/pk}> ~~~ 注意:[id]是表单模型的ID,在表单模型列表可查阅。 群共享有提供表单异步提交的模板示范代码(from_ajax.tpl),将这个模板文件复制到模板方案文件夹的form文件夹下,然后在后台与表单模板做下绑定就行 ## 表单提交数据的前台读取 要实现这个功能,你的表单必须具有输入到数据库的功能 ![表单数据库](https://box.kancloud.cn/384717d9eae5a7ca2a20b6f9b1049e2a_754x393.png) 首先引入JQUERY,如果已经引用,这步可忽略 ~~~ <script language="javascript" src="/statics/js/jquery-1.8.3.min.js"></script> ~~~ 然后在要显示的位置附上以下代码: ~~~ <div id="formDatas" style="color:#FFF"></div> <script> $.get('/index.php','app=form&c=ajax&id=8&num=5&filter=2',function(result){ var json = $.parseJSON(result); var html = ''; for (var i=0; i<json.length; i++) { html += '<ul><li>' + json[i].name + '</li><li>' + json[i].contact + '</li><li>' + json[i].ctiy + '</li></ul>'; } $('#formDatas').html(html); }); </script> ~~~ 下面介绍一下几个重要的参数 id=8,是指表单模型的ID num=5,是指表单数据的返回数据量 filter=2,是指显示已经审核过数据