uni-app:关于小程序开发规范与架构设计的理解

2.1、请求协议管理


1、说明文档:

1.1、请求类型有:get、post、put、delete,以及上传下载等请求。

1.2、配置参数:一次配置,全局通用的:$u.http.setConfig()。

1.3、请求拦截和响应拦截(如配置,每次请求都会执行):此两个拦截,是可选配置的。

2、项目应用

2.1、该小程序的配置参数和拦截器位置见:【api/http.interceptor.js】

2.2、配置参数设置:baseUrl(域名)、dataType(解析格式)、header(请求头)

2.3、请求拦截设置(token):Authorization、Cookie

2.4、响应拦截设置(token):数据回调、异常处理、loading、toast

【api/http.interceptor.js】文件,内容示例如下:


// 这里的vm,就是我们在vue文件里面的this,所以我们能在这里获取vuex的变量,比如存放在里面的token

// 同时,我们也可以在此使用getApp().gData,如果你把token放在getApp().gData的话,也是可以使用的



const install = (Vue, vm) => {

	Vue.prototype.$u.http.setConfig({

		baseUrl: process.uniEnv.baseUrl,

		dataType: 'json',

		header: {

			'content-type': 'application/json;charset=UTF-8'

		}

	});

	// 请求拦截,配置Token等参数

	Vue.prototype.$u.http.interceptor.request = (config) => {

		// 如果不带token,可以在头部传入时候写入token即可

		if (!config.header.token && vm.$store.state.vuex_token) {

			config.header.Authorization = 'Bearer ' + '注入token';

			config.header.Cookie = 'JSESSIONID=' + '注入sessionId' +

				";ClientVersion=6.50";

		}

		return config;

	}

	// 响应拦截,判断状态码是否通过

	Vue.prototype.$u.http.interceptor.response = (res, header) => {

		// 判断是否不需要提示

		let isShowToast = true

		if (header && header['zm-show-toast'] == 'false') {

			isShowToast = false

		}

		

		// #ifdef MP-WEIXIN

		// 兼容微信接口返回的状态使用flag

		if (res.flag === false || res.flag === true) {

			if (res.flag === true) {

				res.code = 10000

			} else {

				res.code = 0

			}

			res.message = res.msg

			res.body = res.data

		}

		// #endif



		if (res.returncode == '10
  • 25
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: uni-app-template是一款基于uni-app框架建立的通用模板,可以为开发者提供一个基础的项目结构和功能模块,减少开发的时间和工作量。 该模板的优势在于跨平台性能良好,支持同时开发多个平台的应用程序,并且可以达到近乎原生的用户体验。 在使用uni-app-template时,开发者可以选择不同的开发方式,如HBuilder X、VS Code等,也可以选择不同的UI框架和组件库进行二次开发。该模板还提供了常用的API,如ajax、storage、toast、loading等,方便开发者快速构建应用界面。 总之,uni-app-template是一款十分实用的通用模板,开发者可以通过基于此模板的项目,快速开发出高性能、跨平台的应用程序。 ### 回答2: uni-app-template是一个能够快速构建uni-app项目的通用模板。uni-app是一款跨平台开发框架,可以将一份代码同时转化为多个平台的应用程序,如微信小程序App Store和Google Play应用商店,以及各种移动设备。 uni-app-template的特点主要体现在以下几个方面: 1.简单易用 uni-app-template是一个基于uni-app的通用模板,具有简单易用的特点,可以轻松构建平台适配性高、UI风格统一的app。 2.多平台适配 uni-app-template支持多种平台适配,不仅可以生成微信小程序应用,还可以生成iOS和Android应用,无需重新编写代码。因此,采用uni-app-template开发应用程序可以大大提高开发效率和代码复用率。 3.模块化开发 模板支持应用程序的模块化开发,可以将功能实现的代码封装在一个模块中,方便开发者进行管理和维护,并提高代码的可重用性和可维护性。 4.灵活配置 uni-app-template支持灵活配置,可以根据不同的需求选择不同的UI组件、主题颜色、字体、字号等参数,还可以根据具体平台的特点进行适配。 总之,uni-app-template是一个开发者在uni-app框架下快速构建多端应用程序的好选择。借助它,可以迅速构建高效、稳定、具备多端适配能力的app,大大提高开发效率和使用体验。 ### 回答3: Uni-app-template是一种用于uni-app框架的通用模板。uni-app是最近非常受欢迎的移动端应用开发框架,它可以一次编写,多端发布,不仅能够开发微信小程序,还可以开发iOS和安卓应用,还支持H5。 Uni-app-template能够提供一个通用的模板,以便开发者更加高效地完成开发工作。这个模板内置了一些常用的功能,例如页面布局,样式设置,组件引用等。开发者在使用这个模板时,可以根据自己的需要,逐步添加或修改代码,来实现自己的功能。 Uni-app-template中已经内置了很多通用的组件,例如tab栏、navbar、搜索栏等,这些组件可供开发者直接使用,以减少重复开发的工作量。 此外,Uni-app-template还内置了一些常用的插件,例如uni-ui(一个类似于Element UI的移动端UI组件库)、uview(一个为uni-app量身定制的UI库)等,这些插件可以帮助开发者更简单地进行开发工作。 Uni-app-template的另一个优点是它的兼容性。一旦应用开发完成,它将能够直接在各个平台上运行,包括微信小程序、iOS和安卓应用,以及H5网页应用。由于Uni-app框架和Uni-app-template具有良好的兼容性,使得开发者的工作更加高效和简单。 总之,Uni-app-template是一个非常实用和方便的开发工具,它能够帮助开发者更加快速、高效地完成应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值