微信小程序
关注
分享
扫一扫
文章平均质量分 52
开猿节流
代码改变人生——代码改变世界
展开
-
微信小程序（八）实战——加载图片images
1.加载本地图片本地路径：/pages/images/1.png<image class="widget_arrow" src="/pages/images/1.png" mode="aspectFill"></image>在wxss中设置图片样式.widget_arrow{ width:25px; height:25px; }2.加载网络图片网络图片地...原创 2018-07-09 09:53:09 · 28919 阅读 · 6 评论 -
微信小程序 Sfdump = window.Sfdump || (function (doc)…re Sfdump("sf-dump-1805557920")
今天在小程序数据显示的时候遇到了这个错误：{data: "<script> Sfdump = window.Sfdump || (function (doc)…re><script>Sfdump("sf-dump-1805557920")</script>↵", header: {…}, statusCode: 200, errMsg: "request:...原创 2018-07-06 16:14:48 · 2924 阅读 · 0 评论 -
微信小程序（十）实战——请求后台数据（微信小程序+laravel）
1.刚开始是本地测试链接数据库，传递死数据，为了将前后流程走通，也就是给定一个数据 从前台——》到后台——》前台显示；2.现在我们是实战，直接干；①页面加载就请求后台数据 onLoad: function (options) { var that = this;//=====注意此处，要用that 指代thi...原创 2018-07-06 18:17:32 · 10623 阅读 · 7 评论 -
微信小程序（十四）实战——路由
路由：路由在项目开发中一直是个核心点，在这里其实微信对路由的介绍很少，可见微信在路由方面经过很好的封装，也提供三个跳转方法。wx.navigateTo(OBJECT)：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。 wx.redirectTo(OBJECT)：关闭当前页面，跳转到应用内的某个页面。 wx.navigateBack()：关闭当前...原创 2018-07-26 14:00:47 · 382 阅读 · 0 评论 -
微信小程序（十五）实战——图片上传
在.wxml中写： <label name='images'> <image src='{{uploadImg}}' class='imgadd' bindtap="uploadImg" ></image> </label>在.wxjs中写：uploadImg: function(){ let _this...原创 2018-08-09 10:28:15 · 896 阅读 · 0 评论 -
微信小程序（十七）——实战微信小程序分页加载
分页加载功能大家遇到的应该会经常遇到，应用场景也很多，例如微博，QQ，微信朋友圈以及新闻类应用，都会有分页加载的功能，这不仅节省了我们用户的流量，还提升了用户体验。那么今天的这篇文章就是介绍微信小程序中如何实现分页加载的功能。数据来自于后端（lumen带分页） /** * @todo 获取订单列表 * @return mixed */ publ...原创 2018-08-14 17:58:08 · 1248 阅读 · 0 评论 -
微信小程序（十六）实战——微信小程序的百度地图的Api获取地理位置
github：https://github.com/ChenPing168/-BaiduApi使用百度地图的api来获取地位位置的信息第一步：先到百度开放平台http://lbsyun.baidu.com申请akhttp://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key申请到ak后，在我的应用里就能查看到然后下载...原创 2018-08-13 17:04:38 · 7812 阅读 · 2 评论 -
微信小程序（十九）——表单数据提交和小程序表单赋值（组装数据）
前端表单代码.wxml：<form > <view class='form-box'> <view class='form-item'> <view class='form-title cur'>姓名</view> <input placeholder='请输入患者姓名' data-typ...原创 2018-08-27 14:38:26 · 6141 阅读 · 0 评论 -
微信小程序（十八）——封装request请求(ajax)请求后台接口
官方的request请求：wx.request(OBJECT)wx.request发起的是https请求。一个微信小程序，同时只能有5个网络请求连接。OBJECT参数说明：参数名 类型 必填 说明 url String 是 开发者服务器接口地址 data Object、String 否 请求的参数 header ...原创 2018-08-23 10:46:13 · 3202 阅读 · 0 评论 -
微信小程序（二十）——小程序验证银行卡有效性（函数封装）
checkCard(cardNo) { if (isNaN(cardNo)) return false; if (cardNo.length < 12) { return false; } var nums = cardNo.split(""); var sum = 0; var index = 1; f...原创 2018-08-28 09:27:47 · 3642 阅读 · 0 评论 -
挂号无忧小程序项目总结
挂号无忧项目从开始到现在已经快一个月时间了，项目第一版也开始测试了，现在我也自我总结一下在项目总的一些心得和收获：关于微信小程序前端：挂号无忧小程序，没有太多的附加功能，所以数据以及对数据的处理是这次的主体工作，项目前期主要是做的患者端和顾问端，（后期管理端还会跟上）以前对小程序也了解一点点，但是没有实际上过项目，就是一些简单的页面跳转和数据显示，所以这次项目也是第一个小程序项目，收获还是...原创 2018-09-10 15:14:16 · 1354 阅读 · 0 评论 -
开篇：小程序的 Node.js 全栈之路
开篇：小程序的 Node.js 全栈之路17 个月100 多万款小程序150 多万名小程序开发者5000 多家第三方平台小程序生态下持续飙升的行业数据，令人热血沸腾。原本受制于 HTML5 的用户体验欠佳，用户们不得不消耗上月的时间，去完成一套 Android/iOS 单平台的原生应用。如今借助小程序 JavaScript 的动态语言灵活性与跨平台性，可以数日之内，便完成一款跨平台的...翻译 2018-09-15 10:44:17 · 1817 阅读 · 0 评论 -
微信小程序之项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo：百度小说搜索shitoujiandaobu 小程序：石头剪刀布（附代码说明）audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分switchCity 微信小程序...原创 2018-07-05 18:25:39 · 778 阅读 · 0 评论 -
微信小程序（九）实战——for循环
wx:for在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item在.js文件 data: { languages: [ { id: 1, name: 'php' }, { id: 4, name: 'javascript' }, { id: 3...原创 2018-07-05 15:30:41 · 18020 阅读 · 0 评论 -
微信小程序（十一）实战——时间的获取，比较，判断（微信小程序 如何获取时间）
1.获取当前系统日期和时间在小程序中，新建项目时，就会有一个utils.js文件，就是获取日期和时间的，代码如下：utils.js：const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const...原创 2018-07-09 16:05:53 · 24345 阅读 · 18 评论 -
微信小程序（十二）实战——小程序模板template的使用,以及传递集合数据
如下图，我们经常做这样的列表页，课程搜索结果页和课程列表页结构是完全一样的，非常适合使用模板来完成页面搭建。这样我们就不用写那些重复的代码了,而且修改界面的时候也只需要改动模板一个地方一、定义模板1、新建一个template文件夹用来管理项目中所有的模板； "pages/template/personCourseTmp",2、新建一个personCourseTmp.wxml文件来定义模板； 3、...原创 2018-07-09 18:40:24 · 6003 阅读 · 0 评论 -
微信小程序（十三）实战——Form表单提交
官方手册：实例走一波 >>>form.wxml <!--pages/form/form.wxml--><text>pages/form/form.wxml</text><view class="viewTitle"><text class="view-Name"&原创 2018-07-10 13:56:56 · 41565 阅读 · 4 评论 -
微信小程序（一）认识微信小程序
微信在2016年初推出应用号的概念。一、什么是微信小程序？张小龙在朋友圈里这样解释道：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。个人认为其实最开始的名称应用号就是最好的解释。相对于之前的几个号，服务号和订阅号差异并不太大，而企业...原创 2018-07-03 17:16:38 · 2145 阅读 · 0 评论 -
微信小程序（二）开发前准备以及项目结构介绍
登陆微信公众平台 https://mp.weixin.qq.com/如有账号，直接登陆，没有，申请一个即可。输入账号密码登陆时，需要手机扫码确认。查看文档 登陆后台后，在网页右上角，点击文档，就能进入文档界面，与我们密切相关的就是开发模块 准备妥当后下载开发者工具并安装https://developers.weixin.qq.com/miniprogram/dev/devtools/downloa...原创 2018-07-03 17:55:18 · 1480 阅读 · 0 评论 -
微信小程序（三）第一个小程序页面
1.新建一个项目，选择无AppID ，保存 效果：2.新建一个页面在根目录下添加如下语句保存：效果：分别有4个文件：<!--pages/welcome/welcome.wxml--><text>pages/welcome/welcome.wxml</text>// pages/welcome/welcome.js Page({// 页面的初始...原创 2018-07-03 21:43:47 · 3082 阅读 · 0 评论 -
微信小程序（四）实战——导航——tabBar
tabBar页面配置前面说到在app.json是配置一些小程序项目的全局配置，可以在某个页面下面的json文件来单独配置该页面所需要的配置。tabBar是在全局app.json里面配置，跟项目页面都需要在全局app.json里面注册一样，tabBar也是里面的一个属性，其中的list数组最上至少配置2个，最多5个，按照其在数组里面的顺序排布。...原创 2018-07-04 11:10:44 · 2352 阅读 · 2 评论 -
微信小程序（五）实战——页面标题设置
1.全局页面标题我们在app.json中定义了一个全局标题（所有页面都是一样的[测试小程序]） "navigationBarTitleText": "测试小程序",2.固定页面标题我们在某个页面显示固定标题{ "navigationBarTitleText": "首页的内容"}效果：...原创 2018-07-04 15:26:42 · 1750 阅读 · 0 评论 -
微信小程序（七）实战——链接数据库报错
如若已在管理后台更新域名配置，请刷新项目配置后重新编译项目，操作路径：“项目-域名信息”VM3796:1 http://dev.cfo-mentor.com 不在以下 request 合法域名列表中，请参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html1.首先，在路径中需要满足：（在手册中查看）域名只支持...原创 2018-07-04 15:43:37 · 2187 阅读 · 0 评论 -
微信小程序（六）实战——链接数据库
1.发起请求：微信小程序是以https方式提交数据到你的后台（案例为本地测试，暂时跳过）onLoad: function () { wx.request({ url: 'http://dev.cfo-mentor.com/menter/resources/views/demo/132.php', //服务器地址 data: { name: '...原创 2018-07-04 15:57:17 · 83145 阅读 · 15 评论 -
微信小程序综合配置【app.json 全解】{必须了解}
app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。以下是一个包含了所有配置选项的 app.json ：{ "pages": [ "pages/index/index", "pages/logs/index"], "window": { "navigationBarTitleText": "De.原创 2018-07-05 10:06:27 · 3227 阅读 · 0 评论 -
微信接口获取用户信息userinfo
待完善//<!--授权接口-->https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=平台配置的回调地址&res&response_type=code&scope=snsapi_userinfo&state=STATE&conne...原创 2018-09-19 16:06:35 · 3036 阅读 · 0 评论