DcatAdmin扩展: dcat-amis 轻松在dcat中使用amis组件

Dcat Amis Extensions

Dcat Admin 的 amis组件扩展, 可以在 dcat 中轻松使用 amis 组件, 让你开发自定义页面变得更简单

给 dcat 扩展了 120余个组件 (Doge) 🤣

Dcat Admin

Dcat Admin 基于laravel-admin二开的, 超好用的高颜值后台框架

Amis

百度开源的一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。

安装

获取 composer 包

composer require slowlyo/dcat-amis

发布静态资源

php artisan vendor:publish --provider="Slowlyo\DcatAmis\DcatAmisServiceProvider" --force

配置

app/Admin/bootstrap.php 中添加 (加载 amis 静态资源)

\Slowlyo\DcatAmis\DcatAmis::requireAssets();

使用

可以参考 Slow Admin 中的组件使用方式
组件使用 |《Slow Admin 中文文档》

不一样的地方:
一般情况下你需要把amis放到 dcatDcat\Admin\Layout\Contentbody() 中, 并且要调用组件的 ->render() 方法

  • 推荐用来构建完整页面
public function index(Content $content){
    // 这里组出了amis组件需要的数据格式, 套就完了
    $page = \Slowlyo\DcatAmis\Renderers\Page::make()->body(
        // 套就完了
        \Slowlyo\DcatAmis\Renderers\Button::make()->label('Button')
    );
    // 如果不想用这种方式, 你还可以直接复制amis示例的json数据
    // $page = json_decode('~amis json data~');

    // 所有组件都可使用render()方法, 可自行灵活搭配
    return $content->body($page->render());
}

效果预览

第一个卡片是 一言 的api
DcatAdmin扩展: dcat-amis 轻松在dcat中使用amis组件

code

本作品采用《CC 协议》,转载必须注明作者和本文链接
海到无涯天作案,山登绝顶我为峰
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 8

非常感谢!

2周前 评论
黑将军

牛逼plus

2周前 评论

之前就想给dcat加amis

我认为直接写json就好啦 不用增加那么多的复杂度了 我看amis官方的后台例子也是这样子写的.

大佬把原本的json变成了 php 复杂度增加了不少 但是有能自动CURD生成代码也是便捷了不少

支持一个~过几天看看开发体验如何

1周前 评论
Slowlyo (楼主) 1周前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!