随笔分类 -  微信小程序

摘要:此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码。 前端小程序代码 index.wxml: index.wxss: index.js: 后端Java代码(这里我使用的是第三方存储,如腾讯云,如果读者朋友们是使用第三方存储替换是一件很容易的事情) 核心代码如下: 阅读全文
posted @ 2019-09-15 20:15 挑战者V 阅读(21070) 评论(1) 推荐(1) 编辑
摘要:效果图: 点击编辑值传过去了,那么编辑支出类型这个界面又是如何获取到值呢? 传值代码: type.js type.wxml: 接收值核心代码如下(这段代码通常放在onLoad函数体内): 阅读全文
posted @ 2019-07-20 21:59 挑战者V 阅读(414) 评论(0) 推荐(0) 编辑
摘要:效果图如下: 核心代码如下: wxml代码如下: data-id相当于绑定对应的值,比方说你是根据id来删除对应的数据。bindtap,即绑定事件。 阅读全文
posted @ 2019-07-20 21:58 挑战者V 阅读(5845) 评论(0) 推荐(1) 编辑
摘要:效果图: 这个标题是在哪里定义的呢?type.js核心代码如下(通常这段代码放在onLoad函数体内): 除了上面的在js中定义,还有在对应的json文件中定义(type.json),代码如下: 两者效果是一样的。 阅读全文
posted @ 2019-07-20 21:58 挑战者V 阅读(4075) 评论(0) 推荐(0) 编辑
摘要:效果图如下: 实例代码如下:type_add.js type_add.wxml: bindchange=”checkboxChange” 相当于js中的onchange事件。上述中的form表单基本就是参考官方文档改的。有一段代码还是要提一下: self其实相当于this,意为当前。每次触发事件,对 阅读全文
posted @ 2019-07-20 21:57 挑战者V 阅读(23065) 评论(1) 推荐(0) 编辑
摘要:效果图如下: 实现代码如下:type.js: type.js没什么好说的,如果要说,只能说这个onLoad这里的onLoad就相当于js中的onload方法,当进入该视图时,默认全局加载一次。 type.wxml: 遍历循环主要使用的是wx:for。如果要类比的话,我觉得jstl跟这个神似。先来看看 阅读全文
posted @ 2019-07-20 21:49 挑战者V 阅读(14506) 评论(0) 推荐(0) 编辑
摘要:效果图: 页面有点丑,作为初次学习,页面可以要求不那么美观,先学会再说。毕竟后面可以优化的很漂亮。代码实例如下: 参考资料:微信小程序之导航 阅读全文
posted @ 2019-07-20 21:48 挑战者V 阅读(962) 评论(0) 推荐(0) 编辑
摘要:关于缓存,举个示例,假定我不是通过微信授权登录的方式,小程序又是如何识别我登录后的身份呢???效果图: 这个功能我是通过缓存实现的。关键核心代码如下: 微信小程序提供的主要缓存如图: 那么两个缓存之间的区别又是什么? wx.setStorage(Object object) 将数据存储在本地缓存中指 阅读全文
posted @ 2019-07-20 21:48 挑战者V 阅读(2661) 评论(0) 推荐(0) 编辑
摘要:关于网络通信,这里我使用的是wx.request,官方代码示例如下: 对于初学者而言,官方示例可能会看不怎么懂,所以我就以我自己当初项目驱动学习的方式(开发个人的记账小程序)来作为学习实例。以登录来说,效果图如下: 此次示例包含表单校验和网络请求,代码如下:login.js 关于login.js,主 阅读全文
posted @ 2019-07-20 21:46 挑战者V 阅读(1354) 评论(0) 推荐(0) 编辑
摘要:错误信息:request:fail url not in domain list 原因:没有配置服务器域名 解决办法如下:(1)参考官方文档提供的解决办法(即配置对应的域名) https://developers.weixin.qq.com/miniprogram/dev/framework/abi 阅读全文
posted @ 2019-06-08 21:48 挑战者V 阅读(13984) 评论(4) 推荐(0) 编辑