百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

初学ThinkPHP(一):用TP6+LayUI实现数据表格

liuian 2025-02-15 00:05 12 浏览

ThinkPHP,LayUI官方教程对此已有比较详细的文档,但是对于新手来说,很多概念是不理解的,还是自己照葫芦画瓢上手一遍,加深理解。同时也把一些新手容易遇到的低级问题列一下。

TP6、LayUI的安装、配置、引入等略过,我们从新建数据表开始,ThinkPHP对相关的类、函数(控制器、模型、视图、表名、字段)等位置和命名有严格的规范要求,可自行查阅官方文档,这里通过例子,更直观一点了解。

首先,新建一个数据表:fun_wine_denstity

"fun_"为数据表前缀,在配置TP数据库时应已约定,下面新建控制器等文件时,命名要忽略前缀和“_”。delete_time,create_time,update_time三个字段为默认的,在相关模型操作更新数据时,由系统自动完成,其中delete_time为实现软删除功能。

然后,根据此表新建相关控制器、模型、视图等文件:用驼峰命名法

控制器:
app/controller/WineDensity.php 类名:WineDensity

模型: app/model/WineDensity.php 类名:WineDensity

视图:
app/view/winedensity/index.html

最后,贴下相关代码:

视图:
app/view/winedensity/index.html 根据自己项目自行引入LAYUI

控制器代码:
app/controller/WineDensity.php

要用到模型,引入模型,因为控制器类名和模型同名,这里这样写,至于为什么这样写,是不是有其他写法,暂时还不懂。

use app\model\WineDensity as WineDensityModel;

用到了paginate,引入:facade

use think\facade\Request;

use think\facade\View;


public function __construct(App $app) {

parent::__construct($app);

$this->modelClass = new WineDensityModel();

}

//后台表格列表接口,返回LayUI格式的JSON数据

public function ajax_get() {

list($this->page, $this->pageSize, $sort, $where) = $this->buildParames();

$list = $this->modelClass

->withCache(10)

->where($where)

->order($sort)

->paginate([ //前台数据表格使用了分页,这里用到paginate,这也是TP内置的

'list_rows' => $this->pageSize,

'page' => $this->page,

]);


$result = ['code' => 0, 'msg' =>'Get Data Success', 'data' => $list->items(), 'count' => $list->total()]; //LAYUI只接收此格式的JSON数据

return json($result);

}

模型代码,没有什么要自己写的,默认就行了。

运行:

相关推荐

Firefox火狐浏览器126版更新修复PDF.js漏洞

IT之家5月28日消息,Mozilla基金会在5月14日推出了Firefox火狐浏览器126版本,官方在更新信息中提到该版本主要修复了浏览器内置的PDF组件(PDF.js...

在Web应用中集成 PDF.js: 通过jsdelivr实现动态加载与批注的思考

PDF文档在现代Web应用中越来越常见,无论是作为文档预览、报告展示还是在线编辑的载体。Mozilla的PDF.js是一个功能强大的JavaScript库,它使得在浏览器端渲染和显示...

PDF文件长出“AI大脑”?网友惊呼:这操作太“黑科技”了

你以为PDF只是用来阅读文档的?这次它彻底颠覆了你的想象!极客AidenBai最新整活——直接把大语言模型(LLM)塞进PDF里,打开文件就能让AI讲故事、陪你聊天!更夸张的是,连Linux系统都能...

5种开源PDF解析方案(JS/Node.js)及实战教程

hi,大家好,我是徐小夕.徐小夕【知乎专栏作家】掘金签约作者,定期分享AI创业,可视化,企业实战项目知识,深度复盘企业中经常遇到的500+技术问题解决方案。【关注趣谈前端,技术路上不迷茫】最近一直...

好用的JavaScript客户端PDF插件——jsPDF

介绍和往常一样,jsPDF是一个开源的客户端的PDF解决方案,在之前的文章中已经介绍过几个Web端和PDF相关的库,jsPDF同样是一个不错的客户端PDF引SDK,你可以通过jsPDF在客户端完成相...

为wps增加node.js npm创建wpsjs加载项

选择环境:windows764位版版本:wps官方2019个人版:一。wps安装后,可以选择关闭广告:打开WPSOffice,点击左上角“首页”图标,依次点击右上角“设置”--->“配置...

TypeScript 1.5发布,支持大量ES6新特性

TypeScript1.5正式发布,此版本是VisualStudio2015更新的一部分,可以单独下载VisualStudio2013和npm,或直接从GitHub获得最新版本。值得关注的改...

1.5k+ 开源的高品质音乐命令行下载工具

大家好,我是开源探索者,持续分享开源项目,关注技术的最新动态,分享自己的经验和见解。今天为大家带来一款下载音乐的命令行工具:musicn,基于Node.js开发,可播放和下载高品质的音乐,支持咪...

1天搭建免费微信小程序商店卖茶(3)连载中

前期准备前两篇文章,分别架设好了小程序商站的后台服务端(提供小程序的数据接口,存储商品和交易信息等等),编译并且在手机上成功打开了测试版小程序,成功拉取到了服务器上的测试数据。本篇开始,为“真实”运营...

3200+ Cursor 用户被恶意“劫持”!贪图“便宜 API”却惨遭收割, AI 开发者们要小心了

整理|华卫近日,有网络安全研究人员标记出三个恶意的npm(Node.js包管理器)软件包,这些软件包的攻击目标是一款颇受欢迎的由AI驱动的源代码编辑器Cursor,且针对的是苹果mac...

npm install常见问题

npm编译npminstall叮当问题来了PSD:\wp\project\newPorject\tyzhhw-mysql\code\tyzhhw_sheshi>npminstalln...

微软TypeScript Native预览版发布,带来10倍以上编译性能提升

IT之家5月23日消息,微软首席产品经理丹尼尔罗森瓦瑟(DanielRosenwasser)昨晚发文,宣布TypeScriptNative预览版(最终将演变为TypeScript7...

如何在 Windows 11 或 10 上安装 ASK CLI

ASKCLI是亚马逊为开发人员提供的一个工具,用于创建Alexa技能并随后部署和管理它们。因此,初学者和经验丰富的开发人员都可以通过使用ASKCLI简化开发Alexa技能的任务。所以...

如何将package.json中的每个依赖项更新到最新版本

技术背景在前端开发中,项目的package.json文件管理着项目的依赖信息。随着时间推移,依赖项可能会发布新的版本,包含性能优化、功能增强和安全修复等。因此,将依赖项更新到最新版本对于项目的稳定...

全网最全的 Windows 系统下 Node.js 安装与配置

各位代码江湖的“萌新大侠”们!今天详细介绍windows下node.js的安装与配置,看这篇文章就够了。一、下载安装官网下载:下载|Node.js中文网选择需要下载的版本,这是之前的...