
微信小程序
学习微信小程序的心得
流年若逝
这个作者很懒,什么都没留下…
展开
-
编写我的第一个微信小程序
最近在学习微信小程序也算是入门级别的,于是乎跟着学习了下,下面简单的展示下自己做的第一个小程序界面 简单介绍下,初次使用微信小程序你可能会觉得不塌适应当然我第一次使用也是这种感觉,但是慢慢钻研一番你就会习惯的,其实用久了你就会发现其实使用微信小程...原创 2018-10-07 14:02:20 · 4644 阅读 · 2 评论 -
微信小程序项目实战【四】------实现评论+转发+收藏
上一节我们实现了视频列表展示,接下啦我们需要在上一节的基础之上继续详细解释下当我们点击相应的视频列表图片我们可以跳转到相应的视频播放界面以及显示当前评论消息。效果展示如下点击评论按钮跳转到评论界面 【解析】通过上面的效果图可知我们要实现这个效果首先要明白我们的数据要保存到那里,我们评论的内容要显示到到当前页面不能我们评论的内容会在所有的页面都能看到,所以我们通过这个分析可以知道我们需要...原创 2018-11-11 14:46:47 · 7431 阅读 · 2 评论 -
微信小程序之使用云数据库
在上一节我们介绍了下怎么使用云存储来存储我们需要的数据,接下来这节也是我们在实际开发比较重要的东西数据库,首先数据库当然是我们要显示在前端界面上的内容,如果要使用云存储+云数据库该如何操作呢,下面我来详细为大家介绍下具体流程【步骤】>首先我们打开云开发然后点击数据库,自己在数据库这里新建一个集合(我的建的集合叫做videos),如下首先tempFileURL是我们在云存储里面...原创 2018-11-11 10:51:05 · 10669 阅读 · 0 评论 -
微信小程序之使用云存储
上一节为大家介绍了下云开发的搭建,接下来为大家介绍下怎么使用云存储,顾名思义,云存储当然就是我们平常所说的百度网盘用来存储自己的资源,当然我们这里的云存储不仅可以存储自己的素材还可以在云数据库调用自己云存储的数据,这既是云开发的一大特色之处吧,话不多说直接说下周末操作吧。【步骤】>打开我们的云开发然后点击存储管理如下所示>到存储管理这里我们可以上传文件,如下所示...原创 2018-11-11 10:39:18 · 15220 阅读 · 1 评论 -
微信小程序如何使用云开发
微信小程序中的云开发想必大家还不是很熟悉,因为云开发也就是9月份上线的,相比之前大家对于数据库的存储都是用的是自己的服务器,接下来这篇文章主要为大家介绍下怎么使用云开发,网上看过很多文章感觉介绍的不是很详细,下面通过我个人亲身经历整理下自己的思路吧。首先介绍下云开发主要的三大特点,目前提供三大基础能力支持:云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码数...原创 2018-11-11 10:25:03 · 7962 阅读 · 2 评论 -
微信小程序项目实战【三】-------实现视频列表展示
这一节我们主要介绍下如何实现视频列表展示,这里展示的数据是从云数据库里面获取显示到界面上的。【效果展示】【分析】我们通过授权登录之后跳转到这个界面之后就可以看到我们自己数据库中所需要显示的视频,这里我们使用block标签以及wx:for来实现遍历我们需要显示的视频。因为wx:if是一个控制属性,需要将它添加到一个标签上,如果需要一次性判断多个组件标签,可以使用一个<blo...原创 2018-11-11 10:06:08 · 11982 阅读 · 0 评论 -
微信小程序项目实战【二】-------实现授权登录
这节的内容主要根据项目中的功能模块做一个详细的讲解,项目结构图如下【授权登录效果图展示】 点击授权登录切换到这个界面 【解析】对于现在大多数小程序都需要一个授权登录的功能模块,为什么呢,因为现在小程序很多功能需要获取到你的头像、昵称等,比如论坛,你发布自己的评论之后应当显示你自己的名称以及头像,这个周末获取呢,当然是通过授权登录来实现呀。当我们点击授权之...原创 2018-11-11 09:48:10 · 3745 阅读 · 2 评论 -
微信小程序项目实战【一】
花了一周零零散散的时间动手做了一个视频播放的小程序,主要功能如下>视频播放>论坛>转发>收藏这里面数据不是测试数据而是真实数据,数据存储主要使用的是最近前段时间出云开发中的云数据库眼见为实,耳听为虚,下面展示下效果以上是项目效果演示接下来的几篇文章将会为大家详细介绍每个功能模块以及如何使用云开发。源代码已经上传,需要源码的可以在文章左上角...原创 2018-11-10 22:07:22 · 2607 阅读 · 8 评论 -
微信小程序点击多次navigator跳转无反应
今天在弄微信小程序的时候使用到navigator组件实现跳转出现了一个问题就是我点击我设置的button然后用navigator嵌套进去,当没点击一次button就可以跳转到相应的界面,当我重复四次的时候问题出现了,不管我怎么点击也不会跳转,最后还是通过百度找到了解决方案。【代码展示】>起始代码 <navigator url="/pages/comment-more/...原创 2018-11-06 22:03:21 · 8312 阅读 · 3 评论 -
微信小程序传值、获取值方法总结
最近在学习小程序的过程中碰到了不少的坑,折腾了一下子,接下来结合网上资料以及自己的心得来总结下微信小程序中如何传值以及取值。微信小程序传值以及获取值方法总共有二种,如下:1、设置id的方法标识跳转后传递的参数值;2、通过使用data - xxxx 的方法来标识要传递的值【微信小程序设置id的方法标识来传值】在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比...原创 2018-11-03 22:07:15 · 2549 阅读 · 0 评论 -
微信小程序------获取本地时间
在学习小程序过程中需要获取当地的时间然后在插入到数据库,首先关键性的问题是如何去获取时间,毕竟微信小程序跟我们之前学习过的其他高级语言还是有些不同的,对于这个问题我个人做一个小总结。【Demo展示】当我们点击按钮时即可获取到当地时间。【项目结构展示】图中红线框就是我们需要去创建的页面。【代码展示】index.js//index.jsvar util = re...原创 2018-11-03 21:34:42 · 4690 阅读 · 0 评论 -
不容错过的小程序资源网站
最近小编在学习微信小程序,整理了下几个比较好的学习网站,里面不仅有开源源码还有素材模板,可是为初学者带来了很大的便利。1.小程序开发社区小程序开发社区可谓是一个比较值得学习的网站,里面资料归纳的挺齐全的,不仅有开发文档、教学视频还有学习Demo等。2.微信开发者平台相对于上面,微信开发者平台也为大家提供一些比较好的学习资源,具体的内容如下所示3.aspku源码库这个网站...原创 2018-10-20 09:41:55 · 3124 阅读 · 0 评论 -
快速入门微信小程序-----搭建环境
最近刚入门微信小程序,网上搜集一些相关资料折腾了1-2天至此才完成微信小程序的搭建,下面我来分享下自己的错误点。【失败经验分享】>首先我看了下微信小程序教程,原本以为自己之前创建过一个微信公众号按照教程上说的下载微信开发者开发工具然后登录微信公众平台获取自己的AppId就可以了>其次在把自己安装的开发者工具打开然后填入AppId,结果出现下图>这个问题我百度了...原创 2018-09-30 09:32:33 · 630 阅读 · 0 评论 -
微信小程序实现界面之间的跳转
说到微信小程序之间的跳转主要归为三类:1,跳转到指定页面,保存当前页面wx.navigateTo2,跳转到指定页面,关闭当前页面wx.redirectTo3,返回之前页面,跳转之前的页面wx.navigateBack接下来我主要通过实例来解析这三种方式如何跳转首先是wx.navigateTo我以上一节为例进行拓展:编写我的第一个微信小程序https://blog.csdn...原创 2018-10-07 22:58:04 · 6886 阅读 · 0 评论 -
微信小程序之云函数的使用
在之前的几篇文章里面介绍了下云开发中的云数据库、云存储,接下来的这篇文章主要介绍下云函数,介绍这个云函数的主要用途是因为要解决从云数据库查询数据最多显示20条的限制,而使用到云函数可以解决这种限制,使用云函数可以将最大限制改为100条,继而达到我们需要的效果。【步骤】简单说一下我们如何创建云函数,如下所示>我们右击cloudfunctions出现如下图所示,点击新建Node....原创 2018-11-11 15:13:59 · 9672 阅读 · 3 评论