bootstrap连接mysql并修改_较简单的修改和添加功能(链接数据库)
发布日期:2022-02-03 13:16:59 浏览次数:8 分类:技术文章

本文共 2238 字,大约阅读时间需要 7 分钟。

修改和添加关于数据库的信息,可以用于任何的添加和修改

这些数据库和前面的随笔数据库是一样的

一、显示出数据库中的信息

(1)显示的效果也可以是用bootstrap的标签页显示(前面一定要引入bootstrap)

7b21b0288d107e45b349955cb8b892fd.png

二、修改内容

(1)标题显示之后,就是每一个标题中的内容了,可以用ajax遍历

(2)进行数据库遍历

$.ajax({

url:"mianlei.php", //编写处理页面

dataType:"TEXT",

success: function(d){

var hang = d.split("|"); //拆分字符“|”串:显示行

var str = "";

for(var i=0;i

{

var lie = hang[i].split("^"); //拆分字符串“^”:显示列

str += " ";

}

$("#mian").html(str); //把遍历的内容写在上面的

}

})

(3)处理页面的编写如下

include("DBDA.php"); //调用封装好的数据库类

$db = new DBDA();

$sql = "select * from caidan where fcode =('1101')"; //查询符合父级号的所有信息

echo $db->StrQuery($sql); //输出结果

(4)然后进行修改的内容可以用模态框

(5)修改的时候,里面要默认显示原来的名字和价格,所以要将前面遍历的代号传过来

$(".aa1").click(function(){

var code = $(this).attr("code"); //找到code值

$.ajax({

url:"xiugaichuli.php", //编写处理页面

data:{c:code}, //将code值传过去

type:"POST",

dataType:"TEXT",

success: function(d){

var hang = d.split("|"); //拆分字符“|”串:显示行

var str = "";

for(var i=0;i

{

var lie = hang[i].split("^"); //拆分字符串“^”:显示列

str += "

名称:
价格:
";

}

$("#content").html(str); //写入模态框中的content的位置

}

})

})

b06dcc0efcefdce0aebaa08f8c23d7e8.png

(6)单击提交按钮后写入数据库,并且这里也修改了,单击提交按钮进行修改

$("#tijiao").click(function(){

var code = $(".name").attr("code"); //找到名称中的代号

var code = $(".price").attr("code"); //找到价格的代号

var name = $(".name").val(); //找到名称的值

var price = $(".price").val(); //找到价格的值

$.ajax({

url:"tjsk.php", //处理页面的编写

data:{n:name,p:price,c:code}, //将值传到处理页面

type:"POST",

dataType:"TEXT",

success: function(data){ ///处理页面成功后输出

if(data.trim()=="ok")

{

alert("修改成功!");

}

}

})

})

9b924d668abe93cb54dd81ebc667f52a.png   

f4e056947ab0f7d066bf4454a7dead4f.png       

909279fa20b9fb30f713e705b0dc7c40.png

三、添加内容

(1)同上面的写一个弹框,里面有文本框

添加菜品

238b1d018ff185a0be8ce736080d33a8.png

c0ee58d5a116b154cb6bf057cee02c5c.png

(2)填写信息后,单击提交按钮写入数据库

$("#tijiao1").click(function(){

var n = $("#ming").val(); //找到名称文本框的值

j = $("#jia").val(); //找到价格文本框的值

$.ajax({

url:"tianjia.php", //编写处理页面

data:{n:n,j:j}, //将值传过去

type:"POST",

dataType:"TEXT",

success: function(d){

if(d.trim()=="ok")

{

alert ("添加成功!");

}

window.location.href="xiugaicanpin.php";

}

})

})

(3)处理页面的编写

include("DBDA.php");

$db = new DBDA();

$n = $_POST["n"]; //将传来的值接收

$j = $_POST["j"];

$sql = " select max(code) from caidan where fcode='1101' "; //查找这个父级代号的最大代号

$attr = $db->Query($sql);

foreach($attr as $v)

{

$c = $v[0]+1; //使最大值加1

$sqll = " insert into caidan values('{$j}','{$c}','{$n}','1101','','','')"; //写入数据库

$db->Query($sqll,0);

echo "ok";

}

?>

(4)添加结束后看下结果

7abb99c893ba3eae307d86e7587f331b.png    

d005cd649bf6027dfab814a64309122a.png

到此,结束了,简单的添加和修改的功能,后面还要增加删除功能~~

转载地址:https://blog.csdn.net/weixin_34759094/article/details/113315696 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:qt 调用createfile打开串口_在Ubuntu中的串口通信(1)-串口设备读写权限问题
下一篇:richedit 获取文本长度_小函数、大作用,常用文本函数和其他函数组合使用技巧解读...

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年04月13日 07时57分51秒