后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量,如何解决冲突
后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量,如何解决冲突
一、总结
一句话总结:
@{{videos}}:@符号表示lavarel不处理:textarea name="" id="" cols="30" rows="10">@{{videos}}</textarea
1、homestead如何查看php扩展?
php -m
2、lavarel模型操作数据库表时哪些方法可以使用?
模型操作数据库表的时候就相当于是一个查询构造器,所以查询构造器里面的方法都可以应用于模型
$flights = App\Flight::where('active', 1)
->orderBy('name', 'desc')
->take(10)
->get();
$price = DB::table('flights')
->orderBy('name', 'desc')
->take(10)
->get();
其实只是相当于App\Flight等于了DB::table('flights')
3、模型操作数据库在lavarel手册的哪个版块?
Eloquent ORM中,手册介绍的非常详细
4、toArray方法将集合数据转成数组?
$d=Lesson::find(1)->videos()->get(); dd($d->toArray());
public function create()
{
$d=Lesson::find(1)->videos()->get();
dd($d->toArray());
return view('admin.lesson.create');
}
5、使用框架功能(比如多表关联)的好处是什么?
使代码量非常精简
6、Integrity constraint violation(当有多个name为title的input的时候,后面的title没有值,但是title必填的时候)?
违反完整性约束;
7、打印请求数据比较好的方式?
toArray可以以数组的方式比较清晰的呈现请求数据:dd($request->toArray());
8、vue中输出lavarel变量?
{!! $a !!}:videos:JSON.parse('{!! $video !!}')
9、vue挂载:给初始化的按钮添加点击事件?
foreach遍历每个按钮然后给他们添加点击事件
require(['vue'],function (Vue) {
new Vue({
el:'#app',
data:{
videos:JSON.parse('{!! $videos !!}')
},
mounted:function(){
this.videos.forEach(function (v) {
//挂载以添加点击事件
upload(v);
})
},
methods:{
add:function () {
var field={title:'',path:'',id:'fry'+Date.parse(new Date())};
this.videos.push(field);
//绑定上传事件,200ms是因为担心add方法之后元素还没出来,数据改动之后元素出来vue渲染需要时间
setTimeout(function () {
upload(field);
},100);
},
del:function (k) {
this.videos.splice(k,1);
}
}
});
});
10、lavarel一对多模型的修改操作中的向页面传递数据?
通过一的数据集合直接获取多的数据:$videos=json_encode($lesson->videos()->get()->toArray(),JSON_UNESCAPED_UNICODE);
public function edit($id)
{
$lesson=Lesson::find($id);
$videos=json_encode($lesson->videos()->get()->toArray(),JSON_UNESCAPED_UNICODE);
//dd($videos);
return view('admin.lesson.edit',compact('lesson','videos'));
}
二、内容在总结中
2、homestead如何查看php扩展
php -m

