微信小程序中,如果没有参数,如何设置默认参数?
现在学会小程序,这方面的知识,需要积累。
现在的情况是这样:
如果想从后端获取产品列表,而这些列表是可以根据分类来获取的,也是可以获取所有产品的。
那么,为了不使小程序报错,那么,我们就可以将不传的参数设默认值为0,然后,传到后端。
var objectId = options.title||'所有商品';
var cat_id = options.cat_id||0;
var ptype = options.ptype||0;
var brandId = options.brandId||0;
这种方式,就可以设置默认值。
在后端,根据参数是不是为0,来作条件过滤。
if(intval($id)){
$where.=" AND cid=".intval($id);
}这样的写法,如果$id为0,则会返回false,而不会执行里面的逻辑。
搞定
小程序前端wxml
<navigator url="../listdetail/listdetail" class="item">
<image src="../../static/images/more.png" background-size="cover"></image>
<text>更多</text>
</navigator>
或是
<navigator url="../listdetail/listdetail?cat_id={{item.id}}&title={{item.name}}" class="item {{(index+1) % 3 == 0 ? 'last' : ''}}" wx:for="{{typeTree}}" wx:key="" wx:for-item="item">
<image class="icon" src="{{item.bz_1}}"></image>
<text class="txt">{{item.name}}</text>
</navigator>
小程序js
onLoad: function (options) {
console.log(options);
console.log(options.title);
var objectId = options.title||'所有商品';
//更改头部标题
wx.setNavigationBarTitle({
title: objectId,
success: function () {
},
});
//页面初始化 options为页面跳转所带来的参数
var cat_id = options.cat_id||0;
var ptype = options.ptype||0;
var brandId = options.brandId||0;
var that = this;
that.setData({
ptype: ptype,
catId: cat_id,
brandId: brandId
})
//ajax请求数据
wx.request({
url: app.d.ceshiUrl + '/Api/Product/lists',
method: 'post',
data: {
cat_id: cat_id,
ptype: ptype,
brand_id: brandId
},
header: {
'content-type': 'application/x-www-form-urlencoded'
},
success: function (res) {
var shoplist = res.data.pro;
that.setData({
shopList: shoplist
})
},
error: function (e) {
wx.showToast({
title: '网络异常!',
duration: 2000
});
}
})
},
php后端:
/**
* 获取商品列表接口
*/
public function lists(){
$json="";
$id=intval($_POST['cat_id']);//获得分类id 这里的id是pro表里的cid
$brand_id = intval($_POST['brand_id']);
// $id=44;
$type=I('post.type');//排序类型
$page= intval($_POST['page']) ? intval($_POST['page']) : 0;
$keyword=I('post.keyword');
//排序
$order="addtime desc";//默认按添加时间排序
if($type=='ids'){
$order="id desc";
}elseif($type=='sale'){
$order="shiyong desc";
}elseif($type=='price'){
$order="price_yh desc";
}elseif($type=='hot'){
$order="renqi desc";
}
//条件
$where="1=1 AND pro_type=1 AND del=0 AND is_down=0";
if(intval($id)){
$where.=" AND cid=".intval($id);
}
if (intval($brand_id)) {
$where.=" AND brand_id=".intval($brand_id);
}
if($keyword) {
$where.=' AND name LIKE "%'.$keyword.'%"';
}
if (isset($_REQUEST['ptype']) && $_REQUEST['ptype']=='new') {
$where .=' AND is_show=1';
}
if (isset($_REQUEST['ptype']) && $_REQUEST['ptype']=='hot') {
$where .=' AND is_hot=1';
}
if (isset($_REQUEST['ptype']) && $_REQUEST['ptype']=='zk') {
$where .=' AND is_sale=1';
}
$product=M('product')->where($where)->order($order)->limit($page.',20')->select();
//echo M('product')->_sql();exit;
$json = array();$json_arr = array();
foreach ($product as $k => $v) {
$json['id']=$v['id'];
$json['name']=$v['name'];
$json['photo_x']=__DATAURL__.$v['photo_x'];
$json['price']=$v['price'];
$json['price_yh']=$v['price_yh'];
$json['shiyong']=$v['shiyong'];
$json['intro']=$v['intro'];
$json_arr[] = $json;
}
$cat_name=M('category')->where("id=".intval($id))->getField('name');
$cat_pic=M('category')->where("id=".intval($id))->getField('bz_2');
echo json_encode(array('status'=>1,'pro'=>$json_arr,'cat_name'=>$cat_name,'cat_pic'=>$cat_pic));
exit();
}
微信小程序中,如果没有参数,如何设置默认参数?的更多相关文章
- 微信小程序中如何使用setData修改数组或对象中的某一参数
本人也是刚开始接触微信小程序,在微信小程序中经常会遇到修改数组中某一项的值,比如array[0]或者是对象中object.item的值.这些值在微信小程序中都需要使用一个名为setData的方法,而这 ...
- 微信小程序中的组件使用1
不管是vue还是react中,都在强调组件思想,同样,在微信小程序中也是使用组件思想来实现页面复用的,下面就简单介绍一下微信小程序中的组件思想. 组件定义与使用 要使用组件,首先需要有组件页面和使用组 ...
- 微信小程序中如何使用WebSocket实现长连接(含完整源码)
本文由腾讯云技术团队原创,感谢作者的分享. 1.前言 微信小程序提供了一套在微信上运行小程序的解决方案,有比较完整的框架.组件以及 API,在这个平台上面的想象空间很大.腾讯云研究了一番之后,发现 ...
- 微信小程序中的app.js-清除缓存
微信小程序中的app.js 关于小程序app.js生命周期的介绍 App(Object) App() 函数用来注册一个小程序.接受一个 Object 参数,其指定小程序的生命周期回调等. App() ...
- 在微信小程序中使用LeanCloud(一)
之前学习了微信小程序前端,使用到LeanCloud线上数据库 [传送门].作为一个前端开发人员,了解后端及数据库是学习工作的需要. LeanCloud直接登录,未注册直接创建账户.它是一款免费的线上数 ...
- 微信小程序中事件
微信小程序中事件 一.常见的事件有 类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 ...
- ES6中Class的用法及在微信小程序中的应用实例
1.ES6的基本用法 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板.通过class关键字,可以定义类.基本上,ES6 的class可以看作只是一个语法糖,它的绝 ...
- 去除富文本中的html标签及vue、react、微信小程序中的过滤器
在获取富文本后,又只要显示部分内容,需要去除富文本标签,然后再截取其中一部分内容:然后就是过滤器,在微信小程序中使用还是挺多次的,在vue及react中也遇到过 1.富文本去除html标签 去除htm ...
- 微信小程序中显示html富文本的方法
微信小程序中显示html富文本的方法 使用方法:git地址:https://github.com/icindy/wxParse 一.下载wxParse文件 二.在要引入的页面的js文件中,引入文件 j ...
- 微信小程序中promise的使用
简介 相信看到这篇文章的同学,都已经对微信小程序的api文档有所了解了,也都经历了微信小程序api回调函数嵌套的痛苦,才会想要通过Promise解决回调地狱这个问题,我下面就直接介绍怎么在小程序中使用 ...
随机推荐
- 【NPDP笔记】第三章 新产品流程
3.1 产品开发,风险与汇报的过程,开发实践和流程提升成功率 管控新产品失败的风险,随着成本增加,风险降低 知识能改改进决策,降低风险,决策框架 识别问题与机会 收集信息 组织记录,组织员工 外部 ...
- scala 特质的应用
一.为类提供可以堆叠的改变 package com.jason.qianfeng trait Loggertest { def logger(msg: String) } trait ConsoleL ...
- linux vi/vim 编辑器学习总结
linux vi/vim 编辑器学习总结 很多时候我们开发人员不可避免的会涉及到项目部署,这个时候使用的就不是我们所熟知的 Windows 和 Mac OS 操作系统了,而是类 Unix 系统.项目部 ...
- netty例子-客户端每隔5秒发送查询时间的请求,服务器端响应请求
netty是jboss公司开发的,基于异步的.事件驱动的网络应用程序框架,快速开发高性能.高可靠性的服务器和客户端程序 public class TimeServer { ; public void ...
- centos设置IP
centos设置IP 原由:虚拟机里安装了很多软件,每天要使用,原来使用的动态IP,而且很长时间也没变,一直使用的很好,忽然一天访问不了了,找了几次才发现动态IP地址变了,这些后决定将虚拟机的IP地址 ...
- Vue框架(一)——Vue导读、Vue实例(挂载点el、数据data、过滤器filters)、Vue指令(文本指令v-text、事件指令v-on、属性指令v-bind、表单指令v-model)
Vue导读 1.Vue框架 vue是可以独立完成前后端分离式web项目的js框架 三大主流框架之一:Angular.React.Vue vue:结合其他框架优点.轻量级.中文API.数据驱动.双向绑定 ...
- 【实战经验】--Xilinx--IPcore--PLL生成
用途: PLL用于产生自己想要的时钟,可以倍频有可以分频,通常倍频. 生成: 1.打开ISE—— Project —— New source,选择IP(CORE Generator & Arc ...
- 查询abap 程式应用到系统表table
*&---------------------------------------------------------------------* *& Report ZMM_TEXT ...
- antd通过 filterDropdown 自定义--按某天时间搜索
import React, { Component } from 'react'; import { Table, Input, Button, Icon, DatePicker } from 'an ...
- 如何让 height:100%; 起作用---父级元素必须设定高度
参考: http://www.webhek.com/post/css-100-percent-height.html https://www.cnblogs.com/kunmomo/p/1060066 ...