首页 » SEO优化 » layuiphp表格技巧_初学ThinkPHP一用TP6LayUI实现数据表格

layuiphp表格技巧_初学ThinkPHP一用TP6LayUI实现数据表格

访客 2024-11-26 0

扫一扫用手机浏览

文章目录 [+]

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

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

layuiphp表格技巧_初学ThinkPHP一用TP6LayUI实现数据表格

表构造

layuiphp表格技巧_初学ThinkPHP一用TP6LayUI实现数据表格
(图片来自网络侵删)

"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

<script>

layui.use('table', function () {

var table = layui.table;

//数据表格配置

table.render({

elem: '#winedensity'

//NGw7CXS5zD.php 是我的入口文件 可根据自己的项目修正

, url: '/NGw7CXS5zD.php/winedensity/ajax_get' //这里是要求掌握器,也是数据源

, height: 500

, width: 700

, page: true //开启分页

, cols: [[//表头

{field: 'ID', title: 'ID', width: 80, sort: true, fixed: 'left'} //和数据表字段对应,严格区分大小写

, {field: 'temp', title: '温度', width: 80}

, {field: 'vol', title: '酒精度', width: 100, sort: true}

, {field: 'density', title: '密度', width: 80}

, {field: 'update_time', title: '更新韶光', width: 176}

, {fixed: 'right', title: '操作', width: 176, align: 'center', toolbar: '#barDemo'} //工具条(编辑、删除)

]]

, event: true //这里三行暂时不用理会,为了往后更新数据后返回后回到当前页

, done: function(res,curr,count){

currPage = curr;

}

});

</script>

<script type="text/html" id="barDemo">

<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>

<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

</script>

掌握器代码: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);

}

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

运行:

标签:

相关文章

华少SEO,介绍搜索引擎优化之路

搜索引擎已经成为人们获取信息、解决问题的关键途径。搜索引擎优化(SEO)作为网站优化的重要手段,已经成为企业提升品牌知名度、提高网...

SEO优化 2025-03-20 阅读0 评论0

商道SEO,介绍电商行业高效营销之路

电子商务已成为我国经济增长的重要引擎。在激烈的市场竞争中,如何实现高效营销成为电商企业关注的焦点。本文将结合商道SEO策略,为您揭...

SEO优化 2025-03-20 阅读0 评论0

四网合一,打造高效网站推广新步骤

网站推广已经成为企业品牌建设、产品销售的重要手段。面对日益激烈的市场竞争,单一的推广方式已无法满足企业的需求。本文将探讨如何通过四...

SEO优化 2025-03-20 阅读0 评论0

大帅讲SEO,详细分析搜索引擎优化之路

网络营销已经成为企业竞争的重要手段。而搜索引擎优化(SEO)作为网络营销的核心技术之一,对企业提升网站流量、提高品牌知名度、增强用...

SEO优化 2025-03-20 阅读0 评论0