2、代码
后盾网lavarel视频项目---4、lavarel和vue都是{{}}表示变量,如何解决冲突的更多相关文章
- 后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件
后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件 一.总结 一句话总结: vue中的插件的使用和js插件的使用一样的简单,只是vue插件的引入过程有些不同 ...
- 后盾网lavarel视频项目---lavarel中的tinker是什么
后盾网lavarel视频项目---lavarel中的tinker是什么 一.总结 一句话总结: 是用来调试laravel,可以打印变量或对象信息,显示函数代码,对数据库写入和查询数据 laravel中 ...
- 后盾网lavarel视频项目---lavarel用户认证实例
后盾网lavarel视频项目---lavarel用户认证实例 一.总结 一句话总结: 主要是用的Auth认证,所以配置是配置的auth(config/auth.php),控制器中调用也是用的Auth( ...
- 后盾网lavarel视频项目---5、淘宝镜像cnpm的原理及如何使用
后盾网lavarel视频项目---5.淘宝镜像cnpm的原理及如何使用 一.总结 一句话总结: 原理:把npm上面的所有软件copy过来 使用:npm install -g cnpm --regist ...
- 后盾网lavarel视频项目---lavarel多表关联一对多操作实例
后盾网lavarel视频项目---lavarel多表关联一对多操作实例 一.总结 一句话总结: 1.一对多中多那个部分的数据前端通过json弄到服务器 2.所有通过一操作多的时候,都要用上模型中定义的 ...
- 后盾网lavarel视频项目---模型一对多关联简单实例
后盾网lavarel视频项目---模型一对多关联简单实例 一.总结 一句话总结: 在模型中定义一个方法来设置一对多关联:return $this->hasMany(Video::class); ...
- 后盾网lavarel视频项目---图片上传
后盾网lavarel视频项目---图片上传 一.总结 一句话总结: 前端还是普通的前端操作,前端上传图片的地址就是图片上传的路由,后端代码也很简单 public function uploader(R ...
- 后盾网lavarel视频项目---vue实现动态添加和删除板块
后盾网lavarel视频项目---vue实现动态添加和删除板块 一.总结 一句话总结: 原理就是:列表时根据vue中的videos变量中的元素来遍历的,初始时videos:[{title:'',pat ...
- 后盾网lavarel视频项目---3、lavarel中子控制器继承父控制器以判断是否登录
后盾网lavarel视频项目---3.lavarel中子控制器继承父控制器以判断是否登录 一.总结 一句话总结: 在common控制器的构造方法中验证登录中间件,其它的控制器继承common控制器 p ...
随机推荐
- css简单动画(transition属性)
一.对transition属性的认识 1.transition 属性是一个简写属性,可用于设置四个过渡属性:transition-property 过渡效果的 CSS 属性的名称(height ...
- 转载:开源许可证GPL、BSD、MIT、Mozilla、Apache和LGPL的区别
转自:https://www.cnblogs.com/findumars/p/6309048.html 首先借用有心人士的一张相当直观清晰的图来划分各种协议:开源许可证GPL.BSD.MIT.Mozi ...
- react 在新窗口 打开页面
遇到这个需求 首先通过 Link a去尝试直接跳转.发现2个问题 1.Link跳转 会自动进行登录校验,我设想是路由没有匹配到,去验证后大致排除了. 因为这个链接 直接粘贴到浏览器 是可以访问到的. ...
- 13、Nginx七层负载均衡
1.Nginx负载均衡基本概述 1.1为什么需要使用负载均衡 当我们的Web服务器直接面向用户,往往要承载大量并发请求,单台服务器难以负荷,我使用多台WEB服务器组成集群,前端使用Nginx负载均衡, ...
- SSD源码解读——网络测试
之前,对SSD的论文进行了解读,可以回顾之前的博客:https://www.cnblogs.com/dengshunge/p/11665929.html. 为了加深对SSD的理解,因此对SSD的源码进 ...
- maven学习之路三
我们在写代码的时候,有些项目会有重复代码,或者是重复项目结构,这样我们就可以用maven 生成一个项目的基本骨架,就像我之前介绍的哪个logindemo一样继承了webApp-achetype一样.我 ...
- Mac下安装配置NMP环境
第一次在Mac上安装NMP,记录下 因为下面环境的安装都是基于homebrew的,所以如果没有安装他的话,要先安装他(官网:https://brew.sh/index_zh-cn.html) 安装ho ...
- Python基础:深浅拷贝
对于数字.字符串深浅拷贝: import copy num = 0 copy_num = copy.copy(num) print("These are normal copy") ...
- Summer training round2 #4 (Training #20)
A!:UESTC1752 B!:找区间内L到R之间内的数的个数 权值分块加莫队 C!:给你一个哈斯图 去掉其中的几条边 要求输出字典序最大的拓扑排序:线段树模拟拓扑排序 D!:要求你找到最短路树并输 ...
- vue cli3.0快速搭建项目详解(强烈推荐)
这篇文章主要介绍下vue-cli3.0项目搭建,项目结构和配置等整理一下,分享给大家. 一.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.有三个组件: CLI:@vue/cl ...