后台传html样式展示无效_Dcat Admin v1.5.0 发布,对后端开发者高颜值后台系统构建工具...
分享开发、架构等综合知识,同名公众号,wx号:Java7749
Dcat Admin v1.5.0 更新内容:
新增功能部分
1. 深色模式
本次版本增加了深色模式 (dark-mode) 主题,支持通过页面按钮切换并保存状态,具体使用请参考文档主题 - 深色模式
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
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 修复部分
- 修复数据表格导出全部内容查询条件异常问题
- 修复表格 progressBar 的 $max 参数设置无效问题 #182
- 修复当设置路由前缀为空时创建权限无法显示路由选项问题 #194
- 修复删除数据时使用模型观察者无法获取模型数据问题
- 修复 Grid::fetching 事件有可能重复触发问题
- 修复表格显示滚动条时列搜索图表显示异常问题 #192
- 修复 hasMany 表单无法使用 dateRange 表单问题 #199
- 修复处理动作 (action) 请求返回无权限信息异常问题
- 修复行内编辑 (editable) 样式异常问题
- 修复表格一对一模型字段读取语言包翻译异常问题
简介
Dcat Admin是一个基于laravel-admin二次开发而成的后台系统构建工具,只需很少的代码即可快速构建出一个功能完善的高颜值后台系统。内置丰富的后台常用组件,开箱即用,让开发者告别冗杂的HTML代码,对后端开发者非常友好。
在线演示站点 | 官方文档 | Gitee主页 | Github主页
后台传html样式展示无效_Dcat Admin v1.5.0 发布,对后端开发者高颜值后台系统构建工具...相关推荐
- nunito字体_dcat-admin: 使用很少的代码快速构建一个功能完善的高颜值后台系统,内置丰富的后台常用组件,开箱即用,让开发者告别冗杂的HTML代码。...
Dcat Admin是一个基于laravel-admin二次开发而成的后台系统构建工具,只需很少的代码即可快速构建出一个功能完善的高颜值后台系统.内置丰富的后台常用组件,开箱即用,让开发者告别冗杂的H ...
- 支持国产ARM64架构部署,支持使用rz、sz命令上传下载文件,JumpServer堡垒机v2.12.0发布
支持国产ARM64架构部署,JumpServer堡垒机v2.12.0发布 7月19日,JumpServer开源堡垒机正式发布v2.12.0版本.在这一版本中,JumpServer新增支持ARM64架构 ...
- 后端开发者开发前端必会的工具(一):样式调试篇
又来为大家分享干货了,今天主要是分享一点关于后端工程师开发前端比较苦恼的一个问题<如何去调试前端?>,我相信这是所有后端开发者比较困惑的,如果有这个困惑的,记得关注"程序员晓晓& ...
- Spring Boot Admin 2.2.0发布,支持最新Spring Boot/Cloud之外,新增中文展示!
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 冷冷gg 来源 | oschina.net/n ...
- 基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介 Vue Vben Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. Github地址 ...
- .net前台ajax,asp.net利用Ajax和Jquery在前台向后台传参数并返回值
1----------前台 首先需要 Jquer的包 下面是 $(function () { $('#txtUserName').blur(function () { var username = $ ...
- mvc后台传到前台的值带html标签css(解决方法)
mvc后台传到前台的值带html标签css MVC中要用:@Html.Raw(后台数据库取的值); 或者MvcHtmlString.create(); 转载于:https://www.cnblogs. ...
- java的图片上传与前端展示实例(Servlet+Jsp)
java的图片上传与前端展示实例(Servlet+Jsp) 内容前瞻 1.关于路径 2.前端图片上传与展示 3.后台获取并保存 环境 1.前端jsp 2.服务器tomcat 3.服务端servlet ...
- 【转】博客美化(1)基本后台设置与样式设置
阅读目录 1.博客园后台设置 2.自定义样式的设置 博客园美化相关文章目录:博客园博客美化相关文章目录 一直都拜膜那些博客园的皮肤设计高手,由于本人对前端研究甚少,所以js,css这种东西只能看得懂最 ...
- Vue vben admin - 新鲜出炉的高颜值管理后台UI框架,基于 Vue3 和 Ant Design Vue
基于Vue3.0 / Vite / Ant Design 等火热开源项目构建,新鲜出炉,值得关注. 关于 Vue vben admin Vue Vben Admin 是一个基于 Vue3.0.Vite ...
最新文章
- 第一个问题就难倒我了!
- 深入理解C#:编程技巧总结(二)
- java web与android互通的aes算法
- java的URLConnection
- 封装 电流密度 重布线_电子封装陶瓷基板(3/5)
- 符合要求的安全电路用计算机屏蔽电缆,全国计算机三级信息安全技术习题及答案...
- 基于JAVA+Swing的仓库管理系统
- Ubuntu中配置虚拟专用网络***
- C++11 pair的使用
- KingbaseES——人大金仓数据库安装教程
- Gameplay - 多人游戏关卡设计
- Windows手动蓝屏触发方法
- 输入框技巧 禁用输入法 禁用提示 提示归类
- HTML 画布入门(六)如何将图像添加到 HTML 画布
- c语言fseek128字节,你知道C语言是如何处理fseek()和ftell()这两个I/O随机访问数吗?...
- 实际项目中的消息中心
- 如何在浏览器中执行js脚本
- Caffeine缓存
- SpringBoo Mybatis Druid配置多数据源
- 一次关于缓存行的切身体验
热门文章
- apache-xmlrpc-3.1.3-bin.tar.bz2
- 深入解析 ext2 文件系统
- 1.1.2 Greedy Gift Givers 贪婪的送礼者
- 面向对象16:代码块、final关键字
- 树算法系列之三:GBDT
- python中type与isinstance异同
- android把代码打包成sdk,基于Library去开发android SDK——sdk打包(示例代码)
- java报表 统一服务器_java报表软件中本地效果与服务器效果不一致问题处理经验分享...
- aspx 远程上传服务器,ASP.NET中利用WebClient上传图片到远程服务的方法
- python输入一个区间_Python 学习笔记:根据输入年月区间,返回期间所有的月份...