使用php、html、SQL和mysql数据库做一个简单的留言板(效果如图)

大体的思路:

  1. 先用html写出界面。
  2. 然后用php获取用户输入的留言内容。
  3. 接着把获取的留言内容用php存放到数据库中。
  4. 然后使用php访问数据库获取留言内容。
  5. 把获取到的留言展示在网页中。
  6. 刷新网页。

代码文件结构


实现过程

1.先用html写出界面(可以使用css美化界面,也可以用php做一个留言分页)。
index.php

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>
<h1>留言板</h1><form action="save.php" method="POST"><input type="text" name="message" value=""><input type="submit" name="" value="提交" ></form><ol><!--展示留言的地方,可以使用php做一个分页功能--><!--使用php中的foreach遍历从数据库得到的留言数组--></ol>
</body>
</html>

2.连接数据库,然后用php获取用户输入的留言内容。

2.1创建数据库
数据库只有简单的一张表两个字端(id 和 message)数据库名称TEST,用户名root,密码password,表名message,两个字端id 和 message。

2.2设置配置文件
连接数据库时把配置文件单独存放在一个配置文件
config.inc.php

配置文件config.inc.php

<?php//数据库的地址define("DB_ADDRESS","localhost");//数据库用户名define("ACCOUNT_NAME","root");//数据库用户名对应的密码define("PASSWORD","password");//数据库的名字define("DB_NAME","TEST");//数据库表的名字define("TABLE_NAME","message");//数据库字段的名字define("FIELD_NAME","message");
?>

2.3连接数据库
保存数据需要连接数据库,查询数据页需要连接数据库,所以把连接数据库写成一个函数connect()封装起来放在connect.inc.php文件中。

<?php//引入配置文件,用于连接数据库include_once "config.inc.php";function connect(){//1.与mysql数据库连接$link = @mysqli_connect(DB_ADDRESS, ACCOUNT_NAME, PASSWORD, DB_NAME);//连接错误时提示$error = mysqli_connect_error();//如果有错误的话,输出提示消息,结束程序if(!$link){echo "数据库连接失败:";exit($error);}else{//echo "数据库连接成功";//var_dump($link);//设置字符编码mysqli_set_charset ( $link , "utf8" );//选择数据库,只用到一个所以不用切换// mysqli_select_db ( $link , $DB );}return $link;}?>

3.保存用户留言到数据库中
save.php

<?phpinclude_once "connect.inc.php";include_once "config.inc.php";//将post中的内容先保存到变量content中$content = $_POST;//提取用户的留言$message = $content['message'];//测试查看 用户内容是否成功提取出来了//var_dump($content["message"]);//成功提取内容后,连接数据库//现在在数据库中保存数据需要连接数据库,//以后在数据库中查找数据也要连接数据库,所以写一个connect.inc.php的文件//封装一个连接数据库的函数connect()$link = connect();//var_dump($message); //var_dump($link);$add_message = "insert into ".TABLE_NAME."(".FIELD_NAME.") values('$message')";//$add_message = 'insert into message(message) values("$message")';var_dump($add_message);//保存执行sql语句的状态,如果执行失败提示$execute_sql = mysqli_query($link, $add_message);if($execute_sql===TRUE){echo "插入SQL语句执行成功!";//留言成功后跳转到首页(刷新页面)header("location:index.php");}else{exit("SQL语句出错了");}?>

4.然后使用php访问数据库获取留言内容。
query_message.ini.php

