前端那些事之页面参数的传递

最新推荐文章于 2020-08-31 16:56:56 发布

weixin_33965305

最新推荐文章于 2020-08-31 16:56:56 发布

阅读量285

点赞数

文章标签：前端 ui python ViewUI

原文链接：https://my.oschina.net/yongxinke/blog/825136

版权

2019独角兽企业重金招聘Python工程师标准>>>

所有的接口用对象的形式封装

var url="http://localhost:8082";

var myApi={

    myList: "" + url + "/roadassistantclient/rulemanage/queryruleinstance.do",

}

防止页面出面 undefind

data.provinceName==undefined?'':data.provinceName

二个页面之间的参数传递怎么获取

A页面要带参数code到B页面
    <a  href="ruleDetail.html?code='{{d[i].code}}'" class="detail"  data-code="{{d[i].code}}">{{d[i].code}}</a>

B页面用一个工具涵接收

接收参数的方式如下：
 var code = getParame("code");

// 工具函数
function getParame (paramName) {
  var url = decodeURI(location.href);
  var reg = new RegExp('(\\?|&)' + paramName + '=([^&?]*)', 'i');
  var arr = url.match(reg);
  arr = arr ? arr[2] : null;
  if(!arr) return arr;
  arr = decodeURIComponent(arr);
  arr = arr.replace(/[\<\>\"\']+/g,"");
  return arr;
}

layer ui 提示信息的方法

/**
 * @param {String}
 *            提示的内容
 * @param {Number}
 *            图标
 * @description 0为警告，1为成功，2为错误，3为问号，4为锁定，5为失败， 6为成功
 */
function layerMsg(text, icon, timeout, cb) {
	layer.msg(text || '网络错误，请稍后再试!', {
		icon : icon || 5,
		time : timeout || 1500
	}, function() {
		cb && cb()
	});
}

layer ui 弹出层最大化设置

	var orderId = this.textContent;
		var href = "orderDetail.do?orderId=" + orderId;
		var index = layer.open({
			type : 2,
			area : [ '1024px', '640px' ],
			id : 'orderDetail',
			fix : false,
			maxmin : true,
			shade : false,
			title : '订单详情页面',
			content : href
		});
		layer.full(index)
	});

layer ui 实现关闭页面和提示方法

layer.msg(data.msg,{icon: 1,time : 1500}, function(){
							var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
							parent.layer.close(index); //再执行关闭
							parent.location.reload();
						});

点击跳转到另一个页面，获取值

datatable生成的

return "<div class='layui-btn layui-btn-small role-edit' data-roleid='" + obj.roleId + "'

获取的
$(document).on('click', '.role-detail', function() {
		var roleId = this.dataset.roleid;
	    var params = "?roleid=" + roleId;
		var href = "roleDetail.do"+params;
		var index = layer.open({
			type : 2,
			area : [ '1024px', '640px' ],
			id : 'roleDetail',
			fix : false,
			maxmin : true,
			shade : false,
			title : '用户列表',
			content : href
		});
		layer.full(index)
	});

datatable提示查询成功

myTable.on('draw.dt', function() {
		layerMsg('查询成功', 1);
	});

文件之间大小的换算

function bytesToSize(bytes) {
    if (bytes === 0) return '0 B';
    var k = 1024, // or 1024
    sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
    i = Math.floor(Math.log(bytes) / Math.log(k));
    return (bytes / Math.pow(k, i)).toPrecision(3) + ' ' + sizes[i];
}

export default {
    bytesToSize
}

转载于:https://my.oschina.net/yongxinke/blog/825136