随笔分类 -  26.微信小程序学习

在微信小程序上做一个「博客园年度总结」：使用redis存储数据
摘要：前面写过一篇博客：在微信小程序上做一个「博客园年度总结」：解决前端获取接口数据太慢的一种思路 当时是由于博客园接口获取数据比较慢，所以从博客园拿到数据后，先把数据存到一个文件中，再从文件中读取数据，这样就不必每次都请求接口了 本次用redis来实现这个功能，把数据存储到redis中，再从redis中 阅读全文
posted @ 2022-11-18 14:53 我是冰霜 阅读(509) 评论(0) 推荐(0)
在微信小程序上做一个「博客园年度总结」：解决前端获取接口数据太慢的一种思路
摘要：先介绍下目前代码中后端是如何给前端提供数据的： 1、构造一个函数A，这个方法中会调用博客园「获取随笔列表」接口，取到数据作进一步处理，然后把结果返出去； 2、使用flask创建一个接口，这个接口会调用函数A，获取A的结果，然后通过这个接口把前端需要数据返出去； 3、小程序会调用我创建好的接口来获取数 阅读全文
posted @ 2022-11-01 08:44 我是冰霜 阅读(1155) 评论(4) 推荐(3)
在微信小程序上做一个「博客园年度总结」：在小程序上使用echarts
摘要：在博客园年度总结中，有2张柱状图，分别是月度新增随笔趋势和年度新增随笔趋势 本文继续介绍一下如何在小程序中使用echarts插入图表 1、下载依赖文件 地址：echarts-for-weixin 解压后将目录ec-canvas复制一份放到到自己项目中 2、修改json文件配置 如果你想在某个page 阅读全文
posted @ 2022-11-01 08:18 我是冰霜 阅读(690) 评论(0) 推荐(0)
在微信小程序上做一个「博客园年度总结」：小程序部分交互效果实现
摘要：上一章讲了后端部分的代码逻辑，传送门：在微信小程序上做一个「博客园年度总结」：后端部分 本章继续写一下小程序端的逻辑 因为前端涉及到一些交互效果，加上我对前端也不太熟悉，所以这部分会重点写一下我自己觉得比较好玩的地方 1、上下滑动切换页面效果 这其实是一个轮播图效果，通过上下滑动来切换页面 小程序中 阅读全文
posted @ 2022-10-27 11:11 我是冰霜 阅读(1060) 评论(0) 推荐(0)
在微信小程序上做一个「博客园年度总结」：后端部分
摘要：2022年马上要结束了，最近突然有个想法，利用微信小程序+博客园接口做了一个「博客园年度总结」，统计下自己写博客这些年的数据情况，最终效果如下 在开始之前先捋一捋思路，大致要实现以下几个功能： 1、使用flask提供后端服务，调用博客园接口获取数据，然后作进一步处理，给微信小程序提供接口； 2、在小 阅读全文
posted @ 2022-10-25 16:12 我是冰霜 阅读(865) 评论(3) 推荐(5)
微信小程序开发学习系列
摘要：开发一个微信小程序(1)：获取文章列表 开发一个微信小程序(2)：编写博客园随笔列表 开发一个微信小程序(3)：编写公众号文章列表 开发一个微信小程序(4)：查询天气-获取某个城市的实时天气 开发一个微信小程序(5)：查询天气-添加未来24小时逐小时天气 开发一个微信小程序(6)：查询天气-添加最近 阅读全文
posted @ 2022-06-22 15:17 我是冰霜 阅读(117) 评论(0) 推荐(0)
微信小程序：解决页面导航传递url参数时，只传递了一部分的问题
摘要：微信小程序：解决页面导航传递url参数时，只传递了一部分的问题问题描述： 在从文章列表页跳转到文章详情页时，需要把文章的详情url传递过去，url数据格式如下 "url": "http://mp.weixin.qq.com/s?__biz=MzA5NDY0Njk5NA==&mid=100000963&idx=1&sn=81109b2c2336df7800c87 阅读全文
posted @ 2022-06-09 17:16 我是冰霜 阅读(634) 评论(0) 推荐(0)
开发一个微信小程序(8)：查询天气-获取用户所在位置，查询当前城市天气
摘要：通过前面几篇已经把天气小程序基本功能写好了，能够输入城市查询天气、也能查询热门城市天气 接下来我希望进入天气小程序时，自动获取用户当前所在的城市，然后查询出城市天气 微信小程序没有提供api来获取用户所在的城市，但是却提供了一个获取用户实时坐标的方法：wx.getLocation 腾讯位置服务提供了 阅读全文
posted @ 2022-06-09 17:13 我是冰霜 阅读(1170) 评论(0) 推荐(0)
开发一个微信小程序(7)：查询天气-添加热门城市
摘要：前面查询天气时，都是在输入框输入城市名，然后点击查询触发请求 本篇添加一下热门城市，点击城市后能够显示该城市的天气状况 拆解一下接下来要做的事情： （1）前端页面中需要列出热门城市； （2）点击热门城市后，当前城市高亮，同时触发请求，显示所选城市天气； 1、前端添加热门城市 <view style= 阅读全文
posted @ 2022-06-09 17:10 我是冰霜 阅读(297) 评论(0) 推荐(0)
开发一个微信小程序(6)：查询天气-添加最近3日天气
摘要：在原有基础上添加未来3日天气，效果如下 这里需要调一下和风天气未来3日天气接口，然后再调整下前端样式 1、后端代码 编辑 pages/weather/weather.js，添加调用接口的js代码 // 获取locationid后，查询未来3天气，在success中发起请求 wx.request({ 阅读全文
posted @ 2022-06-09 17:08 我是冰霜 阅读(517) 评论(0) 推荐(0)
开发一个微信小程序(5)：查询天气-添加未来24小时逐小时天气
摘要：在基础实时天气的基础上，展示未来24小时的逐小时天气情况，效果如下 这个功能比较简单，只需要调一下和风天气的24小时预报拿到数据，然后在小程序中使用 <scroll-view> 标签滚动显示数据即可 耗时最长的是调整样式，需要把时间、天气图标、温度、天气描述纵向排列，整了半天才弄好 打开 pages 阅读全文
posted @ 2022-06-09 17:07 我是冰霜 阅读(901) 评论(0) 推荐(0)
开发一个微信小程序(4)：查询天气-获取某个城市的实时天气
摘要：从这一篇开始介绍如何实现一个查询天气小程序 准备工作： 1、申请和风天气开发者账号，并创建一个 Web API 类型的应用 (要调用和风天气 api 获取天气，关于如何使用和风天气api需要自行查阅文档，传送门：和风天气开发平台)； 2、下载和风天气图标 (查询到天气时，前端展示对应天气图标，传送门 阅读全文
posted @ 2022-06-09 17:05 我是冰霜 阅读(2726) 评论(0) 推荐(0)
开发一个微信小程序(3)：编写公众号文章列表
摘要：本篇讲一下如何把微信公众号中发布的文章移植到小程序中 具体展示内容以及列表样式，我参考了订阅号助手中的「历史图文素材」，如下 所以在小程序中需要实现以下功能： 获取已发布的素材； 将数据渲染到前端，每条数据包含标题、概要、图片(这些字段接口都有返回)； 调整列表样式； 点击文章跳转至详情； 1、获取 阅读全文
posted @ 2022-06-09 16:44 我是冰霜 阅读(1354) 评论(0) 推荐(0)
开发一个微信小程序(2)：编写博客园随笔列表
摘要：上一篇介绍了如何通过博客园官方api获取随笔列表，本篇来实现把文章展示到小程序中 先来看一下最终的效果 1、调用获取 access_token 接口 如果想在小程序中成功调用接口，需要在小程序后台配置服务器域名，具体位置如下 开发/开发管理/开发设置/服务器域名 添加接口request合法域名 首先 阅读全文
posted @ 2022-06-09 16:41 我是冰霜 阅读(215) 评论(0) 推荐(0)
开发一个微信小程序(1)：获取文章列表
摘要：前段时间根据B站上的视频教程，尝试写了一个微信小程序，先放传送门：微信小程序B站学习教程 目前主要实现了3个功能： 在小程序上展示个人微信公众号上的文章； 在小程序上展示个人在博客园上写的文章； 查询每日天气； 从本篇开始，我会用几篇文章来记录一下整个小程序开发的学习过程，包括其中遇到的问题以及解决 阅读全文
posted @ 2022-06-09 16:38 我是冰霜 阅读(1428) 评论(1) 推荐(0)