进行增删改查之前查出数据库数据,并渲染html页面
利用tp5循环输出循环出数据库内容
$list = Db::table('collection')->select();
$this->assign('list',$list);
return $this->fetch();
在html页面 {volist name=“list” id=“vo”},进行循环输出。
1、增
在html添加按钮,弹出输入框或form表单,利用Ajax 传值
var formData = new FormData($("#myform")[0]);//获取表单数据
$.ajax({
url: "{:url('Index/index/add')}",//提交地址
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {}
Db::table('collection')->insert($list);//tp5语句
不刷新动态改变
如果是表格,就在回调函数内用append()添加获取的信息;
2、删
获取删除行id 利用Ajax 传值,同上
$id = $_POST['id'];
Db::table('collection')->delete($id);//tp5删除语句
不刷新动态改变,在回调函数中,利用hind隐藏本行数据。
3、改
整体和增类似,增加一步,在弹出表单或者input框之前,利用id获取表单需要填写的内容的信息。
(1)前端:利用.html方法获取元素值
(2)后端:查表(存在问题:只能用在更改内容在新页面才能使用方法)
Db::table('collection')->where('id', $id)->update(['uid' => $uid, 'stime' => $time,'sort'=>$sort,'w_id'=> $wid]);//tp5语句
动态修改,同理利用.html()或者replace()