<html>
<head>
<title>聊天室</title>
<meta charset="utf-8"/>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="./css/style.css" rel="stylesheet"/>
<script>
var maxid = 0;
function showmessage() {
//创建ajax对象
var xhr = new XMLHttpRequest();
//监听
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
eval("var info=" + xhr.responseText);
var text = "";
for (var i = 0; i < info.length; i++)
{
text += "<div class='alert alert-success'>" +
"<span class='name'>" + info[i].send + ":</span>" +
"<span class='message'>" + info[i].content + "</span>" +
"<span>(" + info[i].time + ")</span>" +
"</div>";
maxid = info[i].id;
}
var old = document.getElementById("msg").innerHTML;
document.getElementById("msg").innerHTML = old + text;
document.getElementById("msg").scrollTop = document.getElementById("msg").scrollHeight;
}
};
//初始化
xhr.open("get", "./action.php?maxid=" + maxid);
//发送
xhr.send();
}
$(document).ready(
function ()
{
showmessage()
self.setInterval("showmessage()", 2000);
}
);
function send() {
var postData ="content="+document.getElementById('content').value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "./add.php", true);
//一定要写头信息不然服务器接收不到
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
var XMLHttpReq = xhr;
if (XMLHttpReq.readyState == 4) {
if (XMLHttpReq.status == 200) {
document.getElementById('content').value="";
}
}
};
xhr.send(postData);
}
</script>
</head>
<body>
<div class="panel panel-default" id="main">
<!--聊天室名字-->
<div class="panel-heading">
<h3 class="panel-title">
匿名者聊天室
</h3>
</div>
<!--聊天室名字-->
<!--聊天室消息框-->
<div class="panel-body ">
<div class="well no-bottom ">
<!-- 消息框样式-->
<!--
<div class="alert alert-success">成功！很好地完成了提交。</div>
<div class="alert alert-info">信息！请注意这个信息。</div>
<div class="alert alert-warning">警告！请不要提交。</div>
<div class="alert alert-danger">错误！请进行一些更改。</div>
-->
<div id="msg" class="showmessage">
</div>
<!--聊天室消息框-->
<div class="well" >
<form role="form">
<div class="form-group">
<label for="name">发送消息</label>
<textarea class="form-control" id="content" name="content"
style="resize: none;font-family: Microsoft YaHei;" rows="3" >
</textarea>
</div>
<div style="text-align: right">
<button type="button" class="btn btn-primary" onclick="send()">
<span class="glyphicon glyphicon-envelope"></span>
发送
</button>
</div>
</form>
</div>
<!--聊天室发送框-->
</div>
</div>
</div>
</body>
</html>
2. [文件] action.php ~ 367B 下载(0) 跳至 [1] [2] [3] [4] [全屏预览]
<?php
$link = mysqli_connect('localhost', 'root', '123', 'test');
mysqli_query($link, 'set names utf8');
$info= array();
header("Content-type: text/html; charset=utf-8");
$id=$_GET['maxid'];
$data = mysqli_query($link, "select * from talk where id>$id");
while ($array = mysqli_fetch_assoc($data)) {
$info[] = $array;
};
echo json_encode($info);
3. [文件] chat.sql ~ 424B 下载(0) 跳至 [1] [2] [3] [4] [全屏预览]
DROP TABLE IF EXISTS `talk`; CREATE TABLE `talk` ( `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT 'id', `send` varchar(10) CHARACTER SET utf8 DEFAULT NULL COMMENT '发送者昵称', `ip` varchar(12) CHARACTER SET utf8 DEFAULT NULL, `content` varchar(500) CHARACTER SET utf8 DEFAULT NULL, `time` varchar(50) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=52 DEFAULT CHARSET=utf8;
4. [文件] add.php ~ 459B 下载(0) 跳至 [1] [2] [3] [4] [全屏预览]
<?php
/**
* @功能 将表单插入数据库
*/
$content=$_POST['content'];
print_r($_POST);
$time= date("Y-m-d H:i:s", time(0));
$link = mysqli_connect('localhost', 'root', '123', 'test');
mysqli_query($link, 'set names utf8');
$ip = $_SERVER["REMOTE_ADDR"];
$sql="INSERT INTO talk VALUES(NULL,'匿名者','$ip','$content','$time')";
$data = mysqli_query($link,$sql);
echo "$content";
if($data)
echo "1";
else
echo "0";
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
DVWA
Damn Vulnerable Web App (DVWA) ialah aplikasi web PHP/MySQL yang sangat terdedah. Matlamat utamanya adalah untuk menjadi bantuan bagi profesional keselamatan untuk menguji kemahiran dan alatan mereka dalam persekitaran undang-undang, untuk membantu pembangun web lebih memahami proses mengamankan aplikasi web, dan untuk membantu guru/pelajar mengajar/belajar dalam persekitaran bilik darjah Aplikasi web keselamatan. Matlamat DVWA adalah untuk mempraktikkan beberapa kelemahan web yang paling biasa melalui antara muka yang mudah dan mudah, dengan pelbagai tahap kesukaran. Sila ambil perhatian bahawa perisian ini
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod
