php代码怎么修改成laravel,Laravel框架实现即点即改功能的方法分析
本文实例讲述了Laravel框架实现即点即改功能的方法。分享给大家供大家参考,具体如下:
有的时候我们不需要更改大量数据,只需要更改一个字段的时候,我们就用到了即点即改,以用户模块,修改用户名称为例,下图为我的展示模块
当我们点击用户名时,会出现一个修改框,那么这个修改框是怎么来的呢?
我们点击时,隐藏在这个td当中的修改框会出现,而展示时的用户名会隐藏起来,我们怎么利用代码实现?
{{$v->username}}
οnblur="edituser({{$v->id}})">
从上述代码中我们可以看到一个存放用户名的span标签,还有一个默认为隐藏的input框,用来存放用户名,接下来我们要做的就是:通过相应的点击事件,实现即点即改;在修改数据时,我们尽量要根据他的唯一字段id进行修改,避免出错:
首先,我在页面显示span标签当中起了一个id,名为 “bbb”+用户的id,在隐藏的input中id为 “aaa”+用户的id,在相应点击事件中存放id,方便ajax取用户的id值;
接下来就是通过ajax技术,传递相应id值,以及要修改的数据到控制器,进行相应的修改:
1)首先引入jquery文件
2)点击事件:当我们点击时,span标签内容设置为空值,input标签出现
function saveuser(id){
document.getElementById('aaa'+id).style.display='block';//显示input
document.getElementById('bbb'+id).innerHTML="";//span标签的值设置为空
}
3)输入我们需要修改的数据,如下图:
4)要修改的数据写完之后,就到了最关键的时候,怎样进行修改?
通过上面,可以看到input有一个失去焦点事件,因此我在这个事件里进行ajax请求
function edituser(id){
var username = document.getElementById('aaa'+id).value;//获取文本框的值
$.ajax({
type:'GET',//请求方式
data:{'id':id,'username':username},//传递参数
url:"{{url('edituser')}}",//地址
success:function(e){//回调
if(e==1){
document.getElementById('aaa'+id).style.display = 'none';//如果修改成功,input隐藏
document.getElementById('bbb'+id).innerHTML = username;//修改成功,将表里修改后的数据赋值给span标签
}else{
alert('修改失败');
window.location.reload();
}
}
})
}
5)通过ajax传递的参数,进行数据查询和修改:
首先我们在控制器接收:
public function edituser(){
$arr = Input::get();//接收ajax传递的参数
$result = BlueShop::useredit($arr);//调用模型,并将接收到的 id 和要修改的数据赋给模型
if($result){
$status = 1;
}else{
$status = 2;
}
return $status;//将结果返回给展示页面
}
然后我们在模型进行我们的逻辑代码部分
//$arr数组 $arr['id'] 用户id $arr['username']要修改的用户名
public static function useredit($arr){
$res = DB::table('jy_user')->where('id',$arr['id'])->update($arr);//通过id修改
return $res;//返回结果
}
6)此时我们可以看到,页面已经修改
而数据表中的数据也进行了更新
这就是一个简单的即点即改,希望对大家能有所帮助!!!
希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
php代码怎么修改成laravel,Laravel框架实现即点即改功能的方法分析相关推荐
- python caffe 在师兄的代码上修改成自己风格的代码
首先,感谢师兄的帮助.师兄的代码封装成类,流畅精美,容易调试.我的代码是堆积成的,被师兄嘲笑说写脚本.好吧!我的代码只有我懂,哈哈! 希望以后代码能写得工整点.现在还是让我先懂.这里,我做了一个简单的 ...
- yii 加载php文件,Yii2框架加载css和js文件的方法分析
本文实例讲述了Yii2框架加载css和js文件的方法.分享给大家供大家参考,具体如下: 1.第一步是要把我们的css.js文件放到web目录下 2.第二步修改assets/AppAsset.php文件 ...
- 直接修改html文本页面没变化,VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析...
本文实例讲述了VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法.分享给大家供大家参考,具体如下: 业务场景 我们在使用vue 编写 代码时,我们有一个 多行文本框控件,希望在页面 ...
- kingcms php 排序 标签,修改PHPCMS V9列表排序,listorder、order排序功能的方法
phpcms文件调用默认是按照id排序的,就是按照时间顺序降序(最新的文章拍前面, 但是,我自己对文章做了排序,就无可奈何了 按照手册,就是 但是:文件发表顺序,排序错了,最晚发布的文章拍最后了 然后 ...
- python 注销一大段_Django框架用户注销功能实现方法分析
本文实例讲述了Django框架用户注销功能实现方法.分享给大家供大家参考,具体如下: HttpResponse()里有个delete_cookie()方法专门用来删除cookie 我们到此来完整的实现 ...
- 计算机显示语言改成英语,如何更改电脑语言 电脑语言改为英文方法 (全文)
今年evad3rs团队发布的iOS 7完美越狱工具有些特殊,中国版iOS7完美越狱工具中,捆绑有太极助手插件,此插件类似流氓插件,容易导致iOS越狱设备出现白苹果现象(国外版无此插件).目前比较好的解 ...
- Appium+python自动化(三十二)- 代码写死一时爽,框架重构火葬场 - PageObject+unittest(超详解)...
简介 江湖有言:"代码写死一时爽,框架重构火葬场",更有人戏言:"代码动态一时爽,一直动态一直爽?",虽然听起来有点耸人听闻,但也没有想象中的那么严重,我们在开 ...
- dns服务器被修改隐藏,路由器的DNS无故被修改成58.53.128.78的解决办法
昨天晚上到另外一个位置上网,发现是无线路由器,不过搜索到的SSID全部是方格,主要是连上去之后无法正常的访问网络 于是打开路由器一看,原来是SSID设置成了中文,我就改成了英文,但是还是不行. 后来到 ...
- itext 将pdf页面转成png_如何将PDF页面从横向改成纵向?
有时打开一个PDF文档发现页面是横向的,阅读起来非常不方便,应该修改成纵向页面呢?下面从两种情况来进行分析及解决. 第一种情况: 页面方向为横向,内容也随之改变,需要进行页面旋转90度回到正确的纵向方 ...
最新文章
- 数据结构常见算法原理讲解100篇(一)-递归和分治算法原理及案例应用
- MySQL锁机制和PHP锁机制
- 【IT资讯】继哈工大Matlab软件被美禁用后,华为、360再遭Docker软件禁令
- 丙烯怎么做成流体丙烯_韧性好强度高的聚丙烯复合材料怎么做?让人工智能来帮忙...
- Flutter1.12与原生Android交互(kotlin)
- jQuery动态设置样式List item
- Python 中使用 jsonpath
- 信息学奥赛一本通(1408:素数回文数的个数)
- php 输出mysql_php如何输出mysql查询结果
- Fragment懒加载预加载
- 合肥工业大学网络程序设计实验报告_杭州电子科技大学网络空间安全学院2020考研数据速览,专硕竟然有缺额!!!...
- php mysql表单验证登录_使用PHP和MySql简单身份验证 1
- gitlab 本地 定时备份
- c语言编程环境搭配,windows7系统搭建C语言开发环境的操作方法?
- 单商户商城系统功能讲解02管理后台端—首页
- windows2016小文件服务器,Windows Server 2016 搭建 SMB 共享文件
- .jpeg 格式图片URL在浏览器里默认是下载
- Verdi和DVE 中高亮设置波形颜色
- 百度阿里网易大疆等大小厂前端校招面筋 1
- 【教程】在Radmixture运行无标杆成分名的任意祖源计算器的方法