用ajax做内部留言板

理清逻辑先做什么在做什么

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();   //开启session
if(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);

原文地址:https://www.cnblogs.com/palpitate/p/8393377.html

时间: 2024-07-28 21:55:07

用ajax做内部留言板的相关文章

练习-----部门内部留言板(0526)

题目:部门内部留言板 一.语言和环境 实现语言:PHP 二.要求: 本软件是作为部门内员工之间留言及发送消息使用. 系统必须通过口令验证,登录进入.方法是从数据库内取出用户姓名和口令的数据进行校验. 用户管理的工作(比如增加,删除,修改用户)通过直接对数据库操作实现,不在本系统中实现,可以自行在数据库用户表中增加测试数据. 系统包含四部分功能 1 登录:验证用户名与口令,保存会话信息,进入<>主界面. 2 退出:退出使用状态,清空会话信息,返回登录界面. 3 信息查询:显示给当前登录人留的信息

LigerUi框架+jquery+ajax无刷新留言板系统的实现

前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板前台展示页基本采用ajax进行操作的,所以前台页面只有一个index.html页可查看.在运行的时候请打开这个页面,压缩文件里面包括编译版本和源码,大家可以用vs调试或者IIS运行查看 只要支持.net2.0就行,数据采用了access和mssql数据两个都可以,切换的时候请在配置文件中修改.废话就

ajax练习四留言板

留言界面 <!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="Con

ajax页面请求的做的留言板

在jquery中关于ajax的请求页面的函数主要有: load.get.post.$.ajax; 主要的用法是: ①. load(url):可以单独这么来加载其他地方的页面,当需要特定加载某一个页面的一处时,可以加个空格#id即格式是:example.html #id;加载后返回被加载页面部分到调用该方法 的对象处. ②. load(url,{data},true);里面有三个参数,一个是需要加载的url.传送给服务器的数据data,一般以json对象传输,第三个参数是是否是异步或者同步加载页面

Java Web项目_部门内部留言板

t_user用户登录数据表 用户登录界面 JSP开发 通过post请求提交给Servlet处理 Servlet处理连接数据库的处理 登陆成功客户端跳转RequestDispatcher到main.jsp 不成功返回error错误信息,用EL表达式输出 main.jsp显示留言内容 使用JSTL的sql标签库 添加信息addMsg.jsp进行信息的发送处理通过web.xml交给相应的Servlet处理

用thinkphp做的留言板

效果如下: 代码,有时间附上

tp框架做留言板

首先是登录的LoginController.class.php 代码内容是 <?php namespace Admin\Controller; use Think\Controller; class LoginController extends Controller { public function dengLu() { if(empty($_POST)){ //判断是不是空 $this->show(); } else{ $a=D("yonghu"); //读取用户表

Repeater+AspNetPager+Ajax留言板

最近想要巩固下基础知识,于是写了一个比较简单易懂实用的留言板. 部分样式参考了CSDN(貌似最近一直很火),部分源码参照了Alexis. 主要结构: 1.前期准备 2.Repeater+AspNetPager分页效果 3.Ajax无刷新留言板,插入和删除留言 4.自定义编号 5.总结 先上效果图:(PS:美工很一般) 1.前期准备: 1.数据库:自增ID,用户名,留言内容,用户头像,留言时间. 2.实体类:对应数据库的字段 3.数据访问层: 2.Repeater+AspNetPager分页效果

php留言板

部门内部留言板 一.语言和环境 实现语言 PHP 二.要求: 本软件是作为部门内员工之间留言及发送消息使用. 系统必须通过口令验证,登录进入.方法是从数据库内取出用户姓名和口令的数据进行校验. 用户管理的工作(比如增加,删除,修改用户)通过直接对数据库操作实现,不在本系统中实现,可以自行在数据库用户表中增加测试数据. 系统包含四部分功能 1 登录:验证用户名与口令,保存会话信息,进入主界面. 2 退出:退出使用状态,清空会话信息,返回登录界面. 3 信息查询:显示给当前登录人留的信息以及公共信息