Dcat Admin v1.6.5 发布 - 高颜值后台系统构建工具,增加全新表格样式 (更符合国内审美)

2020-07-29 10:28:03 +08:00
 jqh

前言

从发布预告帖到现在不知不觉已经过去将近 4 个月时间,不得不感叹一下时间过得真快!在这 4 个月期间Dcat Admin受到很多同学的关注和支持,在大家的推动下Dcat Admin也日益完善和成熟,我也一直积极听取每个用户意见,保持着高频率的更新。

至此1.0虽然还有一些不太合理的设计和需要打磨之处,但功能上已经足够的完善和成熟,接下来更新频率会放缓,将会把重心转移到2.0的开发上,如果顺利的话可以在9月份上线!

这里也非常感谢关注和支持这个项目的同学们,我的初心不会变,做一个对大家有用的高品质项目,然后持续维护下去!

新功能简介

下面简单的介绍下1.61.6.5上线的主要功能,更多更新内容查看请前往 https://learnku.com/docs/dcat-admin/1.x/update-log/8710

1.全新表格样式

在这个版本开始,默认的表格布局将会采用 table_collapse 模式,效果如下

如果想要切换回旧版本的表格布局样式,可以在 app/Admin/bootstrap.php中加上

Grid::resolving(function (Grid $grid) {
    $grid->tableCollapse(false);
});

2.表格固定列

注意这个功能支持组合表头功能,但不兼容列字段隐藏功能!

通过 fixColumns 方法可以给表格设置固定列,第一个参数表示固定从头开始的前三列,第二个参数表示固定从后往前数的两列,(第二个参数可不传,默认为-1 )

$grid->fixColumns(2, -2);

效果

3.表单字段动态显示

此功能在工具表单中一样有效,更多用法请参考文档表单字段动态显示

$form->radio('radio')
    ->when([1, 4], function (Form $form) {
        // 值为 1 和 4 时显示文本框
        $form->text('text1');
        $form->text('text2');
        $form->text('text3');
    })
    ->when(2, function (Form $form) {
        $form->editor('editor');
    })
    ->when(3, function (Form $form) {
        $form->image('image');
    })
    ->options([
        1 => '显示文本框',
        2 => '显示编辑器',
        3 => '显示文件上传',
        4 => '还是显示文本框',
    ])
    ->default(1);

效果

更多更新内容查看请前往 https://learnku.com/docs/dcat-admin/1.x/update-log/8710

Dcat Admin

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

在线演示站点 | LearnKu 官方文档 | Github 主页(如果喜欢这个项目不妨点个 star,感谢支持!) | Gitee 主页

升级方法

composer update dcat/laravel-admin

本次版本需要重新发布静态资源以及语言包,然后按Ctrl+F5清除浏览器缓存

php artisan admin:publish --assets --force
php artisan admin:publish --lang --force
5202 次点击
所在节点    PHP
40 条回复
jqh
2020-07-29 14:43:56 +08:00
@a852695 感谢支持,维护和功能扩展都很方便,我前面没说清楚可能前端同学会有些误会。
yanzhiling2001
2020-07-29 14:56:29 +08:00
这个高亮的主题,眼睛晃花了
jqh
2020-07-29 16:10:31 +08:00
@yanzhiling2001 哈哈这个我觉得还好,可能你把菜单设置为暗色模式会好一点,后续也会开发不同风格主题以满足不同需求的人群
agdhole
2020-07-29 16:33:19 +08:00
@jqh #15 请问一下如果这种要做成前后端分离用 vue react,会很麻烦吗?
iwh718
2020-07-29 16:47:42 +08:00
别说 jQuery 了。用香草 js 也没问题。😂
ziyeziye
2020-07-29 17:01:58 +08:00
挺好的,正在用
同类产品有
PHP: laravel admin, dcat admin
GO: go-admin
bsg1992
2020-07-29 17:12:13 +08:00
@jqh 你这种一般都是公司内部使用对美感和交互没有要求,如果是 toB 的产品 这种框架不太可行。
一个交互基本就费了
bsg1992
2020-07-29 17:16:34 +08:00
@jqh 你的框架对 Safari 支持的不好 Mac 访问好多 js 组件都没反应
jqh
2020-07-29 17:17:15 +08:00
@agdhole 主要是开发者使用会造成一些麻烦,可以参考 laravel nova
jqh
2020-07-29 17:21:30 +08:00
@bsg1992 这个项目主要面向那种追求效率的项目,比如不需要直接面向用户的管理系统、外包项目、个人项目、创业项目等等。直接面向用户的项目我这边也有,并且上线了反响还不错,这个项目的界面和交互体验还是受到挺多用户认可的。

