后盾网lavarel视频项目---图片上传 一.总结 一句话总结: 前端还是普通的前端操作,前端上传图片的地址就是图片上传的路由,后端代码也很简单 public function uploader(Request $request){ $upload = $request->file; if ($upload->isValid()) { $path = $upload->store(date('ym'), 'attachment'); //message是上传成功的url地址 retur…

后盾网lavarel视频项目---lavarel多表关联一对多操作实例 一.总结 一句话总结: 1.一对多中多那个部分的数据前端通过json弄到服务器 2.所有通过一操作多的时候,都要用上模型中定义的那个方法:$lesson->videos()->create($video); 1.页面直接通过一对多中的一找到多的数量? 控制器中:$data=Lesson::get(); 视图中:{{$d->videos()->count()}} 控制器中 public function inde…

后盾网lavarel视频项目---Vue项目使用vue-awesome-swiper轮播插件 一.总结 一句话总结: vue中的插件的使用和js插件的使用一样的简单,只是vue插件的引入过程有些不同 项目src文件夹下的main.js入口文件中 import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper' // require styles import 'swiper/dist/css/swiper.css' V…

后盾网lavarel视频项目---4.lavarel和vue都是{{}}表示变量,如何解决冲突 一.总结 一句话总结: @{{videos}}:@符号表示lavarel不处理:textarea name="" id="" cols="30" rows="10">@{{videos}}</textarea 1.homestead如何查看php扩展? php -m 2.lavarel模型操作数据库表时哪些方法可以使用?…

后盾网lavarel视频项目---3.lavarel中子控制器继承父控制器以判断是否登录 一.总结 一句话总结: 在common控制器的构造方法中验证登录中间件,其它的控制器继承common控制器 public function __construct() { //验证用户是否登录 $this->middleware('admin.auth'); } 1.jquery自动传递csrf的token字段? 在页头创建csrf-token的meta标签,在页尾用ajaxSetup设置token的值 X…

后盾网lavarel视频项目---1.数据迁移 一.总结 一句话总结: 1.lavarel的数据迁移比较简单,就是用php来创建数据表 2.创建迁移文件:php artisan make:migration create_hd_table --create=hd 3.将迁移文件创建为表:php artisan migrate 1.安装barryvdh/laravel-ide-helper增加代码提示:https://packagist.org中搜barryvdh? 1.composer requ…

后盾网lavarel视频项目---5.淘宝镜像cnpm的原理及如何使用 一.总结 一句话总结: 原理:把npm上面的所有软件copy过来 使用:npm install -g cnpm --registry=https://registry.npm.taobao.org : cnpm install vue 1.phpstorm如何安装插件(比如主题,bootstrap的那种快捷引入元素等)? File>settings>Plugins:在这个界面搜索想要的主题即可,然后安装,非常方便 2.ph…

后盾网lavarel视频项目---lavarel使用模型进行增删改查操作 一.总结 一句话总结: 使用模型操作常用方法 查一条:$model=Tag::find($id); 删一条:Tag::destroy($id); 查全部:$data=Tag::get(); 增加:$model->create($request->all()); 1.资源路由器操作处理的动作.URL.行为.路由名称? 看手册喽,修改和增加用的是两个,一个是get显示界面,一个是处理逻辑 动作 URI 行为 路由名称 GET…

后盾网lavarel视频项目---Laravel 安装代码智能提示扩展「laravel-ide-helper」 一.总结 一句话总结: laravel-ide-helper作用是:代码提示 laravel-ide-helper安装:github项目里面怎么使用说的很详细 1.安装barryvdh/laravel-ide-helper:https://packagist.org中搜barryvdh? 1.composer require --dev barryvdh/laravel-ide-hel…

后盾网lavarel视频项目---laravel 使用laracasts/flash插件提示信息 一.总结 一句话总结: laracasts/flash插件的效果就是一个弹出的boostrap模块框,你自己也可以写,只不过他给你做好了 使用的话就照着github上面的文档示例结合搜索的实例,还是比较简单的 1.控制器中如何使用laracasts/flash插件? flash方法和overlay方法:flash('密码修改成功')->overlay(); //修改密码 public functio…

后盾网lavarel视频项目---lavarel中间件(使用中间件拦截没登录的用户) 一.总结 一句话总结: 1.中间件中验证用户是否登录:if(!Auth::guard('admin')->check()){ 2.注册中间件(在kernel的路由中间件中注册):protected $routeMiddleware = ['admin.auth'=>AdminMiddleware::class, 3.控制器中使用中间件(控制器的构造方法中):$this->middleware('admi…

后盾网lavarel视频项目---lavarel中的tinker是什么 一.总结 一句话总结: 是用来调试laravel,可以打印变量或对象信息,显示函数代码,对数据库写入和查询数据 laravel中tinker命令的作用是用来调试laravel,可以打印变量或对象信息,显示函数代码,对数据库写入和查询数据 1.tinker命令的启动方式是什么? php artisan tinker,运行后出现的提示符为tinker的提示符 2.tinker中查看帮助命令? php artisan tinker…

后盾网lavarel视频项目---lavarel用户认证实例 一.总结 一句话总结: 主要是用的Auth认证,所以配置是配置的auth(config/auth.php),控制器中调用也是用的Auth(use Auth;) 控制器核心代码 //用户认证 $status=Auth::guard('admin')->attempt([ 'username'=>$request->input('username'), 'password'=>$request->input('pass…

后盾网lavarel视频项目---模型一对多关联简单实例 一.总结 一句话总结: 在模型中定义一个方法来设置一对多关联:return $this->hasMany(Video::class); <?php namespace App\Model; use Illuminate\Database\Eloquent\Model; class Lesson extends Model { /** * 与视频表模型的一对多关联 * @return \Illuminate\Database\Eloque…

后盾网lavarel视频项目---vue实现动态添加和删除板块 一.总结 一句话总结: 原理就是:列表时根据vue中的videos变量中的元素来遍历的,初始时videos:[{title:'',path:''}],增加操作:this.videos.push({title:'',path:''});,删除操作:this.videos.splice(k,1); 本质是:通过[控制变量中元素的个数来控制页面中元素的个数],增加删除操作都是[通过操作变量中元素的个数] 1.向vue中的videos变量增…

后盾网lavarel视频项目---vue-axios基本用法 一.总结 一句话总结: 都是npm安装,然后import引入vue,然后按手册使用就好了,很简单 二.vue-axios基本用法 转自或参考:vue-axios基本用法https://www.cnblogs.com/silent007/p/8603367.html 首先安装axios: 1):npm install 2):npm install vue-axios --save 3):npm install qs.js --save…

后盾网lavarel视频项目---2.phpstorm显示类中的方法快捷键 一.总结 一句话总结: ctrl + f12 1.npm安装js插件? npm install hdjs 2.phpstorm文档注释快捷键? *生成注释,输入”/**“,按”enter“键即可出现对应注释内容. 3.phpstorm打开最近文件快捷键(非常好用)? ctrl+e 4.phpstorm中ctrl+f12(非常好用)? 显示类中的方法 5.return redirect('/admin/login')->w…

后盾网lavarel视频项目---页面post方式提交之后动态弹出错误信息 一.总结 一句话总结: 1.思路和我想的一样,有错误的时候弹出提示错误消息的模态框就好,没有错误的时候不管它 2.把模态框的弹出放在页面加载完之后:$(function(){ $('#model_message').modal('show'); }); 1.在一个视图中引入另外一个视图用什么方法? 在一个视图中引入另外一个视图就是include方法:@include('admin.layout.message') 2.自…

后盾网lavarel视频项目---phpstorm 配置ftp, 自动更新同步代码 一.总结 一句话总结: 1.在phpstorm中设置:路径Tools/Deployment/Configuration 2.是将代码同步到远程的ftp服务器上面去:配置ftp 3.还可以在option里面设置Automatic Upload(always) 1.phpstorm 配置ftp自动更新同步代码的作用? 方便代码更新,方便多人同步开发 二.phpstorm 配置ftp, 自动更新同步代码 (亲测完美)…

1.百度云盘:django之创建第10-1个项目-图片上传并记录上传时间 2.主要修改的配置文件有3个,forms.views和models3个文件以及html 3.forms.py文件修改 #coding:utf-8 #这里定义html页面中用到的表单,常和views和models文件配合使用 """ >>> help(django) Help on package django: PACKAGE CONTENTS conf (package) contr…

1.upload.HTMl <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>图片上传功能</titl…

tornado 相关说明 f增加图片上传功能, 在 main.py ,文件中创建个  UploadHandler 类,用来处理图片上传 上传图片之前,要先渲染这个页面,所以定个 get 方法,把这个页面渲染出来 , 在 templates 的模板中,创建这个页面,upload.html 之后还要在 app.py 文件中配置路由信息, 在 upload.html 文件添加 form 表单 {% extends 'base.html' %}{% block title %}图片上传{% end %}…

项目中关于动作的说明需要相应的配图,这样可以更直观的说明动作要点.本篇主要为项目中动作的新增和编辑做准备,确定适合场景的上传操作逻辑以及图片的存储和加载的方法. 一 上传方案 a) 本来所用的模板中是有一款挺好的上传控件的,支持多选.拖拽.并行上传. 但探索了半天后才意识到这个并不适合当前的场景.不管是动作的新增还是编辑,上传图片后最好能即时地看到所添加的图片.这个控件无疑带来了功能上的冗余. b) 最后采用了基于html file类型的输入框做成的按钮. 查看代码,可以发现这种按钮是在labe…

在项目中将产品图片全部放置在一个文件夹下面的话,如果图片很多的话,加载速度会减慢,可以按照文件夹按年,月,日来分开存放,图片文件名字取系统时间long类型加上5位随机数字码避免重复. Calendar calendar = Calendar.getInstance(); /**按年月日来分*/ int year = calendar.get(Calendar.YEAR);//得到年 int month = calendar.get(Calendar.MONTH)+1;//得到月,因为从0开始的,…

一.基本设置 参考:https://docs.djangoproject.com/zh-hans/3.0/topics/http/file-uploads/ 1)配置project1/settings.py 因为图片也属于静态文件,所以保存到static目录下. MEDIA_ROOT=os.path.join(BASE_DIR,"static/media") 2)在static目录下创建media目录,再创建应用名称的目录,此例为app1 F:\Test\django-demo\pro…

simditor 是一个基于浏览器的所见即所得的文本编辑器.Simditor 富文本编辑器, 支持多选图片上传, 视频连接插入, HTML代码编辑以及常用富文本按钮,支持的浏览器:IE10.Firefox.Safari. 点击这里下载zip文件.你也可以安装 Simditor bower 和 npm: $ npm install simditor $ bower install simditor 在 项目中使用 simditor 导入 simditor 样式文件和 js 文件 <link rel…

在官网下载Kindededitor的开发包   在项目中javaweb项目中导入kindeditor必须要使用的Jar包(用于文件上传,除非你的富文本编辑器不使用图片上传)jar包可以在官网的开发包中找到,注意下面图jar包的位置     将官网开发包中的此jsp文件放在你的项目中,其实富文本编辑器在执行文件上传的时候就是请求的是这个upload_json.jsp文件,这个upload_json.jsp文件起始就相当与一个用于文件上传的Servlet     将kindeditor富文本编辑器需…

Thinkphp5图片上传正常,音频和视频上传失败的原因及解决 一.总结 一句话总结:php中默认限制了上传文件的大小为2M,查找错误的时候百度,且根据错误提示来查找错误. 我的实际问题是: 我的表单中有多个input:file且name字段都是n_content 这种情况会发生覆盖现象,总是以最后一个为准 1.上传时错误代码是4表示什么? UPLOAD_ERR_OK 值:0; 没有错误发生,文件上传成功 UPLOAD_ERR_INI_SIZE 值:1; 上传的文件超过了 php.ini 中 u…

使用富文本编辑器的第一步肯定是先安装依赖 npm i vue-quill-editor 1.如果按照官网富文本编辑器中的图片上传是将图片转为base64格式的,如果需要上传图片到自己的服务器,需要修改配置. 创建一个quill-config.js的文件,里面写自定义图片上传.代码如下 /*富文本编辑图片上传配置*/ const uploadConfig = { action: '', // 必填参数 图片上传地址 methods: 'POST', // 必填参数 图片上传方式 token: ''…

视频下载:前台 jsp function downVideo(value,row,index){ return '<a href="<%=basePath%>admin/video/video!fileDown.ds?uname='+row.uname+'&filepath='+value+'">下载</a>'; } 后台java : action: public void fileDown() { FileUtil.download(fil…