jquery 、thinkphp商品无限极分类

最新推荐文章于 2021-04-05 17:57:27 发布
最新推荐文章于 2021-04-05 17:57:27 发布
阅读量135 收藏
点赞数

运行中主要文件，仅限参考

HTML：

<!DOCTYPE html>

<html lang="zh-cn">

   <head>

      <meta charset="utf-8">

      <meta http-equiv="X-UA-Compatible" content="IE=edge">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <title>{$CONF['shopTitle']['fieldValue']}后台管理中心</title>

      <link href="__PUBLIC__/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">

      <link href="__ROOT__/Apps/Admin/View/css/AdminLTE.css" rel="stylesheet" type="text/css" />

      <!--[if lt IE 9]>

      <script src="__PUBLIC__/js/html5shiv.min.js"></script>

      <script src="__PUBLIC__/js/respond.min.js"></script>

      <![endif]-->

      <!--script src="__PUBLIC__/js/jquery.min.js"></script-->

      <script src="__PUBLIC__/plugins/bootstrap/js/bootstrap.min.js"></script>

      <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

      <script src="__PUBLIC__/js/common.js"></script>

      <script src="__PUBLIC__/plugins/plugins/plugins.js"></script>

      <script src="__PUBLIC__/plugins/formValidator/formValidator-4.1.3.js"></script>

      <script src="__PUBLIC__/plugins/kindeditor/kindeditor.js"></script>

      <script src="__PUBLIC__/plugins/kindeditor/lang/zh_CN.js"></script>

      

      <script type="text/javascript">

        var url="{:U('News/typeTree')}";

      </script>

      <script src="__PUBLIC__/js/bindDB.js"></script>

   </head>

   <script>

   $(function () {



    bindDB({ajaxurl:"{:U('News/typeTree')}"});

    

   KindEditor.ready(function(K) {

editor1 = K.create('textarea[name="articleContent"]', {

height:'350px',

allowFileManager : false,

allowImageUpload : true,

items:[

        'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',

        'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',

        'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',

        'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',

        'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',

        'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|','image','table', 'hr', 'emoticons', 'baidumap', 'pagebreak',

        'anchor', 'link', 'unlink', '|', 'about'

],

afterBlur: function(){ this.sync(); }

});

});

   $.formValidator.initConfig({

   theme:'Default',mode:'AutoTip',formID:"myform",debug:true,submitOnce:true,onSuccess:function(){

   edit();

       return false;

},onError:function(msg){

}});

   $("#articleTitle").formValidator({onFocus:"请输入文章标题"}).inputValidator({min:1,max:100,onError:"请输入100字以内文章标题"});

   $("#catId").formValidator({onFocus:"请选择文章分类"}).inputValidator({min:1,onError: "请选择文章分类"});

   $("#articleKey").formValidator({onFocus:"请输入关键字"}).inputValidator({min:1,max:80,onError:"请输入关键字"});

   });

   </script>

   <body class="wst-page">

       <form name="myform" method="post" id="myform" action="{:U('News/newsUp')}" autocomplete="off">

        <table class="table table-hover table-striped table-bordered wst-form">

           <tr>

             <th width='120' align='right'>文章标题<font color='red'>*</font>：</th>

             <td><input type='text' id='newsTitle' class="form-control wst-ipt" name="newsTitle" value="{$list.newsTitle}" maxLength='25'/>

                 <input type='hidden' name="type" value="{$list.type}">

             </td>

           </tr>

           <tr>

             <th align='right'>分类<font color='red'>*</font>：</th>

             <td>

              <select id='goodsCatId1' class="bindDB" name='select_0'>

                  <option value='0'>请选择</option>

                  <volist name="goodsCatsList" id="vo">

                  <option value='{$vo['catId']}'>{$vo.catName}</option>

                  </volist>

               </select>

             </td>

           </tr>

           <tr>

             <th align='right'>是否显示<font color='red'>*</font>：</th>

             <td>

             <label>

             <input type='radio' id='isShow1' name='isShow' value='1' <if condition="$object['isShow'] ==1 ">checked</if> />显示&nbsp;&nbsp;

             </label>

             <label>

             <input type='radio' id='isShow0' name='isShow' value='0' <if condition="$object['isShow'] ==0 ">checked</if> />隐藏

             </label>

             </td>

           </tr>

           <tr>

             <th align='right'>关键字<font color='red'>*</font>：</th>

             <td>

             <input type='text' id='newsKey' class="form-control wst-ipt" name="newsKey"  value="{$list.newsKey}" maxLength='80'/>

             <input type="hidden" name="newsId" value="{$list.newsId}">

             </td>

           </tr>

           <tr>

             <th align='right'>内容<font color='red'>*</font>：</th>

             <td>

             <textarea id='newsContent' name='newsContent' value="{$list.newsContent}" style='width:80%;height:400px;'>{$list.newsContent}</textarea>

             </td>

           </tr>

           <tr>

            <td>

               <input class="btn btn-success" type='submit' value="提交">

             </td>

             </tr>

        </table>

       </form>

   </body>

