backpack

分类下相关文章

Laravel Console 命令中无法读取 backpack Config::get 配置项

非常诡异的问题,自定义一个 Laravel Console Command 命令。 但是读取 backpack Config::get 配置项时,返回均为空。 参考 https://github.com/Laravel-Backpack/Settings/issues/23 中的解决方案: 在使用 Config::get 前,添加 use Backpack\Settings\app\Models\Setting as Setting; $settings = Setting::all(); foreach ($settings as $key => $setting) { ...

阅读全文...

更换图片上传组件之后,需要更改的地方

数据库更新 update products set images = replace(images, '前缀','http://前缀-cdn.jindongsoft.com/前缀') ; 生成分享图 App\\Http\\Controllers\\Admin\\UserCrudController->gen_image_to_share(Object(Illuminate\\Http\\Request)) 购物车图片 app/Http/Controllers/CartController.php: $cart->image = "ht ...

阅读全文...

自定义组件在 backpack 列表页编辑字段

可以自定义一个列表字段,即 column type。 效果如图: 前端列表页,自动更新 如果更新成功,后台返回更新后的值,然后前端更新成对应的值。 自定义一个 column type 类似 field type vendor/backpack/crud/src/resources/views/columns/ 后台的抽象 接口参数 model name id 字段名 值 防止 JS 函数定义多次 使用 js 不合适,用 php 来规避。 其实就两种函数,radio 和数值修改,所以之间写在 list.js 里也未尝不可。 public/vendor/backpack/crud/js/li ...

阅读全文...

Element UI 结合七牛 JS SDK 实现视频文件上传

由于七牛 JS SDK Demo 里的按钮效果太丑,所以改用 Element UI 重写了前端展示。 效果如下: 七牛 JS SDK 文档 https://developer.qiniu.com/kodo/sdk/1283/javascript 限制视频格式 https://github.com/qiniu/js-sdk/issues/307 限制视频大小 https://github.com/qiniu/js-sdk/issues/307 上传进度 使用 element ui 的进度条组件 https://element.eleme.cn/#/zh-CN/component/progres ...

阅读全文...

修改 backpack SettingsTableSeeder 逻辑,只插入新增的配置

Laravel backpack SettingsTableSeeder 的默认逻辑非常不人性化,直接 truncate 配置表,然后重新写入配置。 php artisan db:seed --class=SettingsTableSeeder 对于线上系统已有配置的情况下,非常不合理。 所以将逻辑调整了一下,改成了只写入不存在的 key。 /** * Run the database seeds. * * @return void */ public function run() { // truncate table // DB::table('settings' ...

阅读全文...

基于 element-china-area-data 的 backpack 省市区选择组件

由于使用的 element-china-area-data 组件,需要提供省市区三个 ID 才能正常显示,所以增加了两个字段 province_id city_id 而 county_name 是为了缓存省市区的中文名称 效果如图 实现代码 <div @include('crud::inc.field_wrapper_attributes') id="county_picker"> <input ref="county_id" type="hidden" name="county_id" ...

阅读全文...

Laravel Backpack 记录当前数据条目的录入者

例如,家具数据表对于的 CRUD 要记录每条家具信息是谁录入的。 在家具表加入一个字段 creator_id 在 CRUD Controller 的 store 函数中插入录入人员的逻辑 public function store(StoreRequest $request) { $request->request->add([ "creator_id" => \Auth::user()->id, ]); $redirect_location = parent::storeCrud($request); ...

阅读全文...

Laravel Backpack 后台管理实现链接参数过滤

例如,默认 Backpack 实现的一个 CRUD controller 可以查看一个数据表中的所有数据,这里假设是所有的支付历史。 但是,我现在需要能够从用户列表页面通过一个链接,链接到支付历史页面时,可以只查看该用户的支付历史。 实现方法 route/admin.php 中添加两个路由 CRUD::resource('pay_history', 'PayHistoryCrudController'); CRUD::resource('user/{user_id}/pay_history', 'PayHistoryCrudController'); 这样 访问 /admin/pay_hi ...

阅读全文...

Laravel Backpack 的多图上传及拖拽排序组件

功能 多图上传 拖拽图片排序 删除图片 点击放大预览 animated 特效 代码实现 <style type="text/css"> input.el-upload__input { display: none; } </style> <div id="images_uploader_{{ $field['name'] }}" @include('crud::inc.field_wrapper_attributes') > <input type="hidden" n ...

阅读全文...

Laravel Backpack 限制后台 Admin 管理页面的访问权限

Laravel 内置的权限 middleware 查看 app/Http/Kernel.php,可以看到 middleware can。可以用于权限的检查 /** * The application's route middleware. * * These middleware may be assigned to groups or used individually. */ protected $routeMiddleware = [ 'auth' => \Illuminate\Auth\Middleware\Auth ...

阅读全文...

Laravel Backpack 升级 3.2 -> 3.3

composer require backpack/base:"^0.8.0" composer require backpack/crud:"^3.3.0" composer require livecontrol/eloquent-datatable 执行之后,确认版本号已经升级 composer show backpack/crud name : backpack/crud descrip. : Quickly build an admin interface for your Eloquent models, using Laravel ...

阅读全文...

Backpack 中使用 TinyMCE 替换 Summernote

用户反馈 Summernote 编辑器无法给表格添加边框,也无法合并单元格。 确实 Summernote 的表格功能比较弱,网上看了一下评价,感觉 TinyMCE 可以。 于是着手改造。 默认主题文件 404 tinymce.min.js:2 GET https://cdn.staticfile.org/tinymce/4.9.0/skins/dick-light/skin.min.css tinymce.min.js:2 GET https://cdn.staticfile.org/tinymce/4.9.0/skins/dick-light/content.min.css net::ERR ...

阅读全文...

laravel backpack time picker 组件 - 基于 element ui

目前正在使用的 backpack 版本并没有 time picker 组件,所以不得不将 element ui 的 time picker 移植过来。 http://element-cn.eleme.io/#/zh-CN/component/time-picker 记录这个组件的代码结构非常有意义,因为大部分定制化的 backpack 组件都可以沿用这个结构。 另外,jQuery 与 VueJS 的混合使用,虽然看起来很糙,但是异常高效。 注意事项: id 不要写死,要与 field name 相关 方便兼容一个页面中包含多个此组件,例如 time_picker_{{ $field['nam ...

阅读全文...

定制化一个 backpack 页面

例如,一个定制化的 laravel backpack 订单统计页面需用使用 element ui 实现。 参考 vendor/backpack/base/src/resources/views/dashboard.blade.php @extends('backpack::layout') @section('header') <section class="content-header"> <h1>大象笔记</h1> </section> @endsection @section('content') < ...

阅读全文...

近期节日

2019年05月20日 全国助残日
2019年05月21日 小满
2019年05月30日 五卅运动纪念
2019年05月31日 世界无烟日
2019年06月01日 六一儿童节
2019年06月05日 世界环境日
2019年06月06日 芒种
2019年06月06日 全国爱眼日
2019年06月07日 端午节
2019年06月11日 中国人口日
2019年06月16日 父亲节
2019年06月20日 世界难民日
查看更多节日