目录

要实现的功能

用表单里的提交过来的sort数据,批量修改表里的排序值

界面效果:

思路:

  1. 视图层表单提交数据主键=>sort值
  2. 控制器调用扩展类里的 public function cateSort($data, $obj) 方法

    //处理栏目排序 $data数组,$obj是实例化的表的对象
  3. cateSort验证数据并修改表里sort的值,如果提交的不是大于0的整数,就报错.

视图层

提交的数据排序数据是要 主键=>sort值

<input type="text" style="width:60px; text-align:center;" name="sort[{$cate.id}]" value="{$cate.sort}" />

 <form action="" method="post">
<table class="table table-bordered table-hover">
<thead class="">
<tr>
<th class="text-center" width="8%">ID</th>
<th class="text-center">分类名称</th>
<th class="text-center" width="10%">类型</th>
<th width="8%">显示到导航栏</th>
<th class="text-center" width="8%">排序</th>
<th class="text-center" width="14%">操作</th>
</tr>
</thead>
<tbody>
{volist name="cateRes" id="cate"}
<tr>
<td align="center">{$cate.id}</td>
<td><?php echo str_repeat('-', $cate['level']*8)?>{$cate.cate_name}</td>
<td align="center">
{if condition="$cate['cate_type'] eq 1"}
系统分类
{elseif condition="$cate['cate_type'] eq 2" /}
帮助分类
{elseif condition="$cate['cate_type'] eq 3" /}
网店帮助
{elseif condition="$cate['cate_type'] eq 4" /}
网店信息
{else /}
普通分类
{/if}
</td>
<td align="center">
{if condition="$cate['show_nav'] eq 1"}
<img src="__admin__/images/right.png" height="30">
{else /}
<img src="__admin__/images/wrong.png" height="25">
{/if}
</td>
<td align="center">
<input type="text" style="width:60px; text-align:center;" name="sort[{$cate.id}]" value="{$cate.sort}" />
</td>
<td align="center">
<a href="{:url('Cate/edit',array('id'=>$cate['id']))}" class="btn btn-primary btn-sm shiny">
<i class="fa fa-edit"></i> 编辑
</a>
{notin name="$cate['id']" value="1,2,3"}
<a href="#" onClick="warning('确实要删除吗', '{:url('Cate/del',array('id'=>$cate['id']))}')" class="btn btn-danger btn-sm shiny">
<i class="fa fa-trash-o"></i> 删除
</a>
{else /}
<a href="#" disabled="disabled" class="btn btn-danger btn-sm shiny">
<i class="fa fa-trash-o"></i> 删除
</a>
{/notin}
</td>
</tr>
{/volist}
<tr><td colspan="6" align="right" style="padding-right:16.5%;"><input class="btn btn-primary btn-sm shiny" type="submit" value="提交" /></td></tr>
</tbody>
</table>
</form>

打印提交的数据:

D:\xampp\htdocs\shop\thinkphp\library\think\Debug.php:165:

array (size=1)

'sort' =>

array (size=17)

20 => string '4' (length=1)

22 => string '3' (length=1)

21 => string '3' (length=1)

1 => string '2' (length=1)

3 => string '12' (length=2)

2 => string '11' (length=2)

4 => string '55' (length=2)

5 => string '54' (length=2)

7 => string '53' (length=2)

16 => string '52' (length=2)

17 => string '51' (length=2)

23 => string '2' (length=1)

25 => string '50' (length=2)

24 => string '50' (length=2)

19 => string '1' (length=1)

18 => string '1' (length=1)

26 => string '1' (length=1)

控制器里:

public function lst()
{
$Category = new Catetree();
$CategoryObj = db('Category');
if (request()->isPost()) {
$data = input('post.');
$cateres = $Category->cateSort($data['sort'], $CategoryObj);
if ($cateres === false) {
$this->error('只能填写大于0的数字');
}
$this->success('排序成功!', url('lst'));
}
$CategoryRes = $CategoryObj->order('sort DESC')->select();
$CategoryRes = $Category->Catetree($CategoryRes);
$this->assign([
'CategoryRes' => $CategoryRes,
]);
return view('list');
}

扩展函数里

D:\xampp\htdocs\shop\extend\catetree\Catetree.php

<?php
namespace catetree; use think\Validate; class Catetree
{
//处理栏目排序 $data数组,$obj是实例化的表的对象
public function cateSort($data, $obj)
{
foreach ($data as $k => $v) {
//数组里的排序值只能填写大于0的数字
$is_num = (!empty(intval($v)) && $v > 0 && Validate::is(intval($v), 'integer')) ? 1 : 0;
// dump($is_num);
if ($is_num == 0) {
return false;
}
$obj->update(['id' => $k, 'sort' => $v]);
}
}

第15课 栏目的排序处理(组件化) Thinkphp5商城第四季的更多相关文章

  1. 第9课 文章模块分析及建表 Thinkphp5商城第四季

