thinkphp5.1 weui实现省市县三级联动

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

weui 省市县三级联动

打开边栏(ESC) 关闭边栏(ESC)

html代码

<div class="weui-cell weui-cell_active weui-cell_access" id="showCityPicker_areaId">
                <div class="weui-cell__hd"><label class="weui-label">公司所在地</label></div>
                <div class="weui-cell__bd weui-flex">
                  <label id="areaId-label" style="color: #ccc;">请选择省市县</label>
                  <input id="areaId" type="hidden" tips="请选择城市">
                </div>
                <div class="weui-cell__ft"></div>
              </div>

js代码-从数据库中获取省市县三级

<script>
    var cityData = [
    {volist name=":ZHTAreaList()" id='vo'}
    {value: {$vo.areaId},label: '{$vo.areaName}',children: [
      {volist name="vo.children" id='vo2'}
      {value: {$vo2.areaId},label: '{$vo2.areaName}',children: [
        {volist name="vo2.children" id='vo3'}
        {value: {$vo3.areaId},label: '{$vo3.areaName}'},
        {/volist}
      ]},
      {/volist}
    ]},
    {/volist}
    ];    
  </script>

js代码-初始化点击事件，弹出省市县选择框

$(function () {
  $('#showCityPicker_areaId').on('click', function () {
    weui.picker(cityData, {
      defaultValue: [2, 52, 500],
      depth: 3,
      onChange: function (result) {
          console.log(result);
      },
      onConfirm: function (result) {
          console.log(result);
          $('#showCityPicker_areaId  #areaId-label').html(result[0].label + " - " + result[1].label + " - " + result[2].label);
          $('#showCityPicker_areaId  #areaId-label').css("color", "#000");
          $('#showCityPicker_areaId  #areaId').val(result[2].value);
      },
      title: '省市县'
    });
  });
});

php代码-从数据库中调取省市县

/**
 * 获取所有省市县，拆分成3级
 */
function ZHTAreaList(){
	$data = cache('ZHT_AREA_LIST');
	if(!$data){
		$rs = Db::name('area')->where(['dataFlag'=>1])->field('parentId,areaId,areaName')->order('areaId asc')->select();
		$data = ZHTAreaList_($rs, 0);
		cache('ZHT_AREA_LIST',$data,378432000);
	}
	return $data;
}
/**
 * 组装成3级
 */
function ZHTAreaList_($data,$parentId){
	$tree = [];
	foreach($data as $k=>$v){
		if($v['parentId']==$parentId){
			// 再找其下级分类
			$v['children'] = ZHTAreaList_($data,$v['areaId']);
			$tree[] = $v;
		}
	}
	return $tree;
}

下载所需js文件https://github.com/Syske/learning-dome-code/blob/dev/weui-demo/city-picker.html

赏

前一篇

thinkphp只查询一次数据库，组装成3级分类，php递归...

后一篇

Thinkphp5-前置操作beforeActionList

ThinkPHP5.1 | 2018-12-29 10949

原来是这样use think\Config; 改成这样use think\facade\Config; 下面是官方手册的解释配置获取要使用Config类，首先需要在你的类文件中引入 use think\facade\Config; 或者（因为系统做了类库别名，其实就是调用think\facade\Config） u...

thinkPHP5 order多条件排序

ThinkPHP5.1 | 2017-10-24 10809

总结如下： //单一条件排序 $user = $this->where(['parentId'=>0)->field('userId,userName,userSort,isShow')->order('userSort', 'asc')->select(); //多个条件排序，可以多加一个order...