mysqli 实例

1.封装数据库连接(connect.php):

<?php
// 封装数据库连接
// 设置页面编码声明
header("Content-type: text/html; charset=utf-8");
// $mysqli为连接标识符
$mysqli = new mysqli('127.0.0.1','root','','imoocComment');
// 通过判断是否存在错误码,进而判断是否连接成功
if($mysqli->errno){
	// 输出报错信息,并结束程序
	die('数据库连接失败：'.$mysqli->error);
}else{
	// 设置字符集
	$mysqli->set_charset('UTF8');
}

?>

2.封装类文件(comment.class.php):

<?php
// 定义类
class Comment {
	// 定义私有变量,用于保存数据
	private $data = array();
	// 构造函数(当首次被调用时,自动执行)
	function __construct($data){
		// 初始化数据
		$this->data = $data;
	}

	/**
	 * 验证(validate)用户输入的数据
	 * @param(参数) array(数组类型) $arr
	 * return(返回值) boolean(布尔类型)
	 */
	public static function validate(&$arr){
		// filter_input(输入类型,'要过滤的变量',过滤器的ID,包含标志/选项的数组) php过滤函数(内置过滤器)
		// 验证邮箱
		if(!($data['email'] = filter_input(INPUT_POST,'email',FILTER_VALIDATE_EMAIL))){
			// 将错误信息保存到$errors数组中
			$errors['email'] = '请输入合法邮箱';
		}
		// 验证路径(个人博客)
		if(!($data['url'] = filter_input(INPUT_POST,'url',FILTER_VALIDATE_URL))){
			// 博客地址
			$url = '';
		}
		// 验证内容
		// 定义验证字符的静态方法: validate_str()
		if(!($data['content'] = filter_input(INPUT_POST,'content',FILTER_CALLBACK,array('options'=>'Comment::validate_str')))){
			$errors['content'] = '请输入合法内容';
		}
		// 验证用户名
		if(!($data['username'] = filter_input(INPUT_POST,'username',FILTER_CALLBACK,array('options'=>'Comment::validate_str')))){
			$errors['username'] = '请输入合法用户名';
		}
		// 设置img的value的最大值和最小值
		$options = array(
			'options'=>array(
				'min_range'=>1,
				'max_range'=>5
			)
		);
		// 验证头像
		if(!($data['face'] = filter_input(INPUT_POST,'face',FILTER_VALIDATE_INT,$options))){
			$errors['face'] = '请选择合法头像';
		}
		// 判断$errors数组是否为空,进而判断是否输出错误提示
		if(!empty($errors)){
			$arr = $errors;
			return false; // 禁止程序向下执行
		}
		// 没有错误的情况
		$arr = $data;
		// 过滤掉邮箱里的空格
		// strtolower(str):把字符串转换为小写。
		// trim(str):函数移除字符串两侧的空白字符 或 其他预定义字符。
		$arr['email'] = strtolower(trim($arr['email']));
		return true;
	}

	/**
	 * 过滤用户输入的特殊字符
	 * @param(参数) string(字符串类型) $str
	 * return(返回值) boolean(布尔类型)|string(字符串类型)
	 */
	public static function validate_str($str){
		// mb_strlen(str):mb_strlen计算时，选定内码为UTF8，则会将一个中文字符当作长度1来计算
		if(mb_strlen($str,'UTF8')<1){
			return false;
		}
		// nl2br(string):将换行(\n)转换成(<br/>)
		// htmlspecialchars(string):过滤用户输入过程中的特殊字符，包括双引号(ENT_QUOTES)
		$str = nl2br(htmlspecialchars($str,ENT_QUOTES));
		return $str;
	}

	/**
	 * 显示评论内容
	 * return(返回值) string(字符串类型)
	 */
	public function output(){
		// 判断是否填写连接路径,如果填写,则拼接连接起始点的字符串
		if($this->data['url']){
			$link_start="<a href='".$this->data['url']."' target='_blank'>"; // 连接起始点的字符串
			$link_end="</a>";
		}
		// 发布的时间戳
		$dateStr = date("Y年m月d日 H:i:s",$this->data['pubTime']);
		// 编写SQL语句
		$res=<<<EOF
		<div class='comment'>
			<div class='face'>
				{$link_start}
					<img width='50' height='50' src="img/{$this->data['face']}.jpg" alt="" />
				{$link_end}
			</div>

			<div class='username'>
				{$link_start}
				{$this->data['username']}
				{$link_end}
			</div>

			<div class='date' title='发布于{$dateStr}'>
				{$dateStr}
			</div>

			<p>{$this->data['content']}</p>
		</div>
EOF;

		return $res;
	}
}
?>

