零基础学做网站培训介绍

当前位置:

怎么制作一个可留言的单网页

网上有很多的调查类单网页,可以用于用户在线填写提交。然后管理员可以在后台查看到用户的留言信息。效果如下图:

可留言的单网页

下面学做网站论坛就介绍一下怎么制作这种可留言的单页面。

第一步:制作前台用户填写表单页面form.php,使用Form 标签。


<form class="ludou-tougao fbform" method="post" action="<?php echo $_SERVER['REQUEST_URI']; $current_user = wp_get_current_user(); ?>">
<div class="tgform">
<p><input id="author" type="text" size="40″ value="<?php if ( 0 != $current_user->ID ) echo $current_user->user_login; ?>" name="tougao_authorname" /><label>昵称(*必填)</label></p>
<p><input id="
email" type="text" size="40″ value="<?php if ( 0 != $current_user->ID ) echo $current_user->user_email; ?>" name="tougao_authoremail" /><label>邮箱(*必填)</label></p>
<p><input id="tougao_title" type="text" size="40″ value="" name="tougao_title" /><label>文章标题(*必填)</label></p>
<p><?php wp_dropdown_categories('show_option_none=请选择文章分类&show_count=1&hierarchical=1&hide_empty=0'); ?><label>文章分类(*必填)</label></p>
<p><textarea rows="
15″ cols="55″ id="tougao" name="tougao_content"></textarea></p>

<p class="
tjbtn">
<input type="
hidden" value="send" name="tougao_form" />
<input id="
submit" type="submit" value="提交" />
<input id="
reset" type="reset" value="重填" />
</p>
</div>

</form>

第二步:制作表单数据验证,用于验证用户提交的数据。防止别人填写垃圾数据。


<?php
if( isset($_POST['tougao_form']) && $_POST['tougao_form'] == 'send') {
global $wpdb;
$current_url = '/'; //用户留言页面
$last_post = $wpdb->get_var("SELECT 'post_date' FROM '$wpdb->posts' ORDER BY 'post_date' DESC LIMIT 1");// 表单变量初始化
$name = isset( $_POST['tougao_authorname'] ) ? trim(htmlspecialchars($_POST['tougao_authorname'], ENT_QUOTES)) : '';
$email = isset( $_POST['tougao_authoremail'] ) ? trim(htmlspecialchars($_POST['tougao_authoremail'], ENT_QUOTES)) : '';
$tell = isset( $_POST['tougao_tell'] ) ? trim(htmlspecialchars($_POST['tougao_tell'], ENT_QUOTES)) : '';
$dizhi = isset( $_POST['tougao_dizhi'] ) ? trim(htmlspecialchars($_POST['tougao_dizhi'], ENT_QUOTES)) : '';
$blog = isset( $_POST['tougao_authorblog'] ) ? trim(htmlspecialchars($_POST['tougao_authorblog'], ENT_QUOTES)) : '';
$title = isset( $_POST['tougao_title'] ) ? trim(htmlspecialchars($_POST['tougao_title'], ENT_QUOTES)) : '';
$category = $catidfankui ? (int)$catidfankui : 0;
$content = isset( $_POST['tougao_content'] ) ? trim(htmlspecialchars($_POST['tougao_content'], ENT_QUOTES)) : '';// 表单项数据验证
if ( empty($name) ) {
wp_die('姓名必须填写。<a href="javascript:history.go(-1);">点此返回</a>');
}

if ( empty($tell) || empty($dizhi) ) {
wp_die('电话、地址都需要填写。<a href="javascript:history.go(-1);">点此返回</a>');
}

if ( empty($email) || strlen($email) > 60 || !preg_match("/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)*@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix", $email)) {
wp_die('Email必须填写,且长度不得超过60字,必须符合Email格式。<a href="javascript:history.go(-1);">点此返回</a>');
}

if ( empty($title) ) {
wp_die('标题必须填写。<a href="javascript:history.go(-1);">点此返回</a>');
}

if ( empty($content) || mb_strlen($content) > 3000 || mb_strlen($content) < 20) {
wp_die('内容必须填写,且长度不得超过3000字,不得少于20字。<a href="javascript:history.go(-1);">点此返回</a>');
}

$post_content = '
<p>姓名: '
.$name.'</p>
<p>电话: '
.$tell.'</p>
<p>Email: '
.$email.'</p>
<p>地址: '
.$dizhi.'</p>
<p>标题: '
.$title.'</p>
<p>内容:<br />'
.$content.'</p>';

$tougao = array(
'post_title' => $title,
'post_content' => $post_content,
'post_category' => array($category)
);

// 将文章插入数据库
$status = wp_insert_post( $tougao );

if ($status != 0) {
wp_die('提交成功!工作人员会尽快与您联系!<a href="javascript:history.go(-1);">点此返回</a>', '提交成功');
}
else {
wp_die('提交失败!<a href="javascript:history.go(-1);">点此返回</a>');
}
}?>

第三步:上传用户提交表单页面到自己的服务器上。服务器需要支持PHP才可以。这样用户就可以在前台表单上填写信息提交了,提交后的信息会自动显示在管理员后台。

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 我在本地搭建了个一WP网站,启用Akismet 这个插件的时候,说要注册一个Akismet API Key 我进去以后发现全是英文,我也看不懂,谁有教程呀。然后安装百
  • 学做网站论坛友情链接申请要求:1.网站权重大于1,建站时间达到一年以上,即可申请本论坛友情链接2.和建站方面相关的网站、博客、门户等都
  • 对于很多网站来说,缺少不了用户留言页面,对于学做网站新手来说,做一个用户留言页面可以使用Wordpress留言板插件。下面是Wordpress留言板插件contac
  • 感谢VIP学员无私分享,此模板已通过自己做网站论坛网的审核,大家可放心使用。简单的单页站,有什么问题请帮我指出来。模板缩略图:
  • 感谢VIP学员:湖南鸿风 的无私分享,此模板已通过学做网站论坛的审核,大家可放心使用。该模板学做网站论坛修改了如下几点:1、header.php代码没
  • 仿了个单页主题免费分享大家;请张启亚老师审核。主题的淘客链接采用包装形式。首页不出现淘客链接。很适合SEO,希望大家支持。主题安装:1.