Safari 也是支持的,我们很多用户都是在 mac 开发
KasuganoSoras
2020-07-29 20:13:23 +08:00
整挺好,支持一下
jqh
2020-07-29 22:43:36 +08:00
@KasuganoSoras 感谢支持
shanghai1998
2020-07-29 23:06:29 +08:00
非常漂亮,惊讶到我了
whywhywhy
2020-07-30 10:43:53 +08:00
你家官网打开的时候要白屏很久,几分钟了页面都才显示,火狐状态栏提示“正在与 cdnjs.cloudflare.com 进行 tls 握手”

国内网络环境并不好,能否使用国内的 JS 文件 CDN,或者就把 JS 文件放你家网站吧,用不了几个流量。

如果你的程序也是引用这个路径的 JS 文件,那真是大杯具一个。
whywhywhy
2020-07-30 10:45:27 +08:00
你家官网打开的时候要白屏很久,几分钟了页面都才显示,火狐状态栏提示“正在与 cdnjs 点 cloudflare 点 com 进行 tls 握手”

国内网络环境并不好,能否使用国内的 JS 文件 CDN,或者就把 JS 文件放网站所在服务器吧,用不了几个流量。

如果你的程序也是引用这个路径的 JS 文件,那真是大杯具一个,和程序放一起吧,国外的 JS 文件 CDN 服务指不定什么时候就不稳定了。
whywhywhy
2020-07-30 11:14:59 +08:00
另外我看了 2 次演示,看到的都是像博客、新闻等简单结构,能否有类似内部系统那样的“一个单据里,一部分是表头,还有一个或多个子表”,例如单据的日期、部门等信息,一个单据里是唯一的,这个单据里还有一个小表格,用来存放这个单据具体的数据例如有哪些物料,每个数量是多少金额是多少,如果能增加这种结构,就能快速的用于搭建内部系统了。。。能被很多中小企业用来搭建内部系统。

一般这种内部系统的界面不是很复杂,输入框一般就是选项目,比如选部门,选日期,选员工,子表里面就是选物料、选物料后自动带入名称、规格、计量单位(单位也可能有多个,默认为某个),然后有个自动计算单价*数量=金额,或者单价*数量-金额*税率=不含税金额。。。

额,我的意思是能否往这个方向也走一步,因为企业内部应用也都是处理数据为主,属于后台界面的一个类别。。


https://i.loli.net/2020/07/30/b1mztoxQYgySudv.png

https://i.loli.net/2020/07/30/s3MNLzHSPn8Iel6.png

https://i.loli.net/2020/07/30/tC4rX5mO9vUKgeT.png
jqh
2020-07-30 11:28:46 +08:00
@whywhywhy 好的,这个官网在某些地区确实访问比较慢,后面会更换节点。


https://i.loli.net/2020/07/30/b1mztoxQYgySudv.png

https://i.loli.net/2020/07/30/s3MNLzHSPn8Iel6.png

https://i.loli.net/2020/07/30/tC4rX5mO9vUKgeT.png

你这几个图的功能肯定都是支持的,就是表格搜索功能,这种布局也支持,十几行代码就搞定了。
jqh
2020-07-30 11:29:36 +08:00
@whywhywhy 另外还支持更复杂的组合结构,基于 bootstrap 的栅格系统布局,基本你想怎么构建组合都行
tinzing
2020-08-13 10:46:59 +08:00
这个一定要用 laravel 吗 tp 可以用不
jqh
2020-08-13 11:33:41 +08:00
@tinzing 只能用 laravel,新手的话推荐先花半个小时看下这篇 laravel 的入门教程 https://github.com/johnlui/Learn-Laravel-5

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/693952

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX