php数据库的增删改查 php与javascript之间的交互


Posted in PHP onAugust 31, 2017

使用语言操作数据库是重中之重,如果一门语言你不懂得如何操作数据库,那么你还是没有学会这门语言。

PHP操作数据库的方法并不难
同时php的值还可以与JavaScript脚本之间进行控制

一般是php的值传递到javascript中,一般不会反过来操作

一、基本目标

首先,在mysql中有一张用户信息表user,里面的字段分别是id,username与password,打开网页dbselect.php,首先就用php查出整张user表:

php数据库的增删改查 php与javascript之间的交互

然后,插入数据的一栏,输入数据,就可把数据插入到mysql中的user表当中

php数据库的增删改查 php与javascript之间的交互

在修改数据的一栏中,第一个下拉菜单是通过javascript来创建的,根据表中的数据多少,而给予多少的下拉选项。

php数据库的增删改查 php与javascript之间的交互

第二个下拉菜单让用户选择要修改的列

第三个输入框就是让用户输入要修改的值

php数据库的增删改查 php与javascript之间的交互

至于为什么没有做删除数据,那是因为一来删除数据的操作与修改数据类似,二是因为在自增表中一般不删除数据的,仅仅是设置键值让这条数据隐藏

二、基本思想

程序入口是dbselect.php,操作数据库的过程分别是两个新页面,一个dbinsert.php,一个是dbupdate.php,这两个页面操作完数据库,马上通过javascript返回。

php数据库的增删改查 php与javascript之间的交互

三、制作过程

(1)dbselect.php

也是本实现过程中,最复杂的一个页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>dbselect</title> 
</head> 
 
<body> 
user表: 
<table border="1"> 
<tr> 
<td>id</td> 
<td>username</td> 
<td>password</td> 
</tr> 
<?php 
//php连接数据库的指定动作,其中第一个root是数据库的用户名,第二个root是数据库的密码 
//如果连接失败,马上通过die语句打断后面的所有程序,只输出“连接失败” 
$con=mysql_connect("localhost","root","root"); 
if(!$con){ 
 die("连接失败!"); 
 } 
//要操作test数据库 
mysql_select_db("test",$con); 
//total变量是用来记录user记录条数的 
$total; 
//要在test数据库中操作select count(*) as total from user语句并且把结果放到result变量里 
$result=mysql_query("select count(*) as total from user"); 
//result变量是个数据,$total=$row["total"];把查询结果中的total列的值赋予给php中的total变量 
//$row=mysql_fetch_array($result)能够把当前行的值赋予给row数组,并把游标下移一行,游标并不需要初始化,自动完成 
while($row=mysql_fetch_array($result)){ 
 $total=$row["total"]; 
} 
 
//输出整个表的过程与上面的过程类此 
$result=mysql_query("select * from user"); 
while($row=mysql_fetch_array($result)){ 
 echo "<tr>"; 
 echo "<td>${row["id"]}</td>"; 
 echo "<td>${row["username"]}</td>"; 
 echo "<td>${row["password"]}</td>"; 
 echo "</tr>"; 
} 
//查询完毕,记得人走带门 
mysql_close($con); 
 
?> 
</table> 
<br /> 
 
<!--以下是两个表单,不再赘述了--> 
插入数据: 
<form action="dbinsert.php" method="get"> 
username:<input type="text" name="username" /> 
password:<input type="text" name="password" /> 
<input type="submit" value="go!" /> 
</form> 
 
修改数据: 
<form action="dbupdate.php" method="get"> 
<select id="userid" name="userid"></select> 
<script> 
//这是php与javascript交互部分,把上面求出来的php的$total变量,赋予给javascript的var total 
var total=<?php echo $total; ?>; 
var i=1; 
for(i=1;i<total+1;i++){ 
 //javascript增加节点过程 
 var selectnode=document.createElement("option"); 
 selectnode.value=i; 
 selectnode.innerHTML=i; 
 document.getElementById("userid").appendChild(selectnode); 
} 
</script> 
<select name="rowname"> 
<option value="username">username</option> 
<option value="password">password</option> 
</select> 
<input type="text" name="rowtext" /> 
<input type="submit" value="go!" /> 
</form> 
 
