微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装

最新推荐文章于 2024-04-06 20:30:52 发布

Wei_Leng

最新推荐文章于 2024-04-06 20:30:52 发布

阅读量3.1k

点赞数

分类专栏： Android 自定义控件进阶文章标签：网络微信开发框架 listview gridview

Android 自定义控件进阶专栏收录该内容

344 篇文章 0 订阅

订阅专栏

wxapp-devFrame

项目地址： hss01248/wxapp-devFrame

简介：微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装.(这里好像都是安卓的,能发小程序的吗,我试试..)

小程序基本的开发框架

提供的封装

网络访问的二次封装

内部部分字段需要根据自己具体项目进行修改

netUtil.buildRequest(page,urlTail,params,callback)//必须的参数和回调
.setXxx(xxx)//额外的设置,链式调用
...
.send();//最终发出请求的动作

页面状态管理

loading 页面,空白页面,错误页面

        //netUtil
        showContent(that)
        showErrorPage(that,msg)
        showEmptyPage(that)

下拉刷新和上拉加载更多的 ui 和 api

纯 listview 和 gridview 页面的高度封装

index

gridview

blog

程序基本开发框架的搭建

优惠劵

Wei_Leng

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装

微信小程序基本的开发框架抽取,包括网络请求的二次封装,页面状态管理,常见页面模板封装
复制链接

扫一扫

专栏目录

微信小程序demo：页面框架(源代码+截图)

06-19

微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo：页面框架(源代码+截图)微信小程序demo...

微信小程序（组件封装）

weixin_45616142的博客

08-07

2613

今天说一下微信小程序组件的封装… 为什么要封装组件？写组件的目的就是为了复用，它的好处太多了 a. 写更少的代码。 b. 减少开发时间。 c. 代码的bug更少。 d. 占用的字节更少。 … 组件复用使我们的代码组织变得非常灵活。那么组件到底怎么封装，其实就和vue组件封装的思想一样的最近在写这样一个小程序：可以看到页面是有很多小块组成的，如果都在home页面开发的话，先不说js逻，就页面布局也很费劲，后期代码也不好维护，这个时候就可以用组件的方式来写。可以把组件定义好的标签直接引到home主页

参与评论您还未登录，请先登录后发表或查看评论

微信小程序网络请求封装

每天都要努力学习哦~~

10-11

2834

网络请求地址放到url.js中，分别制定开发环境，体验环境，线上环境网络请求的方法放到request.js中，暴露get、post、wxLogin方法请求前显示加载中，请求结束后隐藏加载中请求的接口方法，放到api.js中，并调用request.js中对应的方法。

【知识点】微信小程序网络请求封装必须知道的九件事

最新发布

程序员云阶的博客

04-06

797

此文章主要解析微信网络请求封装的整体逻辑和使用规范📒。希望这篇文章能够对大家有所启示跟帮助👇👇

微信小程序中的全局数据共享（状态管理）使用介绍

专注微信小程序

08-03

3681

微信小程序全局状态是指可以在不同页面之间共享的数据或状态。它可以存储用户的登录状态、个人信息、全局配置信息等。小程序中使用和实现全局数据共享用来创建store实例对象用来把Store中的数据和方法，绑定到组件或页面中使用。

微信小程序-封装请求API——promise方式

一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！

09-24

7540

微信小程序原生的请求API就是wx.request wx.request({ url: 'example.php', //仅为示例，并非真实的接口地址 data: { x: '', y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success (res) { console.log(res.data) } }) 有时候不能很好的适配我们的开发需求，比如我们要加一

小程序请求封装、使用

weixin_50206068的博客

06-20

1768

这篇文章介绍了如何在小程序中封装请求，以便在应用程序中进行数据交互。它涵盖了如何使用 wx.request() 方法来发送请求，以及如何处理请求返回的数据。文章中还介绍了如何使用 Promise 对象来处理异步操作，以及如何使用 async/await 语法来简化异步代码。通过阅读这篇文章，读者将能够了解如何在小程序中实现数据请求，并且能够更好地理解小程序的开发流程和原理

微信小程序缓存支持二次开发封装实现解析

01-19

这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下简介 微信小程序提供了缓存的api，包括同步和异步...

详解微信小程序中的页面代码中的模板的封装

08-29

主要介绍了详解微信小程序中的页面代码中的模板的封装的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下

微信小程序封装请求

咕噜咕噜wy的博客

07-20

1911

导语：微信小程序作为一种轻量级的应用开发框架，已经成为许多开发者的首选。在小程序开发中，网络请求是常见的需求之一。为了提高代码的复用性和开发效率，我们可以封装网络请求，使其更加易用和灵活。本文将介绍如何在微信小程序中封装请求，让开发变得更加便捷。

小程序封装网络请求和拦截器

2303_76218115的博客

03-28

2716

在开发小程序时，实际上我们通常需要封装网络请求和拦截器，以实现统一处理状态码和存储用户登录信息等功能。这样可以提高开发效率，减少代码重复，同时也可以提高代码的可维护性和可读性。

微信小程序开发--网络请求封装

shi450561200的博客

05-10

1318

其中 url：为请求的后台接口地址；data：为请求接口需要携带的参数；header：设置请求的 header，content-type 默认为 application/json，success：为请求成功后的回调，res包含请求成功后返回的数据。更多关于 wx.request的用法可以查看官方介绍。RequestTask | 微信开放文档那既然官方已经提供有api，为什么还需要进行二次封装呢？

微信小程序：全局状态管理mobx-miniprogram（类似store）

别告诉我有Bug

07-07

5025

微信小程序：全局状态管理mobx-miniprogram，在小程序中，常常有些数据需要在几个页面或组件中共享。使用 MobX 来管理小程序的跨页面数据, 其实类似于vuex的store。

微信小程序封装api请求步骤

geng97280的博客

01-28

3329

微信小程序封装api请求步骤

微信小程序请求封装

weixin_62328829的博客

12-26

1048

在小程序目录下建立 api 文件夹，并在文件夹下创建 api.js 脚本。下面开始封装 wx.request。post 请求就是api.post()…，get 请求就是api.get()…那么微信小程序会不会有类似vue中axios那样的东西呢。我们每次都需要写这些参数的话就很麻烦。通常项目中会有很多需要请求的接口。推荐两个自己封装的请求。使用封装过后的 api。

小程序状态管理解决方案

ly2002_10的博客

06-15

777

由于小程序包的体积过小，不能承载过大的库，今天偶然发现了一种类似于vuex，redux的轻量型库。

uniapp微信小程序-请求二次封装（直接可用）

apple_70049717的博客

01-26

3174

当需要添加新的功能、处理错误或者进行性能优化时，只需修改封装的请求逻辑而无需深入到每个组件或页面中。：通过封装请求，你可以在整个项目中重用相同的请求逻辑。这样一来，如果 API 发生变化或者需要进行优化，你只需在一个地方修改代码，而不是在每个使用这个请求的地方都进行修改。：封装的请求可以统一处理错误，提高了错误处理的一致性。你可以在请求拦截器中处理一些通用的错误，例如网络错误、权限问题等，使代码更加健壮。：通过封装，可以在一个地方统一配置请求的一些参数，例如基本路径、请求超时时间、请求头等。

小程序基础学习（请求封装）（重点，核心）

m0_64908546的博客

01-14

966

目录首先：封装一个request请求的js文件，用的是Promise然后：请求编写原理：首先在页面加载完成以后发送一次请求数据，由于请求的数据会反复使用，直接把他抽离到外面，以后直接调用。在使用async和await异步的方式接收请求的数据。最后在设置页面的宽高，并设置触底之后在发送一次请求即可。组件代码request代码

微信小程序 封装网络请求+接口统一管理

03-29

在微信小程序中，我们可以使用 wx.request() 方法来发送网络请求。为了方便管理和维护，我们可以将网络请求进行封装，并将接口进行统一管理。以下是封装网络请求的步骤： 1. 新建一个 utils 文件夹，用于存放工具类文件。 2. 在 utils 文件夹中新建一个 request.js 文件，用于封装网络请求。 3. 在 request.js 文件中，定义一个 request() 方法，用于发送网络请求。例如： ``` function request(url, data, method) { return new Promise((resolve, reject) => { wx.request({ url: url, data: data, method: method, success: res => { resolve(res.data); }, fail: err => { reject(err); } }) }) } ``` 这里使用了 Promise 对象，方便后续处理异步请求。 4. 在 request.js 文件中，定义一个统一管理接口的对象。例如： ``` const API = { login: '/api/login', getUserInfo: '/api/getUserInfo', ... } ``` 这里定义了两个接口，login 和 getUserInfo。 5. 在需要发送网络请求的页面中，引入 request.js 文件，并使用 API 对象来发送请求。例如： ``` import { API } from '../../utils/request.js' Page({ onLoad: function () { this.getUserInfo(); }, async getUserInfo() { const data = { // 请求参数 }; const res = await request(API.getUserInfo, data, 'GET'); // 处理响应结果 } }) ``` 这里使用了 async/await 来处理异步请求，使代码更加简洁。通过以上步骤，我们可以方便地封装网络请求，并统一管理接口。这样，当接口发生变化时，我们只需要修改一次 API 对象即可，不需要在每个页面中修改请求地址。同时，也方便统一处理请求头、请求参数、响应数据等。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交