后台传html样式展示无效_Dcat Admin v1.5.0 发布,对后端开发者高颜值后台系统构建工具...

Dcat Admin v1.5.0 发布,新增深色模式、表格modal及expand异步加载等功能。优化了文件上传、异常处理和页面样式,修复多个BUG,提升后台系统构建效率和用户体验。
摘要由CSDN通过智能技术生成

分享开发、架构等综合知识,同名公众号,wx号:Java7749


Dcat Admin v1.5.0 更新内容:

新增功能部分

1. 深色模式

本次版本增加了深色模式 (dark-mode) 主题,支持通过页面按钮切换并保存状态,具体使用请参考文档主题 - 深色模式

14fb8a9927c24ae7bd30031e119da0bb.png
d95c9dd2abc396aafec65429b63822e2.gif

2. 表格 modal 以及 expand 异步加载

定义渲染类,继承 DcatAdminSupportLazyRenderabl

use AppModelsPost as PostModel;use DcatAdminSupportLazyRenderable;use DcatAdminWidgetsTable;class Post extends LazyRenderable{    public function render()    {        // 获取ID        $id = $this->key;        // 获取其他自定义参数        $type = $this->post_type;        // 查找数据        $data = PostModel::where('user_id', $id)            ->where('type', $type)            ->get(['title', 'body', 'body', 'created_at'])            ->toArray();        $titles = ['User ID', 'Title', 'Body', 'Created At'];        // 渲染        return Table::make($titles, $data);    }}

使用

$grid->column('post')->modal('Post', Post::make(['post_type' => 2]));

具体使用请参考文档表格列的显示 - modal 以及表格列的显示 - modal

130cabf13040bc8c2c147562a92d9a3f.gif
9771f466a6e48b0f51df1998cd2156a6.gif

3. 工具表单增加文件上传接口

从这个个版本开始,在工具表单中使用文件 / 图片上传表单无需自定义上传接口,文件会默认上传到系统预定义接口进行处理。

use DcatAdminWidgetsForm;class MyForm extends Form{    public function form()    {        // 不需要自定义上传接口,可以直接使用        $this->image('logo');        ...    }    ...}

4. 表格快捷创建增加隐藏表单

$grid->quickCreate(function ($quick) {    $quick->hidden('column_name')->value(...);    ...});

5. 弹窗选择器、editor、markdown 等表单支持一对多表单

$form->hasMany('posts', function ($form) {    $form->selectResource('attribute')->path('...')->options(...);    $form->editor('description');    $form->markdown('remark');    ...});

6. 文件上传表单保存文件域名到数据表

在这个版本中可以通过 saveFullUrl 方法保存文件域名到数据表

$form->image('...')->saveFullUrl();$form->file('...')->saveFullUrl();

优化功能部分

1. 刷新页面时自动移除 modal 遮罩层

从这个版本开始,使用工具表单弹窗时可以移除以下代码

Admin::script('Dcat.onPjaxComplete(function () {    $(".modal-backdrop").remove();    $("body").removeClass("modal-open");}, true)');

2. 异常处理功能优化

异常处理底层接口优化,并且在错误页面可以显示 trace 报文

3. 页面细节样式优化

在这个版本中我们优化了很多细节样式,使整体更加协调美观

4.Form 表单字段 class 增加前缀

以兼容部分特殊字段名称与 css class 冲突问题 #190

BUG 修复部分

  1. 修复数据表格导出全部内容查询条件异常问题
  2. 修复表格 progressBar 的 $max 参数设置无效问题 #182
  3. 修复当设置路由前缀为空时创建权限无法显示路由选项问题 #194
  4. 修复删除数据时使用模型观察者无法获取模型数据问题
  5. 修复 Grid::fetching 事件有可能重复触发问题
  6. 修复表格显示滚动条时列搜索图表显示异常问题 #192
  7. 修复 hasMany 表单无法使用 dateRange 表单问题 #199
  8. 修复处理动作 (action) 请求返回无权限信息异常问题
  9. 修复行内编辑 (editable) 样式异常问题
  10. 修复表格一对一模型字段读取语言包翻译异常问题

简介

Dcat Admin是一个基于laravel-admin二次开发而成的后台系统构建工具,只需很少的代码即可快速构建出一个功能完善的高颜值后台系统。内置丰富的后台常用组件,开箱即用,让开发者告别冗杂的HTML代码,对后端开发者非常友好。

在线演示站点 | 官方文档 | Gitee主页 | Github主页

968efc3dd08a6e8fcce99f4bb86c7486.png
a9cbf59b05f7769b2b4f1be8f55bc41e.png
2f949958b8058b0f278225b9d6cc7045.png
42e05d18ae62c998d03ce97fca2538fb.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值