![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
紫冰花飘
如有不解之处,请留言评论。
展开
-
黑马优购项目
文章目录1、准备工作。2、封装一些公共的组件3、请求接口渲染页面4、列表页面渲染5、详细列表下拉刷新,上拉加载6、详情页7、购物车页面8、我的页面1、准备工作。我们先把wx.request封装好。然后我们去配置路由。把尾部的导航配置出来。就是我们的首页、分类、购物车、还有我的。在全局的app.json中配置。{ "pages": [ // 这个是我们的页面,有点类似我们的vue路由 "pages/index/index", "pages/category/category"原创 2021-05-17 20:42:54 · 1052 阅读 · 0 评论 -
小程序发布流程
小程序发布流程注意:我们在发布小程序之前,需要配置服务器域名的白名单1、首先是上传代码打开我们小程序开发者工具,右上角一般会有一个上传按钮。然后会提示输入版本号,和项目备注,然后点击上传。然后上传成功会提示你:上传成功。2、提交审核接着我们去小程序的官网小程序官网登录之后我们找到左边的版本管理,然后点击提交审核。首次提交审核会让你去完成基本资料。前去填写就可填写小程序信息然后我们填写一下在返回去点击 添加开发者,然后我们接着点击编辑,这是编辑下面会出来添加开发者。然原创 2021-05-17 11:09:49 · 5381 阅读 · 0 评论 -
小程序支付流程
首先我们肯定是判断用户有没登录,一般都是判断本地有没有token。如果没有,让用户取登录。如果有,async add() { try { // 1 判断缓存中有没有token const token = wx.getStorageSync("token"); // 2 判断 if (!token) { wx.navigateTo({ url: '/pages/auth/auth' });原创 2021-05-16 15:17:45 · 120 阅读 · 0 评论 -
小程序获取收货地址流程
首先我们给一个元素点击事件然后我们在事件中使用wx.getSetting({ // 获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限 success:(res)=>{ if (res.authSetting['scope.address']) { wx.chooseAddress({ //获取用户收货地址。调起用户编辑收货地址原生界面,并在编辑完成后返回用户选择的地址。 success(res) {原创 2021-05-15 17:18:59 · 167 阅读 · 0 评论 -
小程序收藏、分享、客服功能
目录小程序收藏分享客服功能小程序收藏首先是进入页面实现思路:首先,我们进入详情页的时候需要获取一下本地存储收藏的数据,然后拿这个数据根当前获取到详情页的id进行对比,如果有相同的id,我们可以把一个变量变为true,然后我们的收藏图片的类名根据这个变量的true/false来改变。wxml页面<text class="iconfont {{flag?'icon-Collection cor':'icon-shoucang1'}} "></text> // 使用三元运算符原创 2021-05-15 17:06:43 · 190 阅读 · 0 评论 -
小程序中的下拉刷新、上拉加载更多
目录下拉刷新上拉加载更多下拉刷新思路:我们小程序有封装好的下拉动作,开启后,在使用小程序内置的监听用户下拉动作的函数,在里面重新请求第一页的数据首先在我们要使用下拉刷新页面的json配置中写入"enablePullDownRefresh":true, // 开启下拉刷新"backgroundTextStyle":"dark" // 改变刷新时出现的样式,默认是白色。然后在我们的开启下拉刷新的页面就可以下拉了。onPullDownRefresh:function(){ // onPu原创 2021-05-14 17:25:46 · 364 阅读 · 0 评论 -
小程序购物车的逻辑
购物车的复选框状态同步小程序的购物车添加购物车时,我会添加一个属性用于判断我们的商品有没有没选中,如果被选中呢,就会让这个状态呢变为true,没选中的变为false。然后循环渲染数据的时候,我们复选框的checked属性就根据这个状态的true/false来添加/删除。这样做我们在切换不同页面时保证复选框的状态不会发生改变。且当重新更新页面时也会同步我们勾选的商品。比如下边这个wxml// 我是使用了我们的小程序自带的复选框组,传入的是一组选中复选框的id,是一个数组形式。如:['1','2','原创 2021-05-14 08:17:49 · 605 阅读 · 0 评论 -
小程序获取支付授权
我们想要获取授权呢,需要一个button按钮,这个按钮上个绑定一个属性,然后就是绑定一个事件,这个事件相当于我们的点击事件,这个事件中,有事件对象,这个事件对象中有我们需要的参数,然后我们使用小程序内封装好的方法wx.login()方法,这个方法会返回一个code,然后我们就可以拼装一个对象作为参数去请求登录接口了。这个登录接口登录成功呢会返回一个token。然后使用本地存储保存一下。在让用户返回到支付页面就可以了。因为这里牵扯到地狱回调,所以我自己封装了一个Promise和async/await。注意原创 2021-05-14 00:05:28 · 325 阅读 · 0 评论 -
promise加async/await封装小程序的request
为什么要封装wx.requesrt因为我们平常项目中基本每页都需要请求数据,而如果我们每次请求输入据都用小程序本身的request就会造成代码量过多,很难找到相应的方法。所有我们要封装一下,从而减少代码量,这个我们可以做到请求的接口和页面分离,方便我们维护和阅读。我一般是这样封装的,我这里写的是我自己怎么封装的在我们项目的根目录下新建一个http文件,然后里面新建1个js文件,文件名叫http.js把,然后我们这个http.js主要使用promise封装我们的wx.request();let bas原创 2021-05-11 22:04:17 · 387 阅读 · 0 评论