美浩工作室是一个以90后团队为主的网站设计,制作,优化,维护为一体的网站建设工作室,为您量身定制适合企业自身的网站,欢迎咨询:15249241469

yxcms单页或文章页怎么设置提交表单

yxcms使用技巧 mihoweb 2288℃ 0评论

之前对于yxcms的一些小技巧说了很多,今天当然也要再来说一下了。今天主要要说的就是使用yxcms建站中,单页面和文章页面(非表单模型)如何设置表单提交。其实方法比较简单,但是思路一定要清晰才可以哦。这几天气温有点热,容易让人静不下心来。美浩工作室在这里告诉各位程序猿和设计师们,一定要坚持心无旁骛,一心一意的写代码哦~

4232432-1

之前在yxcms1.2.8的时候,我用yxcms的自定义表单制作在线提交订单时,根据默认模板中代码,发现,如果要在单页或者是文章页面调用表单页面制作提交的效果,那就需要把form的action写正确哦。先看看默认的模板代码:

<form action=”" method=”post” id=”info” >
<table class=”form_box”>
{for $i=1;$i<count($tableinfo);$i++}
<tr><td align=”right” width=”150″>{$tableinfo[$i]['name']}:</td><td align=”left”>
{if $tableinfo[$i]['type']==1} <!–单行文本–>
<input type=”text” name=”{$tableinfo[$i]['tableinfo']}” value=”">
{elseif $tableinfo[$i]['type']==2}<!–多行文本–>
<textarea name=”{$tableinfo[$i]['tableinfo']}” style=”width:300px !important; height:80px”></textarea>
{elseif $tableinfo[$i]['type']==3}<!–大型文本–>
<textarea class=”editori” name=”{$tableinfo[$i]['tableinfo']}” style=”width:100%;height:250px;visibility:hidden;”></textarea>
{elseif $tableinfo[$i]['type']==4}<!–下拉列表(可改造为单选按钮)–>
<select name=”{$tableinfo[$i]['tableinfo']}” >
<?php $chooses=explode(“\r\n”,$tableinfo[$i]['defvalue']); ?>
{loop $chooses $vo}
<?php $voar=explode(“,”,$vo);?>
<option value=”{$voar[0]}”>{$voar[1]}</option>
{/loop}
</select>
{elseif $tableinfo[$i]['type']==5}<!–上传框(用户可以上传文件,不建议使用)–>
<input name=”{$tableinfo[$i]['tableinfo']}” id=”{$tableinfo[$i]['tableinfo']}” type=”text” value=”" />
<iframe scrolling=”no”; frameborder=”0″ src=”{url(“extend/file”,array(‘inputName’=>$tableinfo[$i]['tableinfo']))}” style=”width:300px; height:30px;”></iframe>
{elseif $tableinfo[$i]['type']==6}<!–多选按钮–>
<?php $chooses=explode(“\r\n”,$tableinfo[$i]['defvalue']); ?>
{loop $chooses $vo}
<?php $voar=explode(“,”,$vo);?>
{$voar[1]} <input type=”checkbox” name=”{$tableinfo[$i]['tableinfo']}[]” value=”{$voar[0]}” />
{/loop}
{/if}
</td></tr>
{/for}
<tr>
<td align=”right”>验证码:</td>
<td>
<input type=”text” name=”checkcode” id=”checkcode” class=”intext” size=”4″>&nbsp;<img src=”{url(‘index/verify’)}” border=”0″ height=”25″ width=”50″ style=” cursor:hand;” alt=”如果您无法识别验证码,请点图片更换” onClick=”fleshVerify()” id=”verifyImg”/>
</td>
</tr>
<tr>
<td width=”150″></td>
<td align=”left”> <input type=”submit” value=”提交” class=”yx-button”></td>
</tr>
</table>
</form>

再看看默认模板的前端留言板代码:

 <form action=”" method=”post” id=”info” >
<table class=”form_box”>
<tr>
<td align=”right”>姓名:</td>
<td><input class=”minput” type=”text” name=”tname” value=”"  maxlength=”20″></td>
</tr>
<tr>
<td align=”right”>联系电话:</td>
<td><input class=”minput” type=”text” name=”tel” value=”"  maxlength=”20″></td>
</tr>
<tr>
<td align=”right”>QQ号码:</td>
<td><input class=”minput” type=”text” name=”qq” value=”"  maxlength=”20″></td>
</tr>
<tr>
<td align=”right”>留言内容:</td>
<td><textarea class=”minput”  name=”content” cols=”30″ rows=”4″></textarea  ></td>
</tr>
</tr>
<td align=”right”>验证码:</td>
<td><input type=”text” name=”checkcode” id=”checkcode” class=”intext” size=”4″>&nbsp;<img src=”/YXcmsApp1.2.8/index.php?r=default/indexerify” height=”20″ width=”50″ style=” cursor:hand;” alt=”如果您无法识别验证码,请点图片更换” onClick=”fleshVerify()” id=”verifyImg”/></td>
</tr>
<tr>
<td width=”100″></td>
<td align=”left” colspan=”2″> <input type=”submit” value=”留 言” class=”yx-button”></td>
</tr>
</table>
</form>
这个就是在表单模型下,正常显示的模板代码和前台显示代码,然后如果你在其他单页模型或者是文章模型下想调用此表单的话,那就是要加入一个action地址,这个地址在模板中这样写:
<form action=”{$sorts[$id][url]}” method=”post” id=”info” >
当然有人突然间想到一个问题,就是这个是简单便捷的写法,其实也可以直接写你表单的链接地址的,拿本地测试的yxcms1.2.8的留言本为例:
?r=default/column/index&col=gestbook
其实就是这个地址。然后没有这个地址的话,表单是无法提交的。
这样的话,你就可以在你通站都可以设置表单提交效果了。
by the way~
如果你想修改表单提交后弹出的yxcms提示的内容,
QQ截图20150526184439

也是可以的,那就要打开YXcmsVipApp1.2.8\protected\apps\default\controller目录下的columnController.php文件,在里面寻找如下图所示代码修改即可(380行)

QQ截图20150526184818

 

好了 ,这些就是美浩工作室今天要给大家分享的关于yxcms表单方面的一些技巧,记得,yxcms的表单模型非常之强大,可以极大的达到自定义设置,满足各种网站的需求的。好了,今天朋友过来,回家做饭去喽~~~

转载请注明:美浩工作室官方博客 » yxcms单页或文章页怎么设置提交表单

喜欢 (88)