戴翔的技术博客

项目需求在做一个项目时需要有这样的功能：用户可以通过微信小程序录音且录音完成后可以播放自己的录音。项目实施首先，在前端界面上绘制几个按钮，分别添加上点击事件。index.wxml<!--index.wxml--><view class="container"> <button type="primary" bindtap="start">开始录音</button> <button type="primary" bindtap="sus

左外连接会检索出LEFT JOIN左表中的所有行，而不管右表是否有匹配项。今天的一个项目中，需要将classlist表与其他3张表进行连接查询，且classlist表中某列为空的数据也需要查询出来，这就需要进行LEFT JOIN（左外连接查询），且项目使用的是Entity Framework框架，因此，可以使用Linq语句进行左外连接查询。通过左连接4张表（klc_classlist、klc_object 、klc_student 、klc_license ）进行查询，语句如下：// linq语句多表

问题再现之前的一个项目，需求是：根据输入的日期、开始时间、结束时间、项目、项目时长、连续发布天数生成项目数据。前端截图如图1所示。图1. 前端截图之前是使用PHP做的，核心代码如下所示：for ($i = 0; $i < count($list); $i++) { $date = $list[$i]; while ($startTime < $endTime) { $Time_1 = date("H:i", $startTime); $T

问题再现今天在写小程序时发现一个问题：由于C#特性，数据类型没有Date类型，所以取出来的数据想要显示成Date还必须自己再处理。由于后端用的linq查询，不支持在查询语句里使用函数，于是我的解决方案是数据拿到前端用js的substr()函数进行处理，处理前的前端效果如图1所示。图1. 处理前的数据显示要想动态修改数据就必须使用setData，但新手使用setData就容易遇到如下所示的问题（标红，报错）：解决方案在修改数组和对象的时候就直接将要修改的参数名写成对应字符串就可以了，然后使用[]

问题再现对于同一控件同时设置bindtap和bindlongtap,会发现长按时先出现bindlongtap的事件，然后触发点击事件。通过测试，我们发现，小程序中事件执行的顺序是点击：touchstart → touchend → tap长按 touchstart → longtap → touchend → tap解决方案abc.wxml<view bindtouchstart="bindTouchStart" bindtouchend="bindTouchEnd" bindlongt

abc.wxml<view data-id='{{item.id}}' data-name='{{item.name}}' data-address='{{item.address}}' data-remarks='{{item.remarks}}' data-phone='{{item.phoneNumber}}' bindtap="deliver" bindlongtap="delList">bindlongtap长按事件取值 e.currentTarget.d

在进行微信小程序开发时，前端经常需要使用到 JSON.parse() 和 JSON.stringify() 两个方法，他们的区别是：JSON.parse() 方法用于将一个 JSON 字符串转换为对象。JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。参考资料：菜鸟教程JavaScript JSON.parse()菜鸟教程JavaScript JSON.stringify()...

GET请求的参数是通过URL来传递的，而POST请求则是通过HTTP的请求体中传过来的，.Net WebAPI的POST请求也需要从HTTP的请求体里面去取参数。传输单个值时，可以通过URL参数或者FromBody来传输接收，那么传输多个值时怎么处理呢？前端前端需要发起 HTTPS网络请求，将code、nick等数据通过api传输到后端。此时，先通过JSON.stringify()方法将对象序列化。wx.request({ url : globalRootDomain + "api/Log

1.HTML（基础）html和css是前端的基础，是前端的入门级知识，必须掌握。学习地址：https://www.runoob.com/html/html-tutorial.html2.CSS（基础）html和css是前端的基础，是前端的入门级知识，必须掌握。学习地址：https://www.runoob.com/css/css-tutorial.html3.JavaScript（基础...

“约车难”成了大学城区域学员们的难题，一方面是教练们传统的预约方式使得预约效率低下，另一方面......而此时，就在学员大军中的我，想到了利用所学知识去解决现实生活中存在的问题。大家好，我是第二届大学生微信小程序应用开发大赛全国三等奖作品“约车吗”微信小程序的工程师戴翔。参加此次微信小程序应用开发大赛期间，我在江苏海事职业技术学院读大三。在今年（2019年）3月16日考完专转本考试之后...

小程序必须使用 HTTPS/WSS 发起网络请求。请求时系统会对服务器域名使用的 HTTPS 证书进行校验，如果校验失败，则请求不能成功发起。由于系统限制，不同平台对于证书要求的严格程度不同。为了保证小程序的兼容性，建议开发者按照最高标准进行证书配置，并使用相关工具检查现有证书是否符合要求。对证书要求如下：HTTPS 证书必须有效；证书必须被系统信任，即根证书被已系统内置部署 SSL 证...

上一篇：微信小程序开发入门（连载）—— 微信公众平台配置3.1 微信开发者工具前往 开发者工具下载页面 （https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html），根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》（https://developers.wei...

登录微信公众平台（https://mp.weixin.qq.com），点击左侧导航栏中的“开发”，点击“开发设置”，如下图所示。在“服务器域名”栏目里填入之前备案过且SSL证书配置好的域名，这里需要注意的是，1个月只能修改5次，所以，建议等待准备工作都完成之后再来配置这个服务器域名。“开发者工具”里有“腾讯位置服务”，用户可以很方便的使用其位置服务服务的能力。开发参考文档：https://...

1. 注册小程序帐号在微信公众平台官网首页（https://mp.weixin.qq.com）点击右上角的“立即注册”按钮进入注册页面，如下图所示。点击选择“小程序”，整个注册过程分为3大步骤：账号信息 --> 邮箱激活 --> 信息登记账号信息填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。邮箱激活登录邮箱，查收激活邮件，点击激活链接。信息登记...

从今天开始，为大家开一门连载课程 ——《微信小程序开发入门》。2011 年，腾讯公司新的即时通讯社交软件微信正式上线，凭借其新颖的设计风格和良好的使用体验，微信很快就获得了大量的用户。据腾讯公司官方信息，截止到 2018 年３月份，微信成为中国首个月活跃用户数超过 10 亿的应用软件。在 2018 年，微信小程序的每日活跃账户数量迅速增加，用户的平均每日访客量增加了 54% 。本场课程将从技术...

目录问题引入获取用户位置信息时需填写用途说明操作方法问题引入最近开发微信小程序时，由于需要用到用户的位置信息，所以调用了微信获取位置信息的API wx.getLocation，代码如下所示： //获取用户的位置信息 wx.getLocation({ type: 'gcj02', // 返回可以用于wx.openLocation的经纬度 ...

笔者今天在做微信小程序项目时，涉及到两个表单提交，提交前进行判断的问题。两个表单中重合的参数有2个，在这种情况下，写判断函数时采用可选参数。在写函数的时候，我们有时候会设置可选参数，可选参数可以这样写： this.telephone_numbe = telephone_numbe || 0; // 可选参数完整代码如下：showTopTips: function(name, id_num...

今天，笔者在写微信小程序的时候发现一个坑——在开发者工具和Android系统上显示正常的日期，到了ios系统上却无法正常显示，取而代之的是NaN。代码中的日期是经过 util.dateLater（） 方法处理后返回的： console.log(util.dateLater(new Date().getFullYear() + '-' + (new Date().getMonth() +...

wx.navigateTo 非常好用，常用来做带值的跳转，笔者在开发微信小程序时遇到过一些问题，所以记录下来。官方文档wx.navigateTo(Object object)保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。参数Object object一般这样用需要跳转页面的js...

本案例微信小程序$_POST方式传值，后端采用PHP语言。代码文件总共有三个文件：index.wxmlindex.jsinfo.phpindex.wxml 文件：<view class="page"> <view> <button bindtap="newBtnDown">PHP信息测试</button> <...

本案例微信小程序$_GET方式传值，后端采用PHP语言。代码文件总共有三个文件：index.wxmlindex.jsinfo.phpindex.wxml 文件：<view class="page"> <view> <button bindtap="newBtnDown">PHP信息测试</button> </v...

最近接触了微信小程序，一个项目中需要在微信小程序做电费查询模块，前端采用WeUI设计。方法：单列选择器页面效果：图1.未选择时图2.点击进行选择选择时图3.点击进行选择选择后index.wxml 文件： <!-- 单列选择器选择宿舍楼 老版本 --> <view class="weui-btn-area"> ...

由于刚刚接触微信小程序，今天在做tabBar导航时，发现不是所有页面都有tabBar导航，一开始以为自己代码写的有问题，后来，经大佬指点才知道不是所有页面都有tabBar导航，之后tabBar配置文件里的页面才有tabBar导航。app.json 中tabBar的配置："tabBar": { "color": "#a9b7b7", "selectedColor": "#3281...

有时候，我们在使用微信开发者工具导入别人开发好的项目时会提示：登录用户不是该小程序的开发者。如下图所示： 这时候，找到“project.config.json”文件，我们需要修改项目中的“project.config.json”文件。 使用记事本或者其他文本编辑器（不要使用word，否则会改变文件内容）打开“project.config.json” 文件，将“appid”设置为自己的a...

作者最近在探索微信小程序，有一个需求是让用户通过手机相册或者手机摄像头拍照上传图片。效果如下图所示： 由于作者之前没有接触过微信小程序，看了微信小程序的开发手册后就开始写了。 一开始的想法是这样的： 通过界面交互反馈的api来显示操作菜单，在操作菜单中如下定义名称，然后再判断执行wx.showActionSheet({ itemList: ['从手机相册选择', ...