</html>

js:

$(document).ready(function(){

  function bindDB(options){

    //alert(options);

    var opt = options || {},

      $bindDB = $(".bindDB"),

      len = 0,

      nameText = "";

    if(!$bindDB[0]){$.error("对象不存在！");return false;};

    len = $bindDB.length;

    

    $(".bindDB").live("change",function() {

      

      if(this.name && this.tagName == "SELECT")



      {

        var that = $(this);

        //alert(that);

        that.nextAll(".bindDB").remove();

        len=$(".bindDB").length;

        //alert(len);

        if(/_/g.test(this.name)){

          nameText = this.name.split("_")[0]+"_";

          this.name = nameText+(len-1);

        }else{

          nameText = this.name+"_";

          this.name = nameText+(len-1);

        };

        $.ajax({

          url:url,

          dataType:"json",

          type:'post',

          data:{id:$(this).val()},

          timeout:5000,

          error: function(error){

            alert("网络超时！");

          },

          success: function(data){

  //console.

            //alert(data);

            //var data = eval("("+data+")");

            console.log(data);

            var option = "";

            $.each(data,function(k,v){

              option+= "<option value='"+v.catId+"'>"+v.catName+"</option>"

            });

            that.after("<select class='bindDB' name='"+nameText+len+"'>"+option+"</select>");

          }

        });

      }

    });

  };

  //bindDB();

  window.bindDB = bindDB;

})

thinkphp:

public function typeTree(){

    //获取商品分类信息

         $catId=I('post.id');

         $this->ajaxReturn($catId);exit;

         $m = M('goods_cats');

         $rs = $m->where('parentId='.$catId)->select();

     echo  json_encode($rs);

    }    



