微信小程序开发-第二弹(开发过程详解)

微信小程序开发精讲

点击蓝色字关注我们!

一个努力中的公众号

长的好看的人都关注了

c4c0bdd125f1d1b94bb68a21b4ed6ca3.png

前言:

      本篇文章为大家详细介绍微信小程序开发第二弹-小程序项目开发详解,后续步骤会逐步更新,欢迎大家关注。

       本系列文章采用之前文章SpringBoot文章项目为接口后端,来为我们提供前后端交互项目地址

 https://gitee.com/learning_stack_database/springboot

       前端小程序紧接第一弹开发,请大家不要查阅错误。

第一步 理解主文件-app.json

    1.1 pages模块概述

a3ba0a68c4f1e8d8539c5b6a2135b41f.jpeg

    1.2 window模块概述

4e5a53e0810164a6207885061bcdd2cb.jpeg

    1.3 设置选项卡-tabBar

5ae5a8509288c20ebb3b3f7f0e8c24d0.jpeg

   第二步 了解主配置文件-app.js
     2.1 app.js文件概述

5a8e870f072f826600dbd93375455ef8.jpeg

3165a1e94f80018a22fd8047be84bfbf.png

第三步 了解主配置文件-app.wxss

4244663c628345753812c027563064d4.png

第四步 开发

   4.1 了解小程序使用ajax方式

   小程序内部已封装好ajax方法-wx.request,本文将使用二次封装的request方法进行ajax交互

       get请求

e7ac0579185ca6ff587f6bd4f638f1ce.jpeg

     post 请求

00778ece46a47817ad20188ddbd37422.jpeg

对微信小程序封装好的http请求进行了二次封装以外,同时增加异常结果消息封装

在平常业务处理中,我们主要以如下方式进行调用

   app.js中引入所封装的http请求js

bc4c655954e3d9a0cce3711c0ba0fe8b.png

   声明ajax方法

4b561d75bb21609b590224b3534f6900.png

 对应功能js调用

4baf161af27ced03194b9d129e238441.png

日常业务使用http请求

51e90b1b7ee4baa6fbcc551c92635100.jpeg

具体一些原生方法或者控件可前往

https://developers.weixin.qq.com/miniprogram/dev/index.html?t=19012313

查看小程序开发

本编文章总结暂时到这里,小编将在下面的文章中,开始对小程序功能开发进行详细概述,项目源码将于后续文章中进行发布!

看完本文有收获?请转发分享给更多人

添加小编微信,加入技术交流群

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值