杭州网站建设网页制作,天津seo诊断,宜春个人网站建设,红杉网站建设022-安全开发-PHP应用留言板功能超全局变量数据库操作第三方插件引用 #知识点#xff1a; 1、PHP留言板前后端功能实现 2、数据库创建架构增删改查 3、内置超全局变量HTMLJS混编 4、第三方应用插件传参对象调用 演示案例留言板功能超全局变量数据库操作第三方插件引用 #知识点 1、PHP留言板前后端功能实现 2、数据库创建架构增删改查 3、内置超全局变量HTMLJS混编 4、第三方应用插件传参对象调用 演示案例 ➢数据导入-mysql架构库表列 ➢数据库操作-mysqli函数增删改查 ➢数据接收输出-html混编超全局变量 ➢第三方插件引用-js传参函数对象调用 #开发环境 DW PHPStorm PhpStudy Navicat Premium DW : HTMLJSCSS开发 PHPStorm : 专业PHP开发IDE PhpStudy Apache MYSQL环境 Navicat Premium: 全能数据库管理工具 PHPStorm安装 官网下载PhpStormJetBrains 的 PHP IDE 和代码编辑器 #数据导入-mysql架构库表列
1、数据库名数据库表名数据库列名 2、数据库数据格式类型长度键等
需要先开启phpstudy中的中间件和数据库服务,并检查安装的php版本是否为7.0.9 打开Navical Premium创新新的表补充表的内容并创建名称gbook #数据库操作-mysqli函数增删改查
PHP函数连接选择执行结果关闭等 参考https://www.runoob.com/php/php-ref-mysqli.html 常用 mysqli_connect() 打开一个到MySQL的新的连接。 mysqli_select_db() 更改连接的默认数据库。 mysqli_query() 执行某个针对数据库的查询。 mysqli_fetch_row() 从结果集中取得一行并作为枚举数组返回。 mysqli_close() 关闭先前打开的数据库连接。 MYSQL增删改查 查select * from 表名 where 列名‘条件’; 增insert into 表名(列名1, 列名2) value(‘列1值1’, ‘列2值2’); 删delete from 表名 where 列名 ‘条件’; 改update 表名 set 列名 数据 where 列名 ‘条件’; PHPStorm项目开始的设置 打开PHPStorm**创建新项目并把位置放在**phpstudy相关文件目录下G:\develop\safety\phpstudy_pro\WWW\dome01再创建新文件gbook.php配置PHP解释器选择语言级别为7.0CLI解释器找不到需要找到小pi本地下载的php版本位置。G:\develop\safety\phpstudy_pro\Extensions\php\php7.0.9nts\php.exe尝试输入?phpecho 123; 页面正常显示即可 PHPStorm开始书写代码 代码可以正常回写和提交 action 通常是在 HTML 表单中的 form 元素中设置 action 属性来指定表单提交的目标 URL。如果 action 属性为空字符串 (action)则表单数据将被提交到当前页面的 URL。使用 符号可以抑制错误报告。在给变量赋值的同时使用 符号时如果发生错误比如未定义的变量PHP 将不会生成错误消息而是返回 NULL 或者一个空值。 $u$_POST[username];
$c$_POST[content];构建数据库连接以及执行数据库插入操作 发现可以插入数据但是由于用户名和内容可以不进行添加就加入数据库多加一层判空如果!empty($u)用户名为空则不写入数据即可 代码如下
!-- HTML 表单 --
form idform1 nameform1 methodpost actionp!-- 用户名输入框 --用户名input typetext nameusername/pp内容/pp!-- 文本框 --textarea namecontent/textarea/p!-- 提交按钮 --input typesubmit namesubmit idsubmit value提交
/form?php
// 数据库连接参数
$dbip localhost;
$dbuser root;
$dbpass root;
$dbname dome01;// 使用 mysqli_connect() 函数建立与数据库的连接
$con mysqli_connect($dbip, $dbuser, $dbpass, $dbname);// 检查连接是否成功
if (!$con) {die(连接错误 . mysqli_connect_errno());
} else {// 获取用户名$u $_POST[username];// 检查用户名是否非空if (!empty($u)) {// 获取内容、IP地址和用户代理信息$c $_POST[content];$i $_SERVER[REMOTE_ADDR]; /*获取客户端 IP 地址*/$ua $_SERVER[HTTP_USER_AGENT];/*获取客户端用户代理信息*/// 数据库查询语句将数据插入到名为 gbook 的表中$sql INSERT INTO gbook(username, content, ipaddr, uagent) VALUES ($u, $c, $i, $ua);;// 执行数据库查询if (mysqli_query($con, $sql)) {echo scriptalert(留言成功)/script;// 查询并显示留言列表$sql1 SELECT * FROM gbook;$data mysqli_query($con, $sql1);while ($row mysqli_fetch_row($data)) {echo hr;echo 用户名 . $row[0] . br;echo 内容 . $row[1] . br;echo IP地址 . $row[2] . br;echo UA浏览器 . $row[3] . br;}} else {echo scriptalert(留言失败)/script;}} else {// 用户名为空的情况echo scriptalert(用户名不能为空)/script;}
}
?#数据接收输出-html混编超全局变量
1、html混编使HTML(JS)在PHP语言中运行 ?php echo ?
2、超全局变量 参考 https://www.w3school.com.cn/php/php_superglobals.asphttps://www.php.net/manual/zh/language.variables.superglobals.php G L O B A L S 这种全局变量用于在 P H P 脚本中的任意位置访问全局变量 ∗ ∗ GLOBALS这种全局变量用于在 PHP 脚本中的任意位置访问全局变量 ** GLOBALS这种全局变量用于在PHP脚本中的任意位置访问全局变量∗∗_SERVER这种超全局变量保存关于报头、路径和脚本位置的信息。** R E Q U E S T _REQUEST REQUEST_REQUEST 用于收集 HTML 表单提交的数据。 $_POST广泛用于收集提交method“post” 的HTML表单后的表单数据。 $_GET收集URL中的发送的数据。也可用于收集提交HTML表单数据(method“get”) $_ENV是一个包含服务器端环境变量的数组。 $_COOKIE是一个关联数组包含通过cookie传递给当前脚本的内容。 F I L E S 文件上传且处理包含通过 H T T P P O S T 方法上传给当前脚本的文件内容。 _FILES文件上传且处理包含通过HTTP POST方法上传给当前脚本的文件内容。 FILES文件上传且处理包含通过HTTPPOST方法上传给当前脚本的文件内容。_SESSION是一个关联数组包含当前脚本中的所有session内容。 POST 和 GET 是 HTTP 请求中常见的两种方法用于将数据发送到服务器。它们之间的主要区别在于数据的传输方式和用途 数据传输方式 GET 使用 URL 参数传递数据数据附在 URL 后面可见于 URL 地址栏。例如http://example.com/page?namevalueage25.POST 将数据放在请求的主体内而不是作为 URL 的一部分。在请求头中标明数据的类型和长度。 数据大小限制 GET 由于数据附在 URL 上对数据的长度有限制因此适合传递小量数据。POST 由于数据放在请求主体内相对于 GETPOST 允许传递更大量的数据。 安全性 GET 由于数据附在 URL 上可能会被保存在浏览器历史记录、服务器日志中不适合传递敏感信息。POST 数据在请求主体内相对更安全适合传递敏感信息。 缓存 GET 可以被缓存因为请求参数都包含在 URL 中。POST 默认情况下不会被缓存因为数据通常不会暴露在 URL 中。 使用场景 GET 用于请求数据通常用于页面跳转数据量较小。POST 用于提交表单、上传文件等需要较大数据或涉及敏感信息的场景。 总体而言GET 适合用于获取数据POST 适合用于提交数据。
PHPStorm项目使用全局配置文件和函数调用
创建gbook-admin.php文件和admin目录方便执行删除等后台功能发现重复的代码太多所以将经常用到的数据库链接操作生成config.php文件方便管理。修改后正常访问增加查询。 删除功能创建成功 ?php
// 包含数据库配置文件
include ../config.php;//由于创建的文件夹admin其距离config.php匹配使用../// 查询所有留言
$sql1select * from gbook;
$datamysqli_query($con,$sql1);
// 循环遍历每条留言并显示信息和删除链接
while ($rowmysqli_fetch_row($data)){echo hr;echo 用户名.$row[0].br;echo 内容.$row[1].br;echo IP地址.$row[2].br;echo UA浏览器.$row[3].br;**// 提供删除链接传递留言用户名作为参数echo a hrefgbook-admin.php?del$row[0]删除/a;**
}// 获取要删除的留言用户名
$delstr$_GET[del];
**// 构建删除留言的 SQL 查询语句
$sql2delete from gbook where username $delstr;;
// 执行删除操作
if(mysqli_query($con,$sql2)){echo scriptalert(删除成功 )/script;**
}发现问题可以将代码加一层判断当触发的时候再进行删除操作
// 获取要删除的留言用户名
$delstr $_GET[del];**// 检查是否设置了要删除的留言用户名
if (isset($delstr)) {**// 构建删除留言的 SQL 查询语句$sql2 DELETE FROM gbook WHERE username $delstr;;// 执行删除操作if (mysqli_query($con, $sql2)) {echo scriptalert(删除成功)/script;}
}将初始的代码更改为两个函数。//添加留言 //显示留言 include config.php;//添加留言
function add_gbook($con){$u$_POST[username];if (!empty($u)) {$c $_POST[content];$i $_SERVER[REMOTE_ADDR]; /*获取客户端 IP 地址*/$ua $_SERVER[HTTP_USER_AGENT];/*获取客户端用户代理信息*/// 数据库查询语句将数据插入到名为 gbook 的表中$sql insert into gbook(username, content,ipaddr,uagent) value($u, $c,$i,$ua);;if (mysqli_query($con, $sql)) {echo scriptalert(留言成功)/script;}}
}//显示留言
function show_gbook($con)
{$sql1select * from gbook;$datamysqli_query($con,$sql1);while ($rowmysqli_fetch_row($data)) {echo hr;echo 用户名 . $row[0] . br;echo 内容 . $row[1] . br;echo IP地址 . $row[2] . br;echo UA浏览器 . $row[3] . br;}
}
// 调用添加留言的函数
add_gbook($con);
// 调用显示留言的函数
show_gbook($con);将删除功能中的代码进行精简 把删除功能在show_gbook 中完成添加
//显示留言
function show_gbook($con,$del)
{$sql1select * from gbook;$datamysqli_query($con,$sql1);while ($rowmysqli_fetch_row($data)) {echo hr;echo 用户名 . $row[0] . br;echo 内容 . $row[1] . br;echo IP地址 . $row[2] . br;echo UA浏览器 . $row[3] . br;**//检查变量 $del 是否等于字符串 del。如果条件成立就会生成一个包含删除链接的 HTML 代码。//提供删除链接传递留言用户名作为参数if ($deldel){echo a hrefgbook-admin.php?del$row[0]删除/a;**}}
}
add_gbook($con);
**// 调用显示留言的函数传递 x 参数防止生成删除链接**
show_gbook($con,x);删除功能gbook-admin.php中包含gbook.php文件并调用其显示留言函数显示删除链接在执行的gbook.php时候不显示删除按钮在执行gbook-admin.php出现删除按钮 ?php
// 包含数据库配置文件
include ../config.php;
**// 包含处理留言的功能文件
include ../gbook.php;// 调用显示留言的函数传递 del 参数以显示删除链接
show_gbook($con,del);**// 获取要删除的留言用户名
$delstr$_GET[del];
// 检查是否设置了要删除的留言用户名
if(isset($delstr)){// 构建删除留言的 SQL 查询语句$sql2delete from gbook where username $delstr;;
// 执行删除操作if(mysqli_query($con,$sql2)){echo scriptalert(删除成功 )/script;}
}#第三方插件引用-js传参函数对象调用
引用外部 JavaScript 文件和一个简单的 JavaScript 对象及其方法。
引用外部 JavaScript 文件
htmlCopy code
script src../xxx.js/script
这是一个在 HTML 中引用外部 JavaScript 文件的标签。src 属性指定了 JavaScript 文件的路径相对于当前 HTML 文件的位置。在这里../xxx.js 表示 JavaScript 文件位于上一级目录../并且文件名为 xxx.js。
JavaScript 对象及其方法
javascriptCopy code
var obj {value: 0,increment: function (inc) {this.value typeof inc number ? inc : 1;// 如果传入的 inc 是数字则将其加到 value 上否则默认加 1}
}obj.increment();
console.log(obj.value); // 输出1
obj.increment(2);
console.log(obj.value); // 输出2
这是一个 JavaScript 对象的定义其中包含一个属性 value 和一个方法 increment。这个方法用于递增对象的 value 属性。在调用 increment 方法后通过 console.log 输出 obj.value 的值。
解释 increment 方法 this.value typeof inc number ? inc : 1; 表示将传入的参数 inc 加到 value 上。如果 inc 是数字类型则直接加上 inc否则默认加上 1。 示例中的调用演示了两种情况 第一次调用 obj.increment();由于没有传入参数所以 value 加上默认值 1结果为 1。 第二次调用 obj.increment(2);传入参数 2所以 value 加上 2结果为 2。 引用ueditor并创建对应文件夹导入成功后然后改变html代码
**script src/ueditor/ueditor.config.js/*引入配置文件*//script
script src/ueditor/ueditor.all.js/*引入源码文件*//script**
form idform1 nameform1 methodpost actionp用户名input typetext nameusername/pp内容/pp**textarea idcontent rows10 cols70 namecontent styleborder:1px solid #E5E5E5;/textareascript typetext/javascriptUE.getEditor(content);//实例化编辑器传参,id为将要被替换的容器。/script/p**input typesubmit namesubmit idsubmit value提交/form192.168.137.1/gbook.php配置小皮以IP地址进行访问 完整源码
gbook.php
script src/ueditor/ueditor.config.js/*引入配置文件*//script
script src/ueditor/ueditor.all.js/*引入源码文件*//script
form idform1 nameform1 methodpost actionp用户名input typetext nameusername/pp内容/pptextarea idcontent rows10 cols70 namecontent styleborder:1px solid #E5E5E5;/textareascript typetext/javascriptUE.getEditor(content);//实例化编辑器传参,id为将要被替换的容器。/script/pinput typesubmit namesubmit idsubmit value提交/form?php
/*// 使用 mysqli_connect() 函数建立与数据库的连接
// $dbip: 数据库服务器的 IP 地址或主机名
// $dbuser: 数据库用户名
// $dbpass: 数据库用户的密码
// $dbname: 要连接的数据库名*//*$dbiplocalhost;
$dbuserroot;
$dbpassroot;
$dbnamedome01;
$conmysqli_connect($dbip,$dbuser,$dbpass,$dbname);*/
include config.php;//添加留言
function add_gbook($con){$u$_POST[username];if (!empty($u)) {$c $_POST[content];$i $_SERVER[REMOTE_ADDR]; /*获取客户端 IP 地址*/$ua $_SERVER[HTTP_USER_AGENT];/*获取客户端用户代理信息*/// 数据库查询语句将数据插入到名为 gbook 的表中$sql insert into gbook(username, content,ipaddr,uagent) value($u, $c,$i,$ua);;if (mysqli_query($con, $sql)) {echo scriptalert(留言成功)/script;}}}//显示留言
function show_gbook($con,$del)
{$sql1select * from gbook;$datamysqli_query($con,$sql1);while ($rowmysqli_fetch_row($data)) {echo hr;echo 用户名 . $row[0] . br;echo 内容 . $row[1] . br;echo IP地址 . $row[2] . br;echo UA浏览器 . $row[3] . br;//检查变量 $del 是否等于字符串 del。如果条件成立就会生成一个包含删除链接的 HTML 代码。//提供删除链接传递留言用户名作为参数if ($deldel){echo a hrefgbook-admin.php?del$row[0]删除/a;}}
}add_gbook($con);
// 调用显示留言的函数传递 x 参数
show_gbook($con,x);gbook-admin.php
?php
// 包含数据库配置文件
include ../config.php;
// 包含处理留言的功能文件
include ../gbook.php;// 调用显示留言的函数传递 del 参数以显示删除链接
show_gbook($con,del);// 获取要删除的留言用户名
$delstr$_GET[del];
// 检查是否设置了要删除的留言用户名
if(isset($delstr)){// 构建删除留言的 SQL 查询语句$sql2delete from gbook where username $delstr;;
// 执行删除操作if(mysqli_query($con,$sql2)){echo scriptalert(删除成功 )/script;}
}// 查询所有留言
/*$sql1select * from gbook;
$datamysqli_query($con,$sql1);
// 循环遍历每条留言并显示信息和删除链接
while ($rowmysqli_fetch_row($data)){echo hr;echo 用户名.$row[0].br;echo 内容.$row[1].br;echo IP地址.$row[2].br;echo UA浏览器.$row[3].br;// 提供删除链接传递留言用户名作为参数echo a hrefgbook-admin.php?del$row[0]删除/a;
}*/config.php
?php
/*配置全局文件。如果有用到数据库链接的时候直接包含此文件即可*/
$dbiplocalhost;
$dbuserroot;
$dbpassroot;
$dbnamedome01;
$conmysqli_connect($dbip,$dbuser,$dbpass,$dbname);