六六子大顺1
关注
ThinkPHP 实现无限极分类
weixin_42063472的博客
03-25 489
ThinkPHP 实现无限极分类 标题 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新...
ThinkPHP5_无限极分类
weixin_42137574的博客
03-28 483
Model.php //无极限分类--递归 public function getTree($array, $pid =0, $level = 0){ //声明静态数组,避免递归调用时,多次声明导致数组覆盖 static $list = []; foreach ($array as $key => $value){ //第一次遍历,找到父节点为根节点的节点 也就是pid=0的节点 if ($.
php中商品无限极分类
hbws37的博客
11-20 1354
以下代码是我从网上看视频抄下来的代码（是传智播客老师写的），以备后用。 1、在商品分类模型类中加入下面代码：                             class CategoryModel extends Model {                                             public function getAllCategories
php jquery无限极分类,jquery 、thinkphp商品无限极分类
weixin_31642161的博客
04-05 146
运行中主要文件，仅限参考HTML：{$CONF['shopTitle']['fieldValue']}后台管理中心var url="{:U('News/typeTree')}";$(function () {bindDB({ajaxurl:"{:U('News/typeTree')}"});KindEditor.ready(function(K) {editor1 = K.create('text...
ThinkPHP无限极分类
weixin_34194359的博客
03-15 161
2019独角兽企业重金招聘Python工程师标准>>> ...
thinkphp5使用无限极分类
10-17
无限极分类是一种常见的数据结构，用于实现具有层级结构的数据，比如商品分类、内容分类等。在ThinkPHP5中实现无限极分类，核心是通过递归算法处理数据，并生成树状结构。 ### 无限极分类实现步骤 1. **设计数据库...
Thinkphp5实现无限极分类
qq_43175099的博客
05-20 2008
商品分类页显示 主要调用common里的函数：在控制器调用getlevel（）的方法，在递归方法里用到的函数有：str_repeat（） array_merge（）在控制器controller先赋值 public function index(){ $data = db("数据表")->select(); return $this->fetch("",['d...
thinkphp3.2.3 无限极分类开发流程
唯心丶Yoko的博客
04-26 2142
无限极分类，几乎在每个网站都能用到，所以很重要。1.设计表pid：表示当前分类的父 id，他是实现无限级分类的关键无限级分类，主要从两个方面进行考虑的。（1）数据库的设计，表中的 pid 字段。（2）在程序的层面上，来完成，使用递归。其实也就是 pid  就是他父亲的 id 一直到 pid 为 0 这就到了顶级分类2. 添加分类首先写入 Controller 层（1）分类public functi...
[thinkphp] 无限极分类
weixin_30315435的博客
07-08 111
<?php /* * 无限极分类 类 */ header("Content-Type: text/html; charset=UTF-8"); Class Category { //组合一维数组 Static Public function unlimitedForLe...
无限极分类php
05-25
该Php 采用无限极分类尤其适用smarty模板，解决你的后顾之忧
thinkPHP下的无限极分类
huajunxi的专栏
03-29 1875
无限极分类在php的开发中起到很大的作用，如何是实现一个无限极分类，有AJAX的方法，现在我们用SQL语句进行写。现在表的结构如此，pid对应的是父亲记录的id， path对应自己的族谱关系。 建立的自己的控制器UserAction.class.php的index方法    function index(){     $dao =D('Cate');    // $list =$dao-
thinkphp 权限无限极分类
qq_1521514763的博客
11-19 1008
这里写图片描述 // 数据库的话,字段多一个父id /* 无限级分类 返回多维数组 */ protected function cat_tree($list,$parent_id=0){ $temp=array(); foreach($list as $k=>$v){ if($v['pare
Thinkphp实现无限极分类`
zrzlliuxiao的专栏
05-09 906
无限级分类太重要了。可是我就是不会写，怎么办？ 本篇就一点一点教大家写一个无限级分类出来。 最主要的是要掌握无限极分类的逻辑，那么写起来就很容易的多了 首先看数据库表：xp_cate 控制器： CateAction.class.php class CateAction extends Action{ function index(){ $cate=M('Cate');
thinkphp5无限极分类
dk2319193的博客
04-30 201
public function priTree() { $data = $this->select(); return $this->_reSort($data); } // 递归对有的分类进行重新排序 private function _reSort($data, $cate_pid=0, $...
在ThinkPhp中实现无限极分类
天下熙熙，皆为利来；天下攘攘，皆为利往。
08-06 5031
IndexController.class.php<?php namespace Home\Controller; use Think\Controller; class IndexController extends Controller { //查询全部数据 public function index(){ //实例化model $User=D(
分类栏目Thinkphp实现无限极分类
weixin_34290390的博客
05-28 157
每日一贴,今天的内容关键字为分类栏目     无穷级分类太重要了。可是我就是不会写，怎么办？     本篇就一点一点教大家写一个无穷级分类出来。     最主要的是要把握无穷极分类的逻辑，那么写起来就很容易的多了     首先看数据库表：xp_cate          控制器： CateAction.class.php      &lt;?php class Cate...
php无限极分类thinkphp,thinkphp5使用无限极分类
weixin_29734123的博客
03-11 222
本文实例为大家分享了thinkphp5使用无限极分类的具体代码，供大家参考，具体内容如下1. 先根据普通递归完成无限极分类2. 再根据分号的类的level 添加字符，再次存入数组的_name字段，最后按照_name字段输出/*** 获得树状数据* @param $data 数据* @param $title 数据库中字段名* @param string $fieldPri 数据库中主键id...
thinkphp 获取无限极分类里的顶级id
最新发布
06-09
可以使用ThinkPHP自带的Tree类库来实现无限极分类，然后通过遍历数组获取顶级分类的ID。具体实现步骤如下： 1.使用Tree类库生成无限极分类数组 ``` use think\Tree; $tree = new Tree(); $categoryList = db('...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值