    目录 文章模块的分析 表结构 文章模块的分析 表结构 CREATE TABLE `tp_cate` ( `id` smallint(6) NOT NULL AUTO_INCREMENT COMMENT ...

  2. 第3-5课 填充左侧菜单/品牌的添加 Thinkphp5商城第四季

    目录 左侧菜单的填充 品牌的添加 form标签里要加上method="post" enctype="multipart/form-data" form标签里如果 ...

  3. 第11课 文章分类(组件化开发) Thinkphp5商城第四季

    目录 思路: 控制器里 扩展类里: 视图层: 思路: 控制器查出所有数据后调用扩展类里的无限级分类 public function catetree($cateRes) 方法. 把排序好的数据传给视图 ...

  4. 第8课 Thinkphp 5 update判断修改成功与失败 Thinkphp5商城第四季

    没有修改数据时,判断修改成功与失败 如果提交时的数据库里之前的数据一样(即没有修改就提交表单),会返回0,此时 判断修改成功用$save !== false 这样才会提示修改成功. $save=db( ...

  5. 第7课 Thinkphp 5 模板输出变量使用函数 Thinkphp5商城第四季

    目录 1. 手册地址: 2. 如果前面输出的变量在后面定义的函数的第一个参数,则可以直接使用 3. 还可以支持多个函数过滤,多个函数之间用"|"分割即可,例如: 4. 变量输出使用 ...

  6. 第15课-数据库开发及ado.net-数据库介绍,主键,外键,启动数据库,数据库身份验证方式,建表,分离数据库

    第15课-数据库开发及ado.net 数据库介绍,主键,外键,启动数据库,数据库身份验证方式,建表,分离数据库 1.  学习方法 2.  多涨见识 3.  比自己强的人一起,学习更强:比自己更聪明的人 ...

  7. DRF框架(八)——drf-jwt手动签发与校验、搜索过滤组件、排序过滤组件、基础分页组件

    自定义drf-jwt手动签发和校验 签发token源码入口 前提:给一个局部禁用了所有 认证与权限 的视图类发送用户信息得到token,其实就是登录接口,不然进不了登录页面 获取提交的username ...

  8. 面试指南」JS 模块化、组件化、工程化相关的 15 道面试题

    JS 模块化.组件化.工程化相关的 15 道面试题 1.什么是模块化? 2.简述模块化的发展历程? 3.AMD.CMD.CommonJS 与 ES6 模块化的区别? 4.它们是如何使用的? 5.exp ...

  9. 第15课 - make的隐式规则(上)

    第15课 - make的隐式规则(上) 1. 问题 如果把同一个目标的命令拆分的写到不同地方,会发生什么? 执行make all 这个实验表明了:如果同一个目标的命令拆分的写到不同地方,那么 make ...

随机推荐

  1. JVM基础知识1--JAVA内存区域与内存溢出异常

    1,运行时数据区域 根据JAVA虚拟机规范的规定:JAVA虚拟机所管理的内存将会包括以下几个运行时数据区域 程序计数器(Program Counter Register)是一块较小的内存空间,它的作用 ...

  2. linux上的shutdown命令

    定时关机:shutdown -r now 立刻重新开机 shutdown -h now 立刻关机 shutdown -k now 'Hey! Go away! now....' 发出警告讯息, 但没有 ...

  3. HttpClient4.6的使用

    禁止转载,如需转载请联系本人 1)简介: HttpClient是apache的开源项目,弥补了Java自带的URLConnection功能不足,操作繁琐的缺点. 2)简单使用: a)get方式请求 / ...

  4. js小数点后保留几位方法:toFixed

    (0.22223343534).toFixed(2) 结果:0.22

  5. codevs 1664 清凉冷水

    1664 清凉冷水 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold         题目描述 Description 闷热的夏天,威斯康辛州的奶制品地区提供冷水供奶牛 ...

  6. vscode 常用插件安装

    设置中文语言使用快捷键[Ctrl+Shift+P],弹出的搜索框中输入[configure language],然后选择搜索出来的[Configure Display Language],locale ...

  7. [转] Adobe acrobat 破解教程

    最新版的Adobe Acrobat DC Pro可以使我们更方便的管理和编辑PDF文档,现在我为大家带来Adobe Acrobat DC Pro安装及破解教程,供大家安装和使用. 工具/原料   Ad ...

  8. iOS .Crash文件分析处理办法 (利用symbolicatecrash工具处理)

    崩溃分析方式:命令行解析Crash文件 通过Mac自带的命令行工具解析Crash文件需要具备三个文件 symbolicatecrash,Xcode自带的崩溃分析工具,使用这个工具可以更精确的定位崩溃所 ...

  9. log4j-初识

    1.配置文件介绍: 1.1. 控制台输出:log4j.rootLogger=DEBUG, Console ,File #Console log4j.appender.Console=org.apach ...

  10. 安装express

    就目前来说安装express需要走几个步骤,要不就会出现在检查版本的时候就会出现,expres不是内部的命令或者是这种 安装的步骤: 1. 先是输入npm install -g express-gen ...