理清逻辑先做什么在做什么
1.先做登录页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>登录页面</title></head><script src="../jquery-1.11.2.min.js"></script><body><h1>登录页面</h1><div>用户名：<input type="text" id="uid" /></div> <div>密码：<input type="password" id="pwd" /></div><div><input type="button" value="登录" ?id="btn"/></div></body><script type="text/javascript">$("#btn").click(function(){ ???var uid = $("#uid").val(); ??<!--定义uid取其中的值--> ???var pwd = $("#pwd").val(); ??<!--定义pwd取其中的值--> ???????$.ajax({ ???????url:"loginchuli.php", ?<!--数据处理的地址--> ???????data:{uid:uid,pwd:pwd}, ??<!--发送到服务器的数据--> ???????type:"POST", ??<!--取值类型--> ???????dataType:"TEXT", ???<!--返回数据类型--> ???????success: function(data){ ???????????if(data.trim()=="OK"){ ???????????????window.location.href="main.php"; ???????????}else{ ???????????????alert("用户名或密码错误！"); ???????????} ???????} ???});})</script></html>2.做登录页面的处理数据
<?php//登录处理session_start();require_once "DBDA.class.php"; ?//用DBDA类$uid = $_POST["uid"]; ???//用post取uid值$pwd = $_POST["pwd"]; ???//用post取pwd值$db = new DBDA();$sql = "select password from yuangong where username=‘{$uid}‘";//sql语句执行查询和验证是否密码相同$mm = $db->strquery($sql);//调用strquery方法if(!empty($pwd) && $pwd==$mm){ ???//验证密码是否为空和验证密码是否相同 ???$_SESSION["uid"] = $uid; ???echo "OK";}else{ ???echo "NO";}3.做主页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>主页面</title></head><script src="../jquery-1.11.2.min.js"></script><body><h1>主页面</h1><?php//阻止用户跳过登录session_start(); ??//开启sessionif(empty($_SESSION["uid"])){ ???header("location:login.php"); ?//登录失败掉回登录页面 ???exit;}?><div><a href="./fabu.php">发布消息</a> <a href="./zhuxiao.php">注销</a></div><br /><div>消息列表：</div><br /><table width="100%" border="1" cellpadding="0" cellspacing="0"> ???<tr> ???????<td>发送者</td> ???????<td>发送时间</td> ???????<td>留言内容</td> ???</tr> ???<tbody id="info"> ??<!--把info扔到一个tbody--> ???</tbody></table></body><script type="text/javascript">$(document).ready(function(e) { ???$.ajax({ ???????url:"load.php", ??//跳转数据处理 ???????dataType:"TEXT", ???????success: function(data){ ???????????var str = ""; ??<!--数据库中数据分割拼接--> ???????????var hang = data.split("|"); ?????????????for(var i=0;i<hang.length;i++){ ???????????????var lie = hang[i].split("^"); ???????????????str += "<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>"+lie[2]+"</td></tr>"; ???????????????//str拼接分割时不要有空格和换行否则会出错 ???????????} ???????????$("#info").html(str); ???????} ???});});</script></html>4.做主页面处理数据页面
<?php//主页处理session_start();require_once "DBDA.class.php";$db = new DBDA();$uid = $_SESSION["uid"];$sql = "select yuangong.name,liuyan.times,liuyan.comment from liuyan,yuangong where recever=‘{$uid}‘ and yuangong.username=liuyan.sender";echo $db->strquery($sql);5.做注销处理
<?php//注销按键处理session_start();unset($_SESSION["uid"]);header("location:login.php");6.做发布页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发布页面</title><script src="../jquery-1.11.2.min.js"></script></head><body><h1>发布留言</h1><div> ???请选择好友： ???<select id="haoyou"> <!-- 做一个选择好友的下拉列表--> ???</select></div><br /><div> ???请输入留言内容： ???<textarea id="neirong"></textarea></div><br /><div> ???<input type="button" value="发送" id="btn" /></div></body><script type="text/javascript">$(document).ready(function(e) { ???????$.ajax({ ???????url:"haoyou.chuli.php", ???????dataType:"TEXT", ???????success: function(data){ ???????????var str = ""; ???????????var hang = data.split("|"); ???????????for(var i=0;i<hang.length;i++){ ???????????????var lie = hang[i].split("^"); ???????????????str += "<option value=‘"+lie[0]+"‘>"+lie[1]+"</option>"; ???????????} ???????????$("#haoyou").html(str); ???????} ???}); ???????$("#btn").click(function(){ ???????var fuid = $("#haoyou").val(); ???????var neirong = $("#neirong").val(); ???????$.ajax({ ???????????url:"fabuchuli.php", ???????????data:{fuid:fuid,neirong:neirong}, ???????????type:"POST", ???????????dataType:"TEXT", ???????????success:function(data){ ???????????????if(data.trim()=="OK"){ ???????????????????alert("发布成功！"); ???????????????}else{ ???????????????????alert("发布失败！"); ???????????????} ???????????} ???????}); ???}) ???});</script></body></html>7.做发布处理页面
<?php//发布处理页面session_start();require_once "DBDA.class.php";$db = new DBDA();$uid = $_SESSION["uid"];$time = date("Y-m-d H:i:s"); ?//取时间$fuid = $_POST["fuid"];$neirong = $_POST["neirong"];$sql = "insert into liuyan values(0,‘{$uid}‘,‘{$fuid}‘,‘$time‘,‘{$neirong}‘,0)";if($db->query($sql,1)){ ???echo "OK";}else{ ???echo "NO";}8.做好友处理页面
<?php//好友按键处理session_start();require_once "DBDA.class.php";$db = new DBDA();$uid = $_SESSION["uid"];$sql = "select firend.firend,yuangong.name from firend,yuangong where me=‘{$uid}‘ and yuangong.username = firend.firend";echo $db->strquery($sql);用ajax做内部留言板
原文地址：https://www.cnblogs.com/palpitate/p/8393377.html