laravel Dcat Admin 入门应用(三)Grid 之 Column

Dcat Admin 是一个基于 Laravel-admin 二次开发而成的后台构建工具,只需很少的代码即可构建出一个功能完善的高颜值后台系统。支持页面一键生成 CURD 代码,内置丰富的后台常用组件,开箱即用,让开发者告别冗杂的 HTML 代码。
laravel Dcat Admin 入门应用(三)Grid 之 Column

福利彩蛋:没有好玩的 API 接口?上百款免费接口等你来,免费 API,免费 API 大全

1、数据仓

通过数据仓生成grid数据

<?phpnamespace App\Admin\Repositories;use Dcat\Admin\Repositories\EloquentRepository;use App\Models\Draft as DraftModel;class Draft extends EloquentRepository{protected $eloquentClass = DraftModel::class;/*** 设置表格查询的字段,默认查询所有字段* * @return array*/public function getGridColumns(){return ['id', 'title', 'director', 'rate', ...];}}

2、控制器

<?php.../*** Make a grid builder.** @return Grid*/protected function grid(){return Grid::make(new Draft(['content' => function ($query) {$query->where('draft_id', '<', 5);}]), function (Grid $grid) {$grid->column('id')->sortable();// 第一列显示id字段,并将这一列设置为可排序列$grid->column('id', 'ID')->sortable();// 第二列显示title字段,由于title字段名和Grid对象的title方法冲突,所以用Grid的column()方法代替$grid->column('title');// 第三列显示为describe字段$grid->column('describe');$grid->column('status', '有效')->display(function ($status) {return $status ? '是' : '否';});// 下面为三个时间字段的列显示$grid->column('release_at');$grid->column('created_at');$grid->column('updated_at');});}

3、Grid -column扩展使用

1,可排序,帮助提示,top tips

/*** Make a grid builder.** @return Grid*/protected function grid(){//定义Tips触发classTooltip::make('.td-top-copy')->purple()->top();//如果需要使用关联关系预加载的话可以如下初始化(预加载可以避免n+1查询,但是不可以对预加载数据进行分页处理)$drat = new Draft([//作者信息预加载'authorInfo' => function ($query) {//条件过滤预加载信息$query->where('status', 1);},//内容预加载'content' => function ($query) {$query->where('draft_id', '<', 5);}];return Grid::make($drat), function (Grid $grid) {//针对数据仓调用原生model,同时添加查询条件,过了需要的数据$grid->model()->where('status', 1)->orderByDesc('created_at');//自定义返回样式:作者Id,添加帮助提示,自定义消息输出,鼠标hover后弹出title弹出$grid->column('author_id')->help('这里是描述')->display(function () {return ' <a data-title="' . $this->author_id . '" class="td-top-copy btn-white btn ">' . $this->author_id . '</a> &nbsp;&nbsp;&nbsp;';});//关联关系显示作者昵称$grid->column('authorInfo.nick_name')//根据状态的属性显示不同的样式$grid->column('status')->using([1=>'成功',2=>'失败'])->label(['default'=> 'primary',1=>'success',2=>'danger']);//显示下拉框编辑根据状态附加select框进行编辑$grid->column('changeStatus', '管理员操作')->display(function () {if (in_array($this->status, [1, 3])) {return $this->status;}return '---';})->if(function ($column) {if (in_array($this->status, [1, 3])) {return $column->select([1 => '通过',3 => '驳回',]);}});//如需自定义处理显示,可以在display()方法里进行处理$grid->column('authorInfo.nick_name', admin_trans_field('nick_name'))->display(function ($nickName) {return "<span class='copy-author-id' >$nickName 获取Id:".$this->author_info['id']."</span>";});//标题:如果长度超过20,显示...(注意中文和html实体标签处理)//补充说明:在column,display的闭包函数里面可以通过this获取当前row的其他属性值$grid->column('title', admin_trans_field('article_title'))->display(function ($title) {//(注意中文和html实体标签处理)$subTitle = $title = Helper::htmlEntityEncode($title);if (mb_strlen($title) > 20) {$subTitle = mb_substr($subTitle, 0, 20) . ' ... ';}return '<a style="color:orange;" target ="_blank" href="/details/' . $this->article['id'] . '" >' .$subTitle . '</a>';});//一、弹窗展示文章内容信息$grid->column('markdown')->modal(function ($modal) {//设置弹窗标题$modal->title('标题:' . $this->title);//弹窗内容return "<div style='padding:10px 10px 0'><pre>{$this->content['markdown']}</pre></div>";}); //二、弹窗展示文章内容信息(如果需要选择性的附加弹窗效果可以使用if)//这里是仅当内容长度大于20的时候才通过弹窗显示更多的内容$grid->column('content')->if(function ($column) {if (mb_strlen($this->content) >20) {return $column->modal(admin_trans_field('content'), function () {return CommentReview::make(['content' => Helper::htmlEntityEncode($this->content),]);});}}); });}

福利彩蛋:没有好玩的 API 接口?上百款免费接口等你来,免费 API,免费 API 大全

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/37968.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何在Vue3项目中引入TypeScript

在这篇文章中&#xff0c;我们将一步步指导你如何在Vue3项目中引入TypeScript。TypeScript是一种强类型的JavaScript超集&#xff0c;可以帮助我们在编写代码时避免许多错误&#xff0c;提高代码的可维护性。下面是具体的实现过程&#xff1a; 第一步&#xff1a;初始化Vue3项目…

Python | Leetcode Python题解之第188题买卖股票的最佳时机IV

题目&#xff1a; 题解&#xff1a; class Solution:def maxProfit(self, k: int, prices: List[int]) -> int:if not prices:return 0n len(prices)k min(k, n // 2)buy [0] * (k 1)sell [0] * (k 1)buy[0], sell[0] -prices[0], 0for i in range(1, k 1):buy[i] …

尚硅谷vue2的todolist案例解析,基本概括了vue2所有知识点,结尾有具体代码,复制粘贴学习即可

脚手架搭建 1-初始化脚手架&#xff08;全局安装&#xff09; npm install -g vue/cli2-切换到创建项目的空目录下 vue create xxxx整体结构 整体思路 App定义所有回调方法 增删改查 还有统一存放最终数据&#xff0c;所有子组件不拿数据&#xff0c;由App下发数据&#xf…

App托管服务分发平台 index-uplog.php 文件上传致RCE漏洞复现

0x01 产品简介 App托管服务分发平台是一个为开发者提供全面、高效、安全的应用程序托管、分发和推广服务的平台。开发者可以将自己开发的应用程序上传到平台上,平台会对上传的应用程序进行审核,确保应用的质量和安全性。平台会根据开发者的要求,将应用分发到不同的应用市场…

5G RAN

两个entity&#xff1a;NodeB、UE entity之间传输数据的东东 entity内部的流水线岗位&#xff1a;L3/L2/L1 岗位之间是消息交互/信令交互

利用labelme制作自己的coco数据集(labelme转coco数据集)

最近刚接触学习mmdetection&#xff0c;需要用到coco格式的数据集。 1.安装labelme 建议在conda(base)环境下安装&#xff08;前提是需要下载anaconda&#xff09;,下面是我已经装过的情况。 2.进入labelme环境下 中间可能会提示安装其它库&#xff0c;自行装上就行。 这里的…

Rtt与linux线程关键函数差异问题

rt_thread_startup和pthread_join()是两个用于处理线程的函数&#xff0c;但它们属于不同的线程库和操作系统环境&#xff0c;具有显著的功能差异。以下是它们的功能对比和差异说明&#xff1a; rt_thread_startup 功能&#xff1a; rt_thread_startup函数用于使初始化状态的…

Codeforces 220B

传送门 题目大意 给出一个长度为 n n n的序列&#xff0c;进行 m m m次询问。 每次询问区间 [ l , r ] [l,r] [l,r]内&#xff0c;有多少个数字 x x x刚好出现了 x x x次。 思路 枚举右端点 r r r&#xff0c;维护左端点 l l l&#xff0c;设法将 s u m ( l , r ) s u m (…

智能社区服务小程序的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;用户管理&#xff0c;房屋信息管理&#xff0c;住户信息管理&#xff0c;家政服务管理&#xff0c;家政预约管理&#xff0c;报修信息管理 微信端账号功能包括&#xff1a;系统首页&#xff0c;房屋信…

Flood Fill——AcWing 1097. 池塘计数

Flood Fill 定义 Flood Fill算法&#xff0c;又称为洪水填充或种子填充算法&#xff0c;是一种在图或网格数据结构中探索连通区域的搜索算法。它从一个初始节点&#xff08;种子点&#xff09;开始&#xff0c;将具有相同属性&#xff08;如颜色、值等&#xff09;的相邻节点…

P4. 微服务: 匹配系统(下)

P4. 微服务: 匹配系统 下 0 概述1 游戏同步系统1.1 游戏同步的设计1.2 游戏同步的实现 2 匹配系统微服务的实现2.1 微服务概述2.2 匹配系统接口url的实现2.3 微服务之间的通信2.4 匹配逻辑的实现2.5 匹配系统的权限控制 3 bug的解决3.1 自己匹配自己3.2 断开连接问题 0 概述 本…

大数据之Linux部署常用命令脚本封装

文章目录 编写集群命令执行脚本xcall集群命令执行1. 脚本需求2. 需求分析3. 脚本实现3.1 创建脚本存放目录3.2 编写xcall脚本3.3 修改脚本执行权限3.4 测试脚本 编写集群分发脚本xsync集群分发脚本1. 脚本需求2. 需求分析3. 脚本实现3.1 创建脚本存放目录3.2 编写xsync脚本3.3 …

计算机毕业设计PyFlink+Spark+Hive民宿推荐系统 酒店推荐系统 民宿酒店数据分析可视化大屏 民宿爬虫 民宿大数据 知识图谱 机器学习

本科毕业设计(论文) 开题报告 学院 &#xff1a; 计算机学院 课题名称 &#xff1a; 民宿数据可视化分析系统的设计与实现 姓名 &#xff1a; 庄贵远 学号 &#xff1a; 2020135232 专业 &#xff1a; 数据科学与大数据技术 班级 &#xff1a; 20大数据本科2…

微信小程序怎么使用本地存储

微信小程序提供了丰富的API来实现本地存储功能&#xff0c;主要通过以下几个方法来进行数据的存取&#xff1a; 1. wx.setStorageSync() 功能&#xff1a;将数据存储在本地缓存中指定的key中。这是一个同步接口。 用法&#xff1a; Javascript 1wx.setStorageSync(key, val…

重温react-06(初识函数组件和快速生成格式的插件使用方式)

开始 函数组件必然成为未来发展的趋势(个人见解),总之努力的去学习,才能赚更多的钱.加油呀! 函数组件的格式 import React from reactexport default function LearnFunction01() {return (<div>LearnFunction01</div>) }以上是函数式组件的组基本的方式 快捷生…

基于DSMM数据安全能力建设方案的落地性评估指标

写在前面&#xff1a; 随着信息技术的迅猛发展&#xff0c;数据已成为企业最宝贵的资产之一。然而&#xff0c;数据安全问题也随之而来&#xff0c;如何确保数据的安全性、完整性和可用性&#xff0c;已成为企业面临的重要挑战。DSMM&#xff08;数据安全能力成熟度模型&#x…

混合专家模型(MoE)的前世今生

在文章《聊聊最近很火的混合专家模型&#xff08;MoE&#xff09;》中&#xff0c;我们简单介绍了MoE模型的定义和设计&#xff0c;并且比较了MoE和Dense模型的区别&#xff0c;今天我们继续来回顾一下MoE模型发展的历史和最新的发展现状。 从去年GPT-4发布至今&#xff0c;MoE…

[C++][设计模式][中介者模式]详细讲解

目录 1.动机2.模式定义3.要点总结 1.动机 在软件构建过程中&#xff0c;经常会出现多个对象相互关联的情况&#xff0c;对象之间常常会维持一种复杂的引用关系&#xff0c;如果遇到一些需求的更改&#xff0c;这种直接的引用关系将面临不断的变化在这种情况下&#xff0c;可以…

SpringDataJPA系列(2)Commons核心Repository

SpringDataJPA系列(2)Commons核心Repository Spring Data Commons依赖关系 我们通过 Gradle 看一下项目依赖&#xff0c;了解一下 Spring Data Common 的依赖关系 通过上图的项目依赖&#xff0c;不难发现&#xff0c;数据库连接用的是 JDBC&#xff0c;连接池用的是 HikariC…

【软件工程中的演化模型及其优缺点】

文章目录 1. 增量模型什么是增量模型&#xff1f;优点缺点 2. 增量-迭代模型什么是增量-迭代模型&#xff1f;优点缺点 3. 螺旋模型什么是螺旋模型&#xff1f;优点缺点 1. 增量模型 什么是增量模型&#xff1f; 增量模型是一种逐步增加功能和特性的开发方法。项目被划分为多…