初入微信公众号–小程序开发的教程(微信公众号小程序开发流程)

初入微信公众号–小程序开发的教程

本教程只作参考,供入门学习。

步骤:

step1:准备搭建Java后台;

本次使用maven搭建ssm(你可以使用其他框架eg:servlet、struts系列等), 项目结构如下:

1>编写对应的controller

2>调试项目正常跑起来:

step2:配置服务器

step3:前台页面部分;

1>准阅读小程序发布流程:

2>编写前台页面:参考小程序文档(或者wxml文档),并下载相应的微信开发工具。

————-测试js编写:

Page({

data: {

textdata: \”测试 wx.request\”,

},

RequestData: function () {

var that = this;

wx.request({

url: \’http://joo.free.idcfengye.com/minpro/wx\’,

data: {},

method: \’GET\’, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

// header: {}, // 设置请求的 header 默认是application/json

success: function (res) {

// 操作json数据

var text = \”连接成功!\”;

for (var i in res.data) {

text = i \”.\” res.data[i] \”rn\”;

}

that.setData({ textdata: text });

},

fail: function () {

// fail

},

complete: function () {

// complete

}

})

},

onLoad: function (options) {

// 页面初始化 options为页面跳转所带来的参数

},

onReady: function () {

// 页面渲染完成

},

onShow: function () {

// 页面显示

},

onHide: function () {

// 页面隐藏

},

onUnload: function () {

// 页面关闭

}

})

——-编写 :

<!– request –>

<view>

<textarea value=\”{{textdata}}\”/>

</view>

<button bindtap=\”RequestData\” value=\”Button\”>我的request</button>

—运行结果:

由于中午休息时间编写的 ,有不当和遗漏的地方请大家批评指正,更多的信息请查看我的公众号(Lujoo),回复“初入微信公众号”

————————————————

版权声明:本文为CSDN博主「qq_32444825」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/qq_32444825/article/details/99677513

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月9日 上午10:19
下一篇 2024年5月9日 上午10:30

相关推荐