当前位置： 首页 > news >正文

Laravel 后台管理 Dcat Admin 使用记录

news 2025/9/20 7:21:27

Laravel Dcat Admin

  • 安装配置
  • 修改配置
  • 表格操作 `Ajax 结合 Pjax` 更新数据状态
  • 表格 链接
  • 表单
  • 设置页面(通常修改更新在同一页面)
    • 表单

安装配置

安装文档地址
框架版本 Laravel 8.*

修改配置

修改 admin.php 文件

return [// 后台名称'name' => 'DAD后台管理',// 标题'title' => '后台管理',// 本地无法访问时, 将 `true` 改为 `false`;'https' => env('ADMIN_HTTPS', true),
];

英文改为中文
修改 app.php 文件

return [// 修改时区'timezone' => 'Asia/Shanghai',// 修改地区语言//    'locale' => 'en','locale' => 'zh_CN',
];

表格操作 Ajax 结合 Pjax 更新数据状态

表格字段js 操作

$grid->column('auditing', '审核')->display(function () {$href = admin_url('admin-xxx/handle');if ($this->status > 2) {return '已处理';}return <<<HTML
<button class="btn btn-primary btn-outline btn-sm" data-action-{$this->id}="changeStatus" data-id="{$this->id}" data-state="4" >驳回</button>
<button class="btn btn-primary btn-outline btn-sm" data-action-{$this->id}="changeStatus" data-id="{$this->id}" data-state="3" >已完成</button>
<script>
Dcat.ready(function () {// JS 代码也可以放在模板文件中console.log('模板文件执行js~');$('[data-action-{$this->id}]').click(function(e) {console.log(e.target.dataset);let dataset = e.target.dataset;$.ajax({type: "POST",url: "{$href}",data: {id: dataset.id, state: dataset.state},success: function(res){console.log(res);if(res.status){Dcat.success('更新成功');Dcat.reload('#pjax-container');}},error:function(err) {console.log(err);}});})
});
</script>
HTML;});

路由

// 审核 - 事件
$router->post('admin-xxx/handle', 'AdminXXXController@handle');

请求方法

/*** 处理请求* @param Request $request*/
public function handle(Request $request)
{// 获取当前行ID$id = $request->input('id', 0);$state = $request->input('state', 0);// 更新逻辑// 返回响应结果并刷新页面return Admin::json()->success("操作成功");
}

表格 链接

链接 1. 字数超出隐藏 2. 链接新窗口打开

// 字数超出隐藏
$grid->column('title')->limit(20);
// 链接新窗口打开
$grid->column('link')->display(function ($text) {$strLimit = Str::limit($text, 20);return "<a href='{$text}' target='_blank'>{$strLimit}</a>";
});

表单

功能 - 默认值, 新增操作, 编辑操作

$form->hidden('status')->default(1);
$form->hidden('created_at');
$form->hidden('code');
// 判断是否为新增操作
if ($form->isCreating()) {// 新增时使用当前时间(模型禁用自动维护时间戳 $timestamps = false)$form->created_at = now()->toDateTimeString();$form->saving(function (Form $form) {// 修改用户提交的数据$form->code = $this->createCode();});
}
// 编辑
if ($form->isEditing()) {// 禁用编辑$form->text('code')->disable();$form->radio('status')->options([1 => '未使用', 2 => '已使用']);
}

设置页面(通常修改更新在同一页面)

