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

看看资讯 / 100+人浏览
注意:免费节点订阅链接已更新至 2026-10-29,点击查看详情

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

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

步骤:

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]+ "\r\n";

}

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

版权声明:

作者: FreeClashNode

链接: https://www.freeclashnode.com/news/article-2317.htm

来源: www.freeclashnode.com

文章版权归作者所有,未经允许请勿转载。

特别推荐

飞鸟加速
飞鸟加速

高速稳定的网络加速

畅享全球内容,访问 ChatGPT、TikTok、Google 等热门网站。 全平台支持 · 7×24 专业客服 · 采用军工级安全加密传输技术。

免费节点实时更新

最新文章