PHP小白之路1--PHP之简易留言板设计

本项目主要是对网站留言页面的简单设计实现.

界面展示:

搜索页面展示:

目录结构如下:

kindeditor是一个文本编辑器插件用来输入留言内容的.

数据库表:

代码如下:

message.php:

<!DOCTYPE html>
<html><head><title>留言板</title><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="css/style.css"/><script src="jquery-1.11.0.js"></script><script src="kindeditor/kindeditor/kindeditor-all.js"></script><style>#div1 div{height: 30px; line-height: 30px; padding-left: 10px; background: #f0f0f0; margin-bottom: 1px}</style><script>var page=1;var num=8;function load(page){function showpage() {//获取总页数$.ajax({async:false,//设置成同步 函数内部变量 外部可以取到type:'get',url:'totaldb.php',data:{page:page,num:num},dataType:'text',success: function(data,status){totalpage=data;}})var result="";//显示分页result="<input type='button' id='prev' value='上一页'></input>";result+='当前页：第'+page+'页/总共：'+totalpage+"页";result+="<input type='button' id='next'value='下一页'></input>";$('#page').html(result);//单击下一页 page递增 实现翻页$('#next').click(function(){page++;if(page>=totalpage){page=totalpage;}load(page);})//单击上一页 page递减 实现翻页$('#prev').click(function(){page--;if(page<=1){page=1;}load(page);})}//获取内容var str="";$.ajax({type:'get',url:'messagedb.php',data:{page:page,num:num},dataType:'json',success: function(data,status){//{//  "1":{"title":"t1","content":"c1"},//  "2":{"title":"t2","content":"c2"},//  "3":{"title":"t3","content":"c3"},//}str="";$.each(data, function(key,value) {str+="<div>"+[key]+":"+"标题:"+value.title+"-----"+"内容:"+value.content+"</div>";$("#div1").html(str);});}})showpage();}//加载方法$(function(){load(page);$("#btn1").click(function () {var title=$("#title").val();var content=$("#content").val();$.post("insertdb.php",{title:title,content:content},function (data) {if(data){alert("留言成功!");}else{alert("留言失败请重新输入!");}load(page);location.href="message.php";},"text")})$("#sousuo").click(function () {str="";var con=$("#con").val();$.get("messagedb.php?content=sousuo",{con:con,page:page,num:num},function (data) {$.each(data, function(key,value) {str+="<div>"+[key]+":"+"标题:"+value.title+"-----"+"内容:"+value.content+"</div>";$("#div1").html(str);});},"json")showpage();})})</script></head><body><div><h1>留言板</h1></div><div>搜索:<input id="con" name="sousuo"><input id="sousuo" type="button" value="确定"></div><br><div id="div1"></div><div id="page"></div><div>标题:<input type="text" id="title" name="title"><br>内容:<br><span><textarea name="content" rows="13" cols="80" id="content"></textarea><script>KindEditor.ready(function(K) {window.editor = K.create('#content',{afterBlur:function(){this.sync();}})});</script></span><input type="submit" name="dosub" id="btn1" value="上传留言"></div></body>
</html>

messagedb.php:

mysqli.php:

<?php
define("HOST",'localhost');
define("USER",'root');
define("PWD",'root');
define("DBNAME",'onecms');

<?php
include 'conn.inc.php';
$mysqli=new mysqli(HOST,USER,PWD,DBNAME);
if($mysqli->connect_errno){die('数据库链接出错'.$mysqli->connect_error);
}

conn.inc.php:

<?php
include 'mysqli.php';
//$page= isset($_GET["page"])?$_GET["page"]:1;
$page= $_GET["page"];
$num=$_GET["num"];
$startnum=($page-1)*$num; //开始位置
$con=isset($_GET["con"])?$_GET["con"]:"";//搜索关键字
$content=isset($_GET["content"])?$_GET["content"]:"";//搜索get请求参数
$sql="select * from message where 1=1";
if($content=="sousuo"){$sql.=" and title like '%$con%' or content like '%$con%'";
}
$sql.=" limit $startnum,$num";
$result=$mysqli->query($sql);
if($result->num_rows>0)
{while ($row=$result->fetch_assoc()){$arr[$row["id"]]["title"]=$row["title"];//$arr[1]["title"]=$row["title"]$arr[$row["id"]]["content"]=$row["content"];//$arr[1]["content"]=$arr["content"]}
}
//var_dump($arr);die;
echo json_encode($arr);
insertdb.php:
<?php
include '../web/include/mysqli.php';
$tit=$_POST["title"];
$con=$_POST["content"];
$sql="insert into message(title,content) values('$tit','$con')";
if($mysqli->query($sql))
{echo 1;
}
else{echo 0;
}
totaldb.php:
<?php
include 'mysqli.php';
$num=$_GET["num"];//每页显示的个数
$sql="select * from message";
$result=$mysqli->query($sql);
$totalnum=$result->num_rows;//总记录数
$totalpage=ceil($totalnum/$num);//总页数
echo $totalpage;

PHP小白之路1--PHP之简易留言板设计相关推荐

JavaWeb简易留言板 servlet+ajax+mysql
使用servlet+ajax将数据存入数据库实现简易留言板先上图~~ 加载界面同时加载历史留言发表留言字数超出限制禁用按钮发表留言成功~ 下面贴代码 message_board.html &l ...
vue生命周期，组件，slot替换，tab切换，简易留言板
data规范: data:(){ return{ arr:[{ a: "wan1", b: "在线", c: 5000},{ a: "wan2&quo ...
java 留言板源码_jsp+servlet+javabean实现简易留言板（包含数据库文件）
[实例简介] jsp+servlet+javabean实现简易留言板(包含数据库文件) 简单体验MVC设计模式 jsp:视图,与用户打交道:servlet:控制器,请求分配转发,联系视图层与模型层:j ...
javascript简易留言板制作 -- 案例
js简易留言板制作 @Draven 效果预览 html部分 css部分 js部分效果预览 html部分 <textarea name="text" cols="3 ...
html简单留言板教程,JS实现简易留言板（节点操作）
本文实例为大家分享了JS实现简易留言板的具体代码,供大家参考,具体内容如下今天的案例主要是对节点进行操作创建节点.添加节点.删除节点以及为节点添加内容的操作. 就是一个简单的留言板功能,可以发布留 ...
js+css+html制作简易留言板
js+css+html制作简易留言板 1 案例说明 2 编写HTML代码 3 编写css代码 4 编写JavaScript代码 5 全部代码 1 案例说明利用JavaScript.css以及html ...
android中留言板功能,js 实现简易留言板功能
无标题文档 li{list-style:none;} li{position:relative;width:500px;} a{position:absolute;right:10px;} var c ...
[练习]简易留言板制作
[练习]简易留言板制作
php简易留言板功能,php实现简易留言板效果
首先是Index页面效果图 index.php date_default_timezone_set('PRC');$filename="msg.txt";$msgs=[];//检测 ...
JS实现简易留言板功能
一.分析 1.留言板功能 ①发布评论 ②删除评论 2.发布功能 ①发布评论前判断评论框(用textarea输入评论)是否为空 ②点击发布按钮,发布评论(用li展示评论,开始评论为空,html部分< ...

PHP小白之路1--PHP之简易留言板设计

PHP小白之路1--PHP之简易留言板设计相关推荐

最新文章

热门文章