index 方法自动覆盖 grid 方法 将 body 中替换为 表单页面

    public function index(Content $content){return $content->translation($this->translation())->title($this->title())
//            ->body($this->grid());// edit ID ->body($this->form()->edit('1'));}/*** Make a form builder.** @return Form*/protected function form(){return Form::make(new SystemSettings(), function (Form $form) {$form->action('system-settings/1'); // 提交表单地址$form->disableHeader();$form->column(8, function (Form $form) {$form->textarea('home_notice');$form->textarea('home_link');$form->text('home_link_name');});// 保存时更改数据$form->saving(function (Form $form) {});// 表单底部$form->footer(function ($footer) {// 去掉`重置`按钮$footer->disableReset();// 去掉`查看`checkbox$footer->disableViewCheck();// 去掉`继续编辑`checkbox$footer->disableEditingCheck();// 去掉`继续创建`checkbox$footer->disableCreatingCheck();// 设置`查看`默认选中$footer->defaultViewChecked();// 设置`继续编辑`默认选中$footer->defaultEditingChecked();// 设置`继续创建`默认选中$footer->defaultCreatingChecked();});});}

表单

动态获取选项列表

/*** @return array*/
public function getOptions(): array
{$list = Accounts::all()->values()->toArray();return collect($list)->mapWithKeys(function ($item) {return [strval($item['id']) => $item['account']];})->all();
}$options = $this->getOptions();return Grid::make(new XXXModel(), function (Grid $grid) use ($options ) {$grid->column('id', '编号')->sortable();}

相关文章：

Laravel 后台管理 Dcat Admin 使用记录

Laravel Dcat Admin 安装配置修改配置表格操作 Ajax 结合 Pjax 更新数据状态表格 链接表单设置页面(通常修改更新在同一页面)表单 安装配置 安装文档地址 框架版本 Laravel 8.* 修改配置 修改 admin.php 文件 return [// 后台名称name > DAD后台管理,// 标题title > 后台…...

编程日记 2023/11/2 13:54:26

c语言基础：L1-070 吃火锅

以上图片来自微信朋友圈&#xff1a;这种天气你有什么破事打电话给我基本没用。但是如果你说“吃火锅”&#xff0c;那就厉害了&#xff0c;我们的故事就开始了。 本题要求你实现一个程序&#xff0c;自动检查你朋友给你发来的信息里有没有 chi1 huo3 guo1。 输入格式&#x…...

编程日记 2023/11/2 13:53:25

java spring boot 注解、接口和问题解决方法（持续更新）

注解 RestController 是SpringMVC框架中的一个注解&#xff0c;它结合了Controller和ResponseBody两个注解的功能&#xff0c;用于标记一个类或者方法&#xff0c;表示该类或方法用于处理HTTP请求&#xff0c;并将响应的结果直接返回给客户端&#xff0c;而不需要进行视图渲染…...

编程日记 2023/11/2 13:52:24

HMAC_SHA1加密算法和SHA1加密算法的区别

HMAC_SHA1加密算法和SHA1加密算法的区别 应用场景&#xff1a;SHA1目前主要用于政府部门和私营业主处理敏感信息&#xff0c;被视为最先进的加密技术。而HMAC_SHA1主要用于基于密钥的消息认证码&#xff08;HMAC&#xff09;运算&#xff0c;需要一个密钥作为输入。密钥需求&a…...

编程日记 2023/11/2 13:51:23

Ubuntu连不上WiFi 或者虽然能连上校园网，但是浏览器打不开登录页面

写在前面 自己的电脑环境&#xff1a; Ubuntu20.04 一、问题描述 自己的 Ubuntu 遇到连接不上 除校园网之外的其他WiFi, 或者 虽然能连上校园网&#xff0c;但是浏览器打不开登录页面的问题。 二、解决方法 出现这种问题的原因可能是 之前开过VPN, 导致系统的网络设置出现…...

编程日记 2023/11/2 13:50:22

Maven第八章：如何解决Maven的jar版本冲突

Maven第八章：如何解决Maven的jar版本冲突 前言 本文重点讲解Maven依赖冲突原因，maven依赖原则以及如何利用idea Maven Helper插件分析解决问题。 背景 开发过程中引入第三方jar遇到依赖冲突的，非常影响开发，甚至大部分时间都在调试版本兼容。 Caused by:java.lang.NoSuch…...

编程日记 2023/11/2 13:48:19

c# 读写内存映射文件

在C#中&#xff0c;可以使用System.IO.MemoryMappedFiles命名空间中的MemoryMappedFile类来操作内存映射文件。可以创建不固定大小的内存映射文件&#xff0c;具体步骤如下&#xff1a; 1. 先创建一个初始大小为0的内存映射文件&#xff0c;使用MemoryMappedFile.CreateNew方法…...

编程日记 2023/11/2 13:47:18

行业揭秘：腾讯共享wifi码推广零加盟费是真的吗？

近年来&#xff0c;“共享经济”概念在商业领域取得了巨大成功。共享WiFi贴码成为共享经济的一种典型案例&#xff0c;被越来越多的人看作是一种低风险、高回报的投资方式。而在这个市场中&#xff0c;腾讯WiFi码推广以“零加盟费”而备受关注。本文将探讨腾讯WiFi码推广零加盟…...

编程日记 2023/11/2 13:46:18

E4980A 精密型 LCR 表，20 Hz 至 2 MHz

E4980A 精密型 LCR 表 20 Hz 至 2 MHz E4980A 精密型 LCR 表实现了测量准确度、速度与通用性的理想结合&#xff0c;适用于各种元器件测量。 E4980A 精密型 LCR 表实现了测量准确度、速度与通用性的理想结合&#xff0c;适用于各种元器件测量。 无论是在低阻抗量程还是在高阻…...

编程日记 2023/11/2 13:45:17

【前端工作提效】关于工作提效的一点实践与思考

1、测试提的BUG是一个一个提的&#xff0c;如果顺着测试提供的BUG单去一个一个解决问题&#xff0c;那么很容易管中窥豹&#xff0c;就像打补丁一样&#xff0c;缝缝补补&#xff0c;没有办法从根源去解决问题。所以我们需要尽量去了解代码的业务情况&#xff0c;并尽可能将一些…...

编程日记 2023/11/2 13:44:16

Pytorch 文本情感分类案例

一共六个脚本,分别是: ①generateDictionary.py用于生成词典 ②datasets.py定义了数据集加载的方法 ③models.py定义了网络模型 ④configs.py配置一些参数 ⑤run_train.py训练模型 ⑥run_test.py测试模型 数据集https://download.csdn.net/download/Victor_Li_/88486959?spm1…...

编程日记 2023/11/2 13:43:15

Flutter之GetX controller tag使用详解

本文主要介绍 GetX 依赖注入中 tag 的作用和使用详解。 作用 前面几篇文章介绍了 GetX 依赖注入的使用以及通过源码剖析了依赖注入的原理&#xff1a; •《Flutter应用框架搭建(一)GetX集成及使用详解》•《Flutter 通过源码一步一步剖析 Getx 依赖管理的实现》•《Flutter之…...

编程日记 2023/11/2 13:42:14

Kubernetes群集调度

调度约束 Kubernetes 是通过 List-Watch 的机制进行每个组件的协作&#xff0c;保持数据同步的&#xff0c;每个组件之间的设计实现了解耦。 用户是通过 kubectl 根据配置文件&#xff0c;向 APIServer 发送命令&#xff0c;在 Node 节点上面建立 Pod 和 Container。 APIServ…...

编程日记 2023/11/2 13:40:12

【总结】linux centos 7 开启网络白名单访问策略

目录 linux开启网络端口白名单访问策略开启白名单步骤补充说明 linux开启网络端口白名单访问策略 安全需要&#xff0c;被检测各种3306、9200、9300端口没有设置访问策略。需要整改。 对于linux来说&#xff0c;有两种方式可以开启防火墙 开启白名单步骤 场景一&#xff1a…...

编程日记 2023/11/2 13:39:11

2023-2024-1高级语言程序设计第1次月考

7-1-1 计算摄氏温度 给定一个华氏温度F&#xff0c;本题要求编写程序&#xff0c;计算对应的摄氏温度C。计算公式&#xff1a;C5(F−32)/9。题目保证输入与输出均在整型范围内。 输入格式: 输入在一行中给出一个华氏温度。 输出格式: 在一行中按照格式“Celsius C”输出对…...

编程日记 2023/11/2 13:38:10

目标检测：Proposal-Contrastive Pretraining for Object Detection from Fewer Data

论文作者&#xff1a;Quentin Bouniot,Romaric Audigier,Anglique Loesch,Amaury Habrard 作者单位&#xff1a;Universit Paris-Saclay; Universit Jean Monnet Saint-Etienne; Universitaire de France (IUF) 论文链接&#xff1a;http://arxiv.org/abs/2310.16835v1 内容…...

编程日记 2023/11/2 13:37:08

Cesium：CGCS2000坐标系的xyz坐标转换成WGS84坐标系的经纬高度，再转换到笛卡尔坐标系的xyz坐标

作者：CSDN @ _乐多_ 本文将介绍使用 Vue 、cesium、proj4 框架，实现将CGCS2000坐标系的xyz坐标转换成WGS84坐标系的经纬高度，再将WGS84坐标系的经纬高度转换到笛卡尔坐标系的xyz坐标的代码。并将输入和输出使用 Vue 前端框架展示了出来。代码即插即用。 网页效果如下图所示…...

编程日记 2023/11/2 13:36:07

【OpenCV实现图像：用Python生成图像特效，报错ValueError: too many values to unpack (expected 3)】

文章目录 概要读入图像改变单个通道黑白特效颜色反转将图像拆分成四个子部分 概要 Python是一种功能强大的编程语言&#xff0c;也是图像处理领域中常用的工具之一。通过使用Python的图像处理库&#xff08;例如Pillow、OpenCV等&#xff09;&#xff0c;开发者可以实现各种各…...

编程日记 2023/11/2 13:33:05

875. 爱吃香蕉的珂珂

题目描述 珂珂喜欢吃香蕉。这里有 n 堆香蕉&#xff0c;第 i 堆中有 piles[i] 根香蕉。警卫已经离开了&#xff0c;将在 h 小时后回来。 珂珂可以决定她吃香蕉的速度 k &#xff08;单位&#xff1a;根/小时&#xff09;。每个小时&#xff0c;她将会选择一堆香蕉&#xff0c…...

编程日记 2023/11/2 13:32:04

台灯太亮会导致近视吗？精选高品质的台灯

台灯相信很多家庭都会备上一台&#xff0c;用于办公、休闲或者给孩子学习使用&#xff0c;如果使用的台灯亮度过高的话&#xff0c;可能会对视力造成一定的影响&#xff0c;尤其是夜晚的时候。建议是选择带有亮度调节功能的台灯会比较好一点&#xff0c;可以自行根据周围环境的…...

编程日记 2023/11/2 13:31:03

多模态2025：技术路线“神仙打架”，视频生成冲上云霄

文&#xff5c;魏琳华 编&#xff5c;王一粟 一场大会&#xff0c;聚集了中国多模态大模型的“半壁江山”。 智源大会2025为期两天的论坛中&#xff0c;汇集了学界、创业公司和大厂等三方的热门选手&#xff0c;关于多模态的集中讨论达到了前所未有的热度。其中&#xff0c;…...

编程新知 2025/9/19 5:15:11

微信小程序云开发平台MySQL的连接方式

注&#xff1a;微信小程序云开发平台指的是腾讯云开发 先给结论&#xff1a;微信小程序云开发平台的MySQL&#xff0c;无法通过获取数据库连接信息的方式进行连接&#xff0c;连接只能通过云开发的SDK连接&#xff0c;具体要参考官方文档&#xff1a; 为什么&#xff1f; 因为…...

编程新知 2025/9/13 23:29:05

C++.OpenGL （20/64）混合（Blending）

混合（Blending） 透明效果核心原理 #mermaid-svg-SWG0UzVfJms7Sm3e {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-icon{fill:#552222;}#mermaid-svg-SWG0UzVfJms7Sm3e .error-text{fill…...

编程新知 2025/7/6 20:05:42

WebRTC从入门到实践 - 零基础教程

WebRTC从入门到实践 - 零基础教程 目录 WebRTC简介 基础概念 工作原理 开发环境搭建 基础实践 三个实战案例 常见问题解答 1. WebRTC简介 1.1 什么是WebRTC&#xff1f; WebRTC&#xff08;Web Real-Time Communication&#xff09;是一个支持网页浏览器进行实时语音…...

编程新知 2025/8/9 9:56:56

WEB3全栈开发——面试专业技能点P7前端与链上集成

一、Next.js技术栈 ✅ 概念介绍 Next.js 是一个基于 React 的 服务端渲染&#xff08;SSR&#xff09;与静态网站生成&#xff08;SSG&#xff09; 框架&#xff0c;由 Vercel 开发。它简化了构建生产级 React 应用的过程&#xff0c;并内置了很多特性&#xff1a; ✅ 文件系…...

编程新知 2025/7/8 2:31:11

AD学习（3）

1 PCB封装元素组成及简单的PCB封装创建 封装的组成部分&#xff1a; &#xff08;1&#xff09;PCB焊盘&#xff1a;表层的铜 &#xff0c;top层的铜 &#xff08;2&#xff09;管脚序号&#xff1a;用来关联原理图中的管脚的序号&#xff0c;原理图的序号需要和PCB封装一一…...

编程新知 2025/9/17 20:07:40

React、Git、计网、发展趋势等内容——前端面试宝典（字节、小红书和美团）

React React Hook实现架构、.Hook不能在循环嵌套语句中使用 , 为什么&#xff0c;Fiber架构&#xff0c;面试向面试官介绍&#xff0c;详细解释 用户: React Hook实现架构、.Hook不能在循环嵌套语句中使用 , 为什么&#xff0c;Fiber架构&#xff0c;面试向面试官介绍&#x…...

编程新知 2025/9/5 21:57:41

Linux系统：进程间通信-匿名与命名管道

本节重点 匿名管道的概念与原理匿名管道的创建命名管道的概念与原理命名管道的创建两者的差异与联系命名管道实现EchoServer 一、管道 管道&#xff08;Pipe&#xff09;是一种进程间通信&#xff08;IPC, Inter-Process Communication&#xff09;机制&#xff0c;用于在不…...

编程新知 2025/9/8 5:33:18

Java严格模式withResolverStyle解析日期错误及解决方案

在Java中使用DateTimeFormatter并启用严格模式&#xff08;ResolverStyle.STRICT&#xff09;时&#xff0c;解析日期字符串"2025-06-01"报错的根本原因是&#xff1a;模式字符串中的年份格式yyyy被解释为YearOfEra&#xff08;纪元年份&#xff09;&#xff0c;而非…...

编程新知 2025/8/6 19:33:12

Amazon RDS on AWS Outposts：解锁本地化云数据库的混合云新体验

在混合云架构成为企业数字化转型标配的今天&#xff0c;如何在本地数据中心享受云数据库的强大能力&#xff0c;同时满足数据本地化、低延迟访问的严苛需求&#xff1f;Amazon RDS on AWS Outposts 给出了完美答案——将AWS完全托管的云数据库服务无缝延伸至您的机房&#xff0…...

编程新知 2025/7/6 12:07:27