学会使用 VScode 编写 php 代码 实现留言板功能。
先讲一下思路:
1、写 html 代码,为后面做准备
2、需求一,进入页面后会自动刷新出数据库的数据,显示出来;因此得写一个方法,function getInfo(){ } 在函数里写 ajax 请求,调用该函数,成功接受数据后,输出到页面。从后台得到的数据是 json 数组,通过遍历将所有的数据信息显示出来。如图所示。
注:其中得到的 res 的类型是一个数组,将数据库中的数据放在了一个数组中,这样就可以实现多条数据的存储了,里面还输出了时间。用到了 php 中的 time() (时间戳)的方法。代码放在了最后!
3、需求二,点击提交按钮后可以将输入的用户名和内容,添加到数据库中,同时要在页面中实时更新。需要给 button 绑定点击事件 发送 ajax 请求 传入用户输入的值(传参)接受数据成功后通过判断状态码的值,给予用户反馈,然后再刷新页面,将输入的值显示在留言板上。
注:提交过内容以后需要把原来的输入框全部清空,所以用到了 $('.content').html(''); $("#user").val(""); $("#content").val(""),同时需要刷新页面,将添加的数据显示出来,因此得重新获取数据 调用一下函数 getInfo() 函数即可(真心方便!)。还有就是,得获取一下输入的内容,赋值给变量username content 你们可以随意定义。(记得将数据传入到后台)
4、编写 php 代码:①连接数据库 ②编写查询数据库的函数 ③编写添加留言的函数。
如下图所示:①连接数据库
这是 mysqli_connect() 方法连接数据库 也可以使用 PDO 方法连接这里 如下: