phpcms 活动报名功能详解一 【原创】

一、打开pc后台，在模块里找到表单向导，此时我们添加表单向导。






























点击确定，生成一个表单，并在数据库里添加一个sign_up的表，然后点击生成字段，我们需要报名的基本信息即字段为your_name、youe_phone、your_email、活动文章名称newsid。






















此时活动报名的大概轮廓已经有了，接下来我们要去将报名的信息填写进来,

代码如下：

<a class="new_project_a3" href="javascript:;" data-artid="<?php echo $newid; ?> ">立即报名</a>
<form  method="post" action='{APP_PATH}index.php?m=formguide&c=index&a=show&formid=12&siteid=1' name="myform" id="myform">
<div class="alert_line">
     <div class="alert_left">
         真实姓名
     </div>
     <div class="alert_right">
         <input type="text" name="info[your_name]" id="your_name" required="required"/>
     </div>
 </div>
 <div class="alert_line">
     <div class="alert_left">
         手机号码
     </div>
     <div class="alert_right">
         <input type="number" name="info[your_phone]" id="your_phone" required="required"/>
     </div>
 </div>
 <div class="alert_line">
     <div class="alert_left">
         电子邮箱
     </div>
     <div class="alert_right">
         <input type="email" name="info[your_email]" id="your_email" required="required"/>
     </div>
 </div>
 <input type="hidden" name="info[newsid]" id='form_artid' required="required"/>  //这是文章的id，即上面echo得到！
 <div class="alert_line">
     <div class="alert_left">
     </div>
     <div class="alert_right">
         <input type="submit" name="dosubmit" id="input_submit" value="确认">
     </div>
 </div>
 </form>
下面是js代码：
<script>
 $('a.new_project_a3').click(function(){
     $('.alert_div,.alert_box').show();
     $('#form_artid').val($(this).data('artid'));
     console.info($('#form_artid').val());
 })
 $('.alert_close').click(function(){
     $('.alert_div,.alert_box').hide();
 })
</script>

// 点击立即报名弹出的填写信息的表单













这样一个基本的报名功能就做好了！