3.调用文件(doAction.php):

<?php
// 设置编码格式
header('content-type:text/html;charset=utf-8');
// 导入连接数据库文件
require_once 'connect.php';
// 导入类文件
require_once 'comment.class.php';

$arr = array();
// 调用类方法
$res = Comment::validate($arr);
// 判断验证是否成功
if($res){
	// 编辑SQL语句
	$sql = "INSERT comments(username,email,url,face,content,pubTime) VALUES(?,?,?,?,?,?);";
	// 预处理
	$mysqli_stmt = $mysqli->prepare($sql);
	// 当前的时间戳(实时时间)
	$arr['pubTime'] = time();
	// bind_param()
	$mysqli_stmt->bind_param('sssssi',$arr['username'],$arr['email'],$arr['url'],$arr['face'],$arr['content'],$arr['pubTime']);
	// 调用execute(),写进数据库
	$mysqli_stmt->execute();
	// 实例化类
	$comment = new Comment($arr);
	echo json_encode(array('status'=>1,'html'=>$comment->output()));
}else{
	echo '{"status":0,"errors":'.json_encode($arr).'}';
}

?>

4.首页(index.php):

<?php
// 导入数据库连接文件
require_once 'connect.php';
// 导入类文件
require_once 'comment.class.php';
// 编写SQL语句
$sql="SELECT username,email,url,face,content,pubTime FROM comments";
// 执行SQL语句,并获取资源标识符(结果集)
$mysqli_result=$mysqli->query($sql);
// 判断结果集是否为空,且结果集是否取尽
if($mysqli_result&& $mysqli_result->num_rows>0){
	// 通过while循环输出所有数据
	while($row=$mysqli_result->fetch_assoc()){
		// 定义$comments数组,保存数据
		// 实例化类
		$comments[]=new Comment($row);
	}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>评论系统</title>
	<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
	<h1>中广核评论系统</h1>
	<div id='main'>
	<?php
	foreach($comments as $val){
		echo $val->output();
	}
	?>
		<div id='addCommentContainer'>
			<form id="addCommentForm" method="post" action="">
    	<div>
        	<label for="username">昵称</label>
        	<input type="text" name="username" id="username" required='required' placeholder='请输入您的昵称'/>

            <label for="face">头像</label>
            <div id='face'>
					<input type="radio" name="face" checked='checked' value="1" /><img src="img/1.jpg" alt="" width='50' height='50' />   
					<input type="radio" name="face"  value="2" /><img src="img/2.jpg" alt="" width='50' height='50' />   
					<input type="radio" name="face"  value="3" /><img src="img/3.jpg" alt="" width='50' height='50' />   
					<input type="radio" name="face"  value="4" /><img src="img/4.jpg" alt="" width='50' height='50' />   
					<input type="radio" name="face"  value="5" /><img src="img/5.jpg" alt="" width='50' height='50' />   
            </div>
            <label for="email">邮箱</label>
            <input type="email" name="email" id="email" required='required' placeholder='请输入合法邮箱'/>

            <label for="url">个人博客</label>
            <input type="url" name="url" id="url" />

            <label for="content">评论内容</label>
            <textarea name="content" id="content" cols="20" rows="5" required='required' placeholder='请输入您的评论...'></textarea>
            <input type="submit" id="submit" value="发布评论" />
        </div>
    </form>
		</div>
	</div>
<script type="text/javascript" src="script/jquery.min.js"></script>
<script type="text/javascript" src="script/comment.js"></script>
</body>
</html>

5.项目结构:

注：js中对于return用法的三种情况的总结如下：

retrun true； 返回正确的处理结果。

return false；返回错误的处理结果；终止处理；阻止提交表单；阻止执行默认的行为。

return；把控制权返回给页面。