</body> 
</html>

javascript控制html节点的详细,可以参照我之前写的《【JavaScript】网页节点的增删改查》一文(点击打开链接)

(2)dbinsert.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>dbinsert.php</title> 
</head> 
 
<body> 
<?php 
//首先从dbselect.php的表单中接受操作的数据 
//dbselect.php故意用到get方法,只是想说明php中对get与post的处理同样可以通过$_REQUEST["变量名"]来实现 
$username=$_REQUEST["username"]; 
$password=$_REQUEST["password"]; 
//操作数据库的指定动作同dbselect.php。 
$con=mysql_connect("localhost","root","root"); 
if(!$con){ 
 die("连接失败!"); 
 } 
mysql_select_db("test",$con); 
//控制数据库比dbselect.php更加简单,因为不用对数据库的查询结果进行处理 
//只是要注意,这里连接字符串是用到.的,而不是jsp的+,asp的&,请注意! 
mysql_query("insert into user(username,password) values ('".$username."','".$password."');"); 
mysql_close($con); 
?> 
<script> 
alert("添加成功"); 
window.location.href="dbselect.php" rel="external nofollow" rel="external nofollow" ; 
</script> 
</body> 
</html>

(3)dbupdate.php
与dbinsert.php逻辑是一模一样的,只是mysql_query那个的查询语句,从insert into语句变成了update语句而已

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> 
 
<body> 
<?php 
$userid=$_REQUEST["userid"]; 
$rowname=$_REQUEST["rowname"]; 
$rowtext=$_REQUEST["rowtext"]; 
$con=mysql_connect("localhost","root","root"); 
if(!$con){ 
 die("连接失败!"); 
 } 
mysql_select_db("test",$con); 
mysql_query("update user set ".$rowname."='".$rowtext."' where id=".$userid.";"); 
mysql_close($con); 
?> 
<script> 
alert("修改成功"); 
window.location.href="dbselect.php" rel="external nofollow" rel="external nofollow" ; 
</script> 
</body> 
</html>

以上,就是整个制作过程。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
快速配置PHPMyAdmin方法
Jun 05 PHP
PHP 七大优势分析
Jun 23 PHP
使用PHP 5.0创建图形的巧妙方法
Oct 12 PHP
php面向对象 字段的声明与使用
Jun 14 PHP
深入file_get_contents函数抓取内容失败的原因分析
Jun 25 PHP
php下拉选项的批量操作的实现代码
Oct 14 PHP
一波PHP中cURL库的常见用法代码示例
May 06 PHP
php制作圆形用户头像的实例_自定义封装类源代码
Sep 18 PHP
PHP二维关联数组的遍历方式(实例讲解)
Oct 18 PHP
PHP getNamespaces()函数讲解
Feb 03 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
May 08 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
Oct 28 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
Aug 31 #PHP
PHP文字转图片功能原理与实现方法分析
Aug 31 #PHP
laravel如何开启跨域功能示例详解
Aug 31 #PHP
Laravel构建即时应用的一种实现方法详解
Aug 31 #PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
Aug 31 #PHP
PHP下 Mongodb 连接远程数据库的实例代码
Aug 30 #PHP
php实现与python进行socket通信的方法示例
Aug 30 #PHP
You might like
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
浅析PHP原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
php访问数组最后一个元素的函数end()用法
2015/03/18 PHP
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
js 动态文字滚动的例子
2011/01/17 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
jQuery 事件的命名空间简单了解
2013/11/22 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
2016/09/19 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
jquery select插件异步实时搜索实例代码
2017/10/20 jQuery
vue+springmvc导出excel数据的实现代码
2018/06/27 Javascript
什么时候不能在 Node.js 中使用 Lock Files
2019/06/24 Javascript
一篇文章带你浅入webpack的DLL优化打包
2020/02/20 Javascript
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
python中List的sort方法指南
2014/09/01 Python
Fiddler如何抓取手机APP数据包
2016/01/22 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Python中交换两个元素的实现方法
2018/06/29 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
python学生管理系统的实现
2020/04/05 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
年终考核实施方案
2014/05/26 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
如何计划开一家便利店?
2019/07/31 职场文书
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技