精华内容
下载资源
问答
  • RXThinkCMF_LV5.8_PRO旗舰版 基于 Laravel5.8+Layui2.5.6 开发权限(RBAC)及内容管理框架,框架中集成了权限管理、模块管理、插件管理、钩子管理、数据库管理、富文本编辑器(已集成ueditor,kindeditor),后台支持多...

    RXThinkCMF_LV5.8_PRO旗舰版 基于 Laravel5.8+Layui2.5.6 开发权限(RBAC)及内容管理框架,框架中集成了权限管理、模块管理、插件管理、钩子管理、数据库管理、富文本编辑器(已集成ueditor,kindeditor),后台支持多主题切换、布局管理、广告管理、配置管理、字典管理、切图管理、CMS内容管理等常用功能模块,以方便开发者快速构建自己的应用。框架专注于为中小企业提供最佳的行业基础后台框架解决方案,执行效率、扩展性、稳定性值得信赖,操作体验流畅,使用非常优化,欢迎大家使用及进行二次开发。

    后台演示(用户名:admin 密码:123456)

    技术支持

    技术支持QQ:1175401194

    效果图展示

    • 系统登录
      在这里插入图片描述
    • 系统主页
      在这里插入图片描述
    • 人员管理
      在这里插入图片描述
    • 人员编辑
      在这里插入图片描述
    • 角色设置
      在这里插入图片描述
    • 职级管理
      在这里插入图片描述
    • 岗位管理
      在这里插入图片描述
    • 部门管理
      在这里插入图片描述
    • 菜单管理
      在这里插入图片描述
    • 菜单编辑
      在这里插入图片描述
    • 操作日志
      在这里插入图片描述
    • 登录日志
      在这里插入图片描述
    • 广告管理
      在这里插入图片描述
    • 推荐管理
      在这里插入图片描述
    • 配置管理
      在这里插入图片描述
    • 字典管理
      在这里插入图片描述
    • 友链管理
      在这里插入图片描述
    • 定时任务
      在这里插入图片描述
    • 通知公告
      在这里插入图片描述
    • 网站设置
      在这里插入图片描述
    • 代码生成器
      在这里插入图片描述
    • 代码生成模块演示
      在这里插入图片描述
    • 数据库管理
      在这里插入图片描述
    • CMS管理
      在这里插入图片描述
    • 统计报表
      在这里插入图片描述
    • 会员管理
      在这里插入图片描述
    展开全文
  • 自己的 Laravel5.2 框架项目中,希望集成 Layer 的图片上传功能 但是在 ajax(POST) 提交请求时,一直显示 500 报错,出现了VerifyCsrfToken报错问题的相关内容,享出来供大家参考学习 报错情况 原因 忽视了 CSRF ...

    自己的 Laravel5.2 框架项目中,希望集成 Layer 的图片上传功能 但是在 ajax(POST) 提交请求时,一直显示 500 报错,出现了VerifyCsrfToken报错问题的相关内容,享出来供大家参考学习
    报错情况
    在这里插入图片描述
    原因
    忽视了 CSRF 的限制,Laravel 推荐在全局注册 VerifyCsrfToken 的 Middleware ,对所有 Post,Put,Delete 请求自动校验是否带合法的 _csrf token。

    解决方法
    方法 1.在form表单中添加如下的隐藏域代码

    <input type="hidden" name="_token" class="tag_token" value="{{ csrf_token() }}" />
    

    方法 2.在form表单中添加 csrf_field
    (与上述解决方法功能一致)

    {!! csrf_field() !!}
    

    方法 3.注释 Kernel.php 代码
    打开 app\Http\Kernel.php,在文件中注释掉下面的代码

    \App\Http\Middleware\VerifyCsrfToken::class
    

    方法 4. 修改handle()方法
    打开 \app\Http\Middleware\VerifyCsrfToken.php,添加或修改 handle()方法如下:

    public function handle($request, \Closure $next)
     {
      // 使用CSRF
      //return parent::handle($request, $next);
      // 禁用CSRF
      return $next($request);
     }
    

    以上就是对VerifyCsrfToken报错问题的解决,

    layui上传文件的使用:

    在config/filesystems.php配置上传路径:uploads
    在这里插入图片描述
    这里简单解释下一些配置:
    local:为本地空间; 默认是local ;
    storage_path()指的是:文件保存在storage文件下的app;
    public_path()指的是:文件保存在public文件下的uploads;
    s3:是亚马逊的配置,可以忽略;

    路由:

    Route::any('student/uploads',['uses'=>'StudentController@uploads']);
    

    html代码:
    引入layui

    <link rel="stylesheet" href="{{asset('static/layui/css/layui.css')}}">
    <script type="text/javascript" src="{{ asset('static/layui/layui.js')}}"></script>
    
     <button type="button" class="layui-btn" id="test1"><i class="layui-icon">&#xe67c;</i>上传图</button>
     <img id="imgname">
     <input type="hidden" name="img" id="img">
     
     <!-- 一般在表单提交时,都会存放一个隐藏的输入框 -->
     <input type="hidden" name="_token" class="tag_token" value="{{ csrf_token() }}">
    

    js代码:

    <script>
    layui.use('upload', function(){
      var upload = layui.upload;
      $ = layui.jquery;
      var tag_token = $(".tag_token").val();		//ajax 请求前,先获取 csrf_token() 值 
      //执行实例
      var uploadInst = upload.render({
        elem: '#test1' //绑定元素
        ,url: '{{ url("student/uploads")}}' //上传接口
        ,data:{'_token':tag_token}			//ajax 请求时,将该值作为数据的一部分传输过去
        ,exts: 'jpg|png|gif'
        ,done: function(res){
            if(res.code == 200){
                layer.msg('上传成功!');
                $('#imgname').attr('src','/uploads/'+res.data);
                $('#img').attr('value',res.data);
            }
        }
        ,error: function(){
          //请求异常回调
        }
      });
    });
    </script>
    

    后端处理:

    public function uploads(Request $request){
            if($request->isMethod('POST')){
                $file = $request->file('file');     //接受
                //文件是否上传成功
                if($file->isValid()){
                    //源文件名
                    $originaName = $file->getClientOriginalName();
                    //扩展名
                    $ext = $file->getClientOriginalExtension();
                    //MimeType
                    $type = $file->getClientMimeType();
                    //临时绝对路径
                    $realPath = $file->getRealPath();
                    //文件名
                    $filename = date('Y-m-d').'-'.uniqid().'.'.$ext;
                    //方法:返回boolean值
                    $bool = Storage::disk('uploads')->put($filename,file_get_contents($realPath));
                    if($bool == true){
                        return ['code'=>200,'data'=>$filename];
                    }else{
                        return ['code'=>0,'msg'=>'上传失败!'];
                    }
                }
            }
        }
    
    展开全文
  • Laravel 框架中对Layer的使用

    千次阅读 2017-12-29 10:33:19
    近期发现开源作者一直在进行维护,并且注意到了拥有让人喜欢的LayUI设计风格,感觉之前真的是有点浪费了 不管他人如何评价、质疑,自己作为后端开发人员更是layer的忠实拥护者,推荐学习一下 官网: LayUI模块 - ...

    ♩ 背景

    • 其实很久前就接触到了 Layer 的使用,当时只是一位讲师的推荐,并且只应用了简单的弹出框模块功能
    • 近期发现开源作者一直在进行维护,并且注意到了拥有让人喜欢的LayUI设计风格,感觉之前真的是有点浪费了
    • 不管他人如何评价、质疑,自己作为后端开发人员更是layer的忠实拥护者,推荐学习一下

    官网: LayUI模块 - layer.js组件
    知乎推荐: 如何评价LayUI和他的作者闲心?

    ♪ 截图代表


    ♫ 使用步骤

    ①. 下载框架源码

    • 个人下载的是 layui.2.2.45 版本,解压后放置于自己的项目 Public 目录下.

    ②. 引入 js , css 文件

    • 依个人习惯,我新建了 layui.blade.php 文件来存放相关的配置数据,如此一来,哪个页面需要,直接使用 @include()命令引入此文件即可

    • 源代码参考如下

    <link  href="{{asset('layui/css/layui.css')}}" rel="stylesheet">
    <!--采用模块化方式-->
    <script type="text/javascript" src="{{asset('layui/layui.js')}}"></script>
    <!-- jQuery (necessary JavaScript plugins) -->
    <script type='text/javascript' src="{{asset('home/js/jquery-1.11.1.min.js')}}"></script>
    
    <!-- 关于layUI的配置 可使用“dialog.fun()”调用 -->
    <script>
    
        /*自定义弹出框格式 (常用的弹出框形式)*/
        var dialog = {
            error: function(message,url) {
                layer.open({
                    content:message,
                    title:false,
                    icon:3,
                    yes : function(){
                        location.href=url;
                    },
                });
            },
            /*用于弹出框提示*/
            tip:function (message,timer) {
                if(!timer){timer = 2;}
                layer.msg(message,{time:timer * 1000});
            },
            /*显示加载的效果 type:样式 [null,1,2] */
            loading:function (type) {
                layer.load(type);
                //此处演示关闭
                setTimeout(function(){
                    layer.closeAll('loading');
                }, 2000);
            },
        };
        <!-- end 自定义弹出框格式 -->
    
        <!-- 全局配置 -->
        layui.config({
            version: false //一般用于更新模块缓存,默认不开启。设为true即让浏览器不缓存。也可以设为一个固定的值,如:201610
            ,debug: false //用于开启调试模式,默认false,如果设为true,则JS模块的节点会保留在页面
            ,base: '' //设定扩展的 Layui 模块的所在目录,一般用于外部模块扩展
        });
        <!-- end 自定义弹出框格式 -->
    
    
        <!-- 加载所需模块 -->
        layui.use(['laypage', 'layedit','element'],
            function(laypage, layedit){
                //使用分页
                laypage();
                //建立编辑器
                layedit.build();
            });
        <!-- end 加载所需模块 -->
    </script>

    说明
    根据文档的介绍,我自行设计了上述的代码,后面可根据自己的需求不断进行补充

    ③. 前端使用

    • 简单举例,点击页面的某个控件,触发点击事件
    $("#btn").click(function () {
            dialog.tip('怎么了?');
        });

    ♬ 附录

    1. 如开源代码的提供者所说,相比前端的那些走在前沿的开发者们多在追求更新的框架潮流,而作为后端开发人员本没有更多的学习精力却要处理好多前端问题,这是一个不错的选择
    2. 当然,如果小组开发,建议多多交流,如果对方强烈不接受,可考虑其他解决方案,毕竟还不是主流框架,在团队合作以及他人代码维护上可能会有很大的阻碍
    3. 但是,在自己看来,极为欣赏这一框架的方便和优雅性,在此,为作者“闲心”点赞.
    4. 其他参考学习
    展开全文
  • 第四步:(controllers) 首先引入 Markdown use Markdown; class 类名 extends Controller{ public function domark(Request \$request){ return Markdown::convertToHtml(\$request->cont); //...

    第一步:composer require graham-campbell/markdown

    第二步:在config\app.php 目录文件里的 ‘providers’ 加 GrahamCampbell\Markdown\MarkdownServiceProvider::class, 在 ‘aliases’ 加 'Markdown' => GrahamCampbell\Markdown\Facades\Markdown::class,

    第三步:(viewS)

    		 然后在表单form里加入 :
    		 							 <div class="layui-input-block">
    					                        <div class="layui-tab">
    					                            <ul class="layui-tab-title">
    					                                <li class="layui-this">输入markdown内容</li>
    					                                <li id="previewBtn">预览HTML语法内容</li>
    					
    					                            </ul>
    					                            <div class="layui-tab-content">
    					                                <div class="layui-tab-item layui-show">
    					                                    <textarea  id="z_textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
    					                                </div>
    					                                <div class="layui-tab-item">
    					                                    <textarea name="art_content" id="r_textarea" placeholder="请输入内容" class="layui-textarea">	</textarea>
    					                                </div>
    					                            
    					                            </div>
    									  </div>
    
    		(js)部分    
    			首先在头部**head**加  <meta name="csrf-token" content="{{csrf_token()}}">
    			 <script>
    		        $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
    		        $('#previewBtn').click(function () {
    		            $.ajax({
    		                type:'post',
    		                url:'/admin/article/markdown',
    		                data:{
    		                    cont:$('#z_textarea').val()
    		                },
    		                success:function (res) {
    		                    $('#r_textarea').html(res);
    		                },
    		                error:function (err) {
    		                    console.log(err.responseText);
    		                }
    		            })
    		        })
    		    </script>
    

    第四步:(controllers) 首先引入 Markdown

    		use Markdown; 
     				class  类名 extends Controller{
    				 public function domark(Request \$request){
    		        		return Markdown::convertToHtml(\$request->cont);		//cont:是从表单js里传出来的
    		   	 		}
    				}
    

    第五步:(routes) web.php

    			    Route::post('article/markdown','Admin/ArticleController@domark');
    
    展开全文
  • layui图片上传及简单的添加 后台设置 composer安装阿里云第三方插件 composer require aliyuncs/oss-sdk-php 控制器引入阿里云路径 use OSS\OssClient; use OSS\Core\OssException; //添加 public function save...
  • laravel5.* 无法正确引入js和css文件

    千次阅读 2018-06-02 10:05:07
    原: &lt;link rel="stylesheet" type="text/css" href="css/wangEditor.min.css"&gt;改后: &lt;link rel="stylesheet" type="text/css"...
  • } } //create.blade.php @include('xxx/upload.blade.php',['name'='img','value'=>$model->img)//在需要引用的位置,加入此段代码即可,需要先引入layui.css和layui.js,编辑页面设置value值,创建页面不需要value...
  • Laravel 55 + layuiadmin 的后台管理

    千次阅读 2019-07-15 14:23:27
    git clonehttps://github.com/github-muzilong/laravel55-layuiadmin.git 复制.env.example 为.env 配置.env 里的数据库连接信息 composer update php artisan migrate php artisan db:seed ...
  • Laravel+Layer 图片上传功能整理

    千次阅读 2018-01-03 16:31:42
    昨天在自己的 Laravel5.5 框架项目中,希望集成 Layer 的图片上传功能 但是在 ajax(POST)提交请求时,一直显示 500 报错 ⒈ 问题所在 最后将核心代码摘出,放到 Larvel 框架以外运行,发现代码是没有问题的,因为...
  • 主要介绍了Laravel框架基础语法与知识点整理,包括模板变量、输出、include引入子视图等相关操作技巧,需要的朋友可以参考下
  • laravel5.5添加echarts实现画图功能

    千次阅读 2018-04-09 08:48:23
    二、在页面中引入echarts < script type = "text/javascript" src = "/js/echarts.min.js" > script > 我把下载下来的 echarts.min.js 放在了 public/js/ 目录下 三、通过post的请求获取数据并在...
  • 为了防止跨站攻击,laravel制定了一套相关认证,具体细节可查看源码,当获取表单数据时,为避免报错,使用方式如下:1、未使用CSRF认证报错信息如下:TokenMismatchException in VerifyCsrfToken.php line 67:2、...
  • layui增删改查

    千次阅读 2019-09-21 14:46:52
    引入css样式和js <link rel="stylesheet" href="css/layui.css" media="all"> <script src="layui.js"></script> <div class="layui-btn-group demoTable"> <button t...
  • laravel5.*加载layer.js,404错误问题解决! 在view页面加载js文件时,明明路径没有写错,然后在浏览器调试的时候却显示404,找不到js,反复查看了代码,也看不出什么问题,路径也没写错 后来查了下,要用一个方法...
  • 什么是验证码: 验证码是一种区分用户是计算机还是人的... 第一步表单 : 添加一个填写验证码的输入框,承载验证码的一个图片 在登录页面 合适位置填入下面的代码 <form method="post" class="layui-form" > ...
  • 背景 在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,当然,个人认为 MarkDown 更为简单,但是感觉暂时只适合程序猿 此文介绍如何在 Laravel5.5 框架中集成使用富文本编辑器 ...
  • 控制器获取数据的方式 Input类获取数据: 步骤: 1、定义路由 2、引入Input类 3、几种获取数据的静态方法测试使用 Request类获取数据: 新建控制器时默认use了一个类, use IlluminateHttpRequest; 方法中可以直接...
  • 1、引入类库 2、控制器代码 查询构造器写法: ORM写法: 3、前端显示 需引入CSS文件:
  • "> <button class="layui-btn" id="test3"><i class="layui-icon">i>上传图片button> <button class="layui-btn" id="test5" style="margin: auto 10px;"><i class="layui-icon">i>上传视频button> div> js代码 ...
  • 1.引入js/css &lt;script src="{{URL::asset('js/jquery.js')}}"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="{{URL::asset('css/layui.css')}}" ...
  • 通过阅读Laravel文档,我们能够发现组件能够完成的效果主要是两方面 引入大段的HTML代码 向引入的HTML代码中传递PHP变量或表达式。 但是单纯的引入HTML,模板继承可以做到,include也可以做到。 引入+传递变量,...
  • 引入命名空间 use EasyWeChat\Foundation\Application; use EasyWeChat\Payment\Order; (2).填写订单信息 $attributes = [ 'trade_type' => 'JSAPI', // JSAPI,NATIVE,APP... 'body' => 'iPad mini ...
  • 本次项目使用 Laravel6.0 + vue.js + elementUI + 微信小程序 实现沃尔玛扫码购 项目设计—接口 本次项目所有接口使用 laravel 框架实现。 项目设计—后台 后台开发使用 laravel 集成 elementUI 模式,页面套用 ...
  • 对象存储 (Object Storage Service, 简称 OSS) OSS 相信大家都听过,它是阿里云对外提供的海量,安全和高可靠的云存储服务。...这里使用到的前端上传组件layui上传 aliyun 组件使用的是johnlui/AliyunOSS ...
  • 这里写自定义目录标题Layui使用select标签不显示, Layui使用select标签不显示, layui内部其实使用了jQuery,当你的select标签的name属性为 nodeType或者nodeName时会导致标签 <div class="layui-input-inline">...
  • laravel-admin 自定义页面和数据源

    万次阅读 2019-04-03 17:31:21
    官方文档,关于Laravel-admin后台的表格和表单,都是基于模型(Model类)的。完全不符合我的需要,我上网找了很久demo,只找到一个有参考价值的。后续贴上 情况说明: 1.数据库:sql server ,用友系统自带的库...
  • laravel中的图片上传接口

    千次阅读 2019-10-17 15:24:29
    使用laravel自带文件上传功能 会直接将文件(图片)存入 public/storage/images 文件,前端用的layui富文本编辑器,所以返回一个json格式 //laravel自带的文件上传功能 只要设置磁盘驱动即可 //store()函数为文件路径,...
  • 问题今天在做项目的时候,通过laravel上传excel表格文件,到服务端变成了压缩包(zip格式),之前上传图片是不会出现这样的问题的,不知道怎么回事,然后去查了一下中文社区的文档...
  • Mac自带apache,所以composer安装好laravel之后,直接进入到laravel/public就可以直接访问laravel的欢迎页面了。 因为入口文件在 public/index.php,index.php被自动识别。 这时的访问路径是...
  • 2.引入layui相关css,js 3.编写upload组件实例化公共调用方法,首次加载页面需要初始化,因此需要调用upload实例公共方法 4.编写新增dom方法,清空新增dom中的旧数据并调用upload实例公共方法,使得每个upload实例...

空空如也

空空如也

1 2 3 4
收藏数 66
精华内容 26
关键字:

laravel引入layui