微信小程序开发

记录了一些实用方法。如果有任何需要纠正的地方，请给我们更多的建议。第一次接触只是为了方便以后使用。非常感谢。

1.如何获取openId？

首先，我们需要找到可以在小程序中获取代码的地方。

成功创建小程序后，我们将看到app。js，然后打开文件以查看wx。登录方法

查看代码以获取openId和session_key

描述：publicFun GetOpenId（）和publicFunMyHttp（）是一种自封装方法，主要方便重用。

在utils文件下创建一个新的publicFun我习惯使用js文件。你可以随意命名。

以下是内容：

//所有定制的方法都必须模块化，并且必须引入和调用其他js

单元导出={

myHttp:myHttp，

GetOpenId:GetOpenId//以下是两个示例。合作伙伴可以定义和添加

}

/**网络请求*/

/************

Url:请求地址方法：GET POST请求方法

回调：成功返回数据：带参数的POST请求

**************/

函数myHttp（url、方法、回调、数据）{

wx.请求({

Url:Url，//只是一个示例，不是真正的接口地址

数据：数据，

方法：方法，

成功：回调

})

}

/***获取openId*/

函数getOpenId（）{

尝试{

var值=wx.getStorageSync（'openId'）；

如果（值！=“”）{

返回值；

}其他{

返回未定义；

}

}捕获（e）{

//捕获错误时执行操作}

返回未定义；

}

2.调试数据对接小程序与java之间的接口。下面是一个例子

如图所示，应制作此类内容

示例图

小程序文件格式

//kinds.js

介绍publicFun

var publicFun=require（“../../utils/publicFun.js”）；

此时，publicFun是一个对象publicFun.js定义的方法是参数

种类。js中的数据相当于一个需要自己定义的对象

/***页面的初始数据*/

数据：{

goodsKind:“”，

banner_url:“”，

phone:“”//从页面接收数据

/***您可以定义所需的属性***/

}，

getPhone:函数（e）{

this.set数据({

电话：e.detail。价值//分配

})

}

/***生命周期功能——监听页面加载*/

onLoad:函数（选项）{

让它=这个；

var url=httpUrl+'smallFindType'；//这是一个自定义的java接口

publicFun.myHttp（url，“GET”，函数（数据）{

let info=data.data；

that.setData（设置数据）({

goodsKind：信息。数据//这里是将获得的值分配给数据中定义的属性

})

});

},

/******单击事件********/

goDetail:函数（e）{

//自己定义活动内容

}

/***主要用于刷新后的初始化数据*/

onShow:函数（）{

}

3.页面元素的使用被称为kings Wxml（相当于html）kings Wxss（相当于css）

goods种类：种类。js中数据配置的属性

bindtap：它相当于js中种类配置中的点击事件

Wx:for相当于foreach数据goodsonetypeid:custom属性（相当于goodsKinds[i].id）

<视图

wx:for=“｛｛goodsKinds｝｝”wx:for index=“index”wx：key=“｛｛index｝｝”wx:for item=“item”data goodsonetypeid=“｛｝item.id｝”bindtap=“goDetail”

>

输入属性分析

Bindinput：在js的getPhone方法中将当前输入的值传递给kings

<输入

Bindinput='getPhone'type='number'占位符='手机号码'最大长度='11'>；/输入>

4.app。作为路由跳转，json必须在自己的自定义页面中配置，否则无法跳转

页面链接（包括tabBar）必须一一对应。页面的第一行是主页