微信小程序
文章平均质量分 70
个人学习积累
ihh2021
一切深厚的东西都源自最微小的积累。
展开
-
2、建立第一个WebApi项目
打开VS,下面以C#为例,选择ASP.NET Web有一下模板,假如选择“Web API”,发现底会勾选两个,连MVC也勾选上。 假如用这个模板,会生成很多代码,并强制使用MVC,为了学习更加清楚WebAPI每个模块的功能,这里新建一个Empty空的WebApi确定生成简单模板新建一个Person控制器。这里根据实际业务需求新建。为了演示用,这里先用Person 人类来做。 在这个Person类下新建三个函数 第一个没有任何参数 第二...原创 2021-11-24 22:17:17 · 1238 阅读 · 0 评论 -
2、使用测试号新建
一、新建一个测试号... 1二、删除测试号工程,自定义添加... 4三、数据绑定.wxml文件中... 12一、新建一个测试号在任意地方新建一个存放该工程的文件夹,并在开发工具中选择文件夹由于没有在微信上注册小程序,可以用测试号暂时使用新建后,即弹出编程界面页面介绍(1)、pages表示页面,下级菜单有两项表示这个小程序有两个页面:index和logs 一个页面下也有四个文件 index.js:提供一...原创 2021-11-24 22:17:00 · 216 阅读 · 0 评论 -
3、注册一个小程序
1、注册网站:https://mp.weixin.qq.com/2、注册完登录进去,会得到一个小小程序ID,后面所有的编程都需要这个ID原创 2021-11-24 22:16:23 · 87 阅读 · 0 评论 -
4、计算器实现
一、input组件使用1、input组件是一个用于输入的控件2、在页面的.wxml文件中条件该组件 编译过后,用鼠标点击是可以看到有光标,可以输入的。 3、placeholder属性,输入框为空时占位符,提示用户该出是要输入数据的。只要往里面输入数据,这些字体就会自动消失,起到一个提示作用4、placeholder-style属性修改placeholder的样式 <input placeholder="请输入第一个数字" ...原创 2021-11-23 23:06:05 · 325 阅读 · 0 评论 -
6.1、小程序访问http服务器(C#)
一、IIS配置IIS (Internet Information Services)是windows的系统组件,可以按用户的要求来安装和卸载。 其作用是(根据用途来说)在做网页设计(其中重点是网页设计类的汇编语言如:asp、java等)的基本服务器(即本地服务器),可以用它来实现和运行(测试)你所制作的网页。1、打开程序功能:2:找到IIS (Internet Information Services),并把底下的“Web管理工具”、“万维网服务”以及子项全都勾选 W...原创 2021-11-23 23:05:14 · 2682 阅读 · 0 评论 -
7、tabbar学习
目录一、tabbar学习... 1二、微信开放能力button按钮-获取用户信息... 3三、新建联系客户页面... 10四、剪贴板使用... 14五、拨打电话... 15六、微信开放能力button按钮-意见与反馈... 16一、tabbar学习注:一下的代码是在《5、列表学习以及本地数据读取》基础上修改的1、官方说明文档:https://developers.weixin.qq.com/miniprogram/dev/reference/configura..原创 2021-11-23 23:04:26 · 592 阅读 · 0 评论 -
8、view组件区分点击行以及页面参数传递
一、view列表点击哪一行区分方法一:1、.wxml中添加:(1)、绑定点击事件bindtap='BtnView'(2)、获取循环的Index wx:for-index="bindex"(3)、传递index到点击函数里:data-变量名:data-hhaid='{{bindex}}'<view wx:for="{{array}}" wx:key="{{item}}" bindtap='BtnView' wx:for-index="bindex" data-hhaid='{{b..原创 2021-11-23 23:04:12 · 386 阅读 · 0 评论 -
11.云函数访问数据库
一、引入1、控制台上查看到的数据库会有一个openid的字段,用户传数据上去自动生成的2、可以手动点击“+”号添加记录 3、添加成功后,可以在控制台看到添加到的数据,总共两条数据4、用《10.云开发数据库》中的方法调用获取数据,发现只能获取到一条数据解决办法一:云控制台中修改数据库权限1、打开控制台,选择可读写2、再次调用可以成功获得两条数据解决方法二:利用云函数获得数据库1、新建云函数,返回数据库2、调用云函数取得数据库,...原创 2021-11-23 23:03:23 · 1048 阅读 · 1 评论 -
15、回调地狱终结者Promise
1、获取异步函数(如网络请求wx.request({…})、wx.getSystemInfo({…})等)有success、fail回调函数的返回数据。 方法一:通过把this传出,来设置data中的hhOutPut的变量 方法二:把success改成箭头函数,格式success:(res)=> 修改后可以直接用thisPromise引入1、假如异步函数中,如果依次要请求5次,第一次请求成功后才能请求第二次,第二次请求成功后才能请求第三次...原创 2021-11-23 23:02:40 · 297 阅读 · 0 评论 -
9.云开发
一、开通1、开发工具---云开发按钮,然后输入一个环境名称test123 2、开通完成后,可以看到云开发控制台,可以往上面存取数据等操作。不用使用服务器。3、新建小程序时需要勾选云开发配置4、新建完成后,开发工具会生成一个基本demo项目,以后写的云函数可以放到这个文件夹下,它可以部署写的函数 上传到云函数库上面,也可以从云函数库中同步云函数下来调用5、部署自定义的函数为云函数(1)、官方在cloudfunctions下已经写...原创 2021-11-21 21:49:21 · 1010 阅读 · 0 评论 -
16、小程序OCR字体识别
一、方法一:直接用wx.request来访问缺点:需要备案访问百度API的URL,临时测试可以关闭http检查效果://按钮调用 BtnGetOcr: function () { this.GetOcr() }, async GetOcr() { //选择图片 let ret = await this.chooseImg() let ImgUrl = ret.tempFilePaths[0] //设置图片...原创 2021-11-23 22:21:43 · 494 阅读 · 0 评论 -
18.1、wx.canvasToTempFilePath
BtnNewImg: function () { let that = this let ctx = wx.createCanvasContext('mycanvas')//有id获得上下文 let code = "../../image/me/2.png"//要绘制的图片 wx.getImageInfo({//用来获取图像的尺寸大小 src: code, success: res0 => { that.setD...原创 2020-08-26 19:17:36 · 215 阅读 · 0 评论 -
20、滚动文字(解决越滚越快)
js文件data:{text:'重要通知,广告招租。。。',marqueePace:1,//滚动速度marqueeDistance:0,//初始滚动距离marqueeDistance2:0,marquee2copy_status:false,marquee2_margin:20,size:14,orientation:'left',//滚动方向interval:20/...原创 2020-08-26 19:17:24 · 351 阅读 · 0 评论 -
18、cavans绘图
在.xml文件中添加cavans组件:<canvas style="width:{{canvasWidth}}px; height:{{canvasHeight}}px;" canvas-id="mycanvas" class="ca">ca</canvas>在按钮点击事件下准备画图 BtnNewImg: function () { let that = this let ctx = wx.createCanvasContext('mycanvas')...原创 2020-08-26 19:18:34 · 211 阅读 · 0 评论 -
14、轮播图
.wxml<swiper indicator-dots="true" autoplay="true" interval="5000" duration="500" indicator-active-color="red" circular="true"><!-- 列表数据 --><block wx:for="{{imgUrls}}" wx:key ="item"> <swiper-item> <!-- 每一条数据 -->...原创 2020-08-26 19:17:58 · 141 阅读 · 0 评论 -
17、image组件自适应大小
Image组件显示图像,图片默认大小为320px*240px,假如要显示的图像宽度大于或小于320,都会被拉伸成320,使得图片变现。例1:例2:可以设置mode="widthFix"来限定,缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。即宽度是还是320,高度根据原图的宽高比来自动设定对于图像宽度本身就小于320的图像显示,仍然会被拉伸到320解决办法1:当图片载入完毕时触发的事件bindload中,获取图像宽度,把默认的320宽度设置成真实宽度。高度仍然用mode=原创 2020-08-26 19:20:11 · 2586 阅读 · 0 评论 -
13、云函数模板消息推送
1、新建云函数文件夹,并配置2、初始化云环境3、原创 2020-08-26 19:20:01 · 514 阅读 · 0 评论 -
12.云函数做访问http服务器
在前面的《6.1、小程序访问http服务器(C#)》中已经成功通过wx.request访问到C#做的服务器。现在通过云函数,再次实现这个功能一、云函数访问优点1、云函数做网络访问好处 (1)、不需要像下图一样到微信公众平台上备案要访问的域名 (2)、访问的域名个数不受限制,以前的方法又能备案5个域名二、实现1、新建云函数文件夹,并配置2、在全局.js文件中初始化3、新建云函数,并// 云函数入口文件const cloud =...原创 2020-08-26 19:19:08 · 630 阅读 · 1 评论 -
19、数据库实时推送(更新触发事件)
新建一个名字为ApplyJiQiMa的数据库 往数据库中先增加四条数据,其中ApplyDate:当前的时间戳,后面用于监听时的排序JiQiMaS:四条数据的最后一位数分别是1,2,3,4constdb=wx.cloud.database()constdbApplyJiQiMaCollection=db.collection('ApplyJiQiMa')dbApplyJiQiMaCollection.add({data:{ApplyDate:...原创 2020-08-26 19:17:47 · 920 阅读 · 0 评论 -
1、初识界面
云开发:是微信提供的一个云服务器,可以拿来做数据库和图片管理,以及可以使用它的云函数 预览:会生成一个二维码,用手机扫描可以在手机上查看实时效果原创 2020-08-16 00:36:57 · 95 阅读 · 0 评论