<?phpinclude_once "config.inc.php";include_once "connect.inc.php";function getMessage(){//连接数据库$link = connect();//SQL语句$qurey_message = "select * from message";//保存解析结果$result = mysqli_query($link,$qurey_message);//将从数据库获取的留言保存在message中$message = mysqli_fetch_all($result,MYSQLI_ASSOC);//把从数据中得到的留言数组返回return $message;}
?>

5.把获取到的留言展示在网页中。
index.php

<!--使用php中的foreach遍历从数据库得到的留言数组-->
<?phpinclude_once "query_message.ini.php";$message = getMessage();//var_dump($message) ;foreach($message as $i){$i = $i['message'];echo "<li>$i</li>";}?>

还可以在加上留言的用户名,留言的时间,把留言做一个分页展示。

用php制作一个简单的网页留言板相关推荐

  1. 简单的’网页留言板‘案列

    简单的网页留言板,显示实时时间,内容为空禁止发布 成品如下 代码如下: <!DOCTYPE html> <html lang="en"><head&g ...

  2. html,css,js,简单的网页留言板

    效果如图: 实现代码如下: html代码: <!DOCTYPE html> <html> <head lang="en"> <meta c ...

  3. 学校留言板网页html和css,html,css,js,简单的网页留言板

    效果如图: 实现代码如下: html代码: 简单的网页留言板 简单的网页留言板 index.js代码: ///** // * Created by Administrator on 2014/11/2 ...

  4. 教你快速制作一个简单的网页

    像下面这样一个简单的网页怎么制作呢? 通过这篇文章,可以让你基本掌握一个HTML的结构和常用标签的使用 需要用到的常用标签 <b> 加粗</b> ~~~~~~~~~~~~~~~ ...

  5. 使用HTML+CSS制作一个简单的网页

    简单学习了一下HTML和CSS,制作了下面这个网页(第一次做还在学习中),里面包含一些基础的布局包括导航条.分页栏.悬浮列表等内容. 网页预览(网页中的图片与图标均来自阿里巴巴矢量图标库) CSS代码 ...

  6. 使用H5中的表单标签制作一个简单的网页登陆页面

    简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...

  7. 如何制作一个简单的网页

    先创建一个文本文档,将后缀名改为"html" 然后右击这个,选择打开方式,用记事本打开 开头与结尾要用<html>来写,后一个要加"/" 头部用he ...

  8. 用DIV+CSS技术制作一个简单的网页 我的家乡主题

    家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法,如盒子的嵌套.浮动.margin.border.background等属性的使用,外部大盒子设定居中,内部左中右布局,下方横向浮动排列,大 ...

  9. 【Vue】使用vue框架制作一个简单的网页

    参考代码(主要参考了样式):link 本文代码地址(Gitee):link 项目上线地址:http://renboo123.gitee.io/curryblog 百度网盘:https://pan.ba ...

  10. 如何制作一个简单的html网页

    1.新建一个记事本 2.开始写html代码 制作一个简单的网页<html><head><title>网页的名字</title></head> ...

最新文章

  1. Linux下MONO执行C#程序
  2. 世界上最遥远的距离(泰戈尔)
  3. (转)DirectShow9在VS2005或vc6.0下编译出现问题的解决方法
  4. 适配器模式和装饰模式
  5. git强行覆盖master分支
  6. 51Nod-1081 子段求和【前缀和】
  7. linux脚本vrrp_script,keepalived之vrrp_script详解
  8. Tomcat 设置系统默认文件编码
  9. 蓝牙AVRCP协议分析
  10. Linux下原生异步IO接口libaio介绍
  11. Node.js 网页瘸腿爬虫初体验
  12. php 计费系统设计,仓储系统之计费模块设计
  13. 9N90-ASEMI大功率场效应管9A 900V
  14. 计算机毕业设计之java+javaweb的蛋糕甜品商城系统
  15. 成功8要素Unveiling the Secrets of success in 8 words – Richard St. John’s 4 minute TED talk
  16. 投资转型:实体店铺,投资经营复盘
  17. 三点一刻的时候, 时针和分针的夹角是多少?
  18. 虚拟机安装后的基础配置(未完待续)
  19. HTTP协议1)----对于应用层的详细讲解
  20. 分享77个NET源码,总有一款适合您

热门文章

  1. 【苹果iMessage家庭推送】软件安装群发推送通过HealthKit API访问NikeFuel
  2. 【python学习】python实现利用pygame绘画基本图形、显示图片,实现图形图片随机效果。python绘制行列图片
  3. android实战:密码箱三
  4. OCR文字识别方法综述
  5. MessageQueue消息队列——基础(笔记)
  6. 谷歌浏览器将网页保存为图片或者pdf
  7. 金蝶K3案例教程销售报表
  8. 软件测试用什么cpu,给你的CPU做体检!主流CPU测试软件使用宝典
  9. 计算机变网络限速,电脑网速太慢?先别着急找运营商,修改这个限制瞬间变流畅...
  10. 教你快速打粤语正字 讯飞输入法语音输入1分钟400字