这几天陆续把博客小程序后台管理的几个功能实现了,目前实现的比较「粗糙」,但比较实用的管理的功能基本上实现了。 成果展示 ?...由于「后台管理」的部分只有管理员才能看到,在我的小程序上不能体现,但整体开发难度不是很大,主要还是通过编码实现一些功能,思路清晰,按照流程一步一步开发即可。...textarea组件的坑 小程序原生组件textarea,该组件的层级是最高的,导致的问题是会穿透弹窗或遮罩层,所以在弹窗中使用 textarea时会出现穿透的情况「版本发布功能页用到」。...评论管理截图 新增文章 这次在后台管理里加了一个新增文章的功能「虽然我觉得很鸡肋,在小程序中写文章真的太麻烦了」,这里只是提供下思路和熟悉下小程序的富文本框组件editor,本身功能真的没有实际价值。...目前博客小程序已经发布了7个版本了,整体博客相关的功能已经完成的七七八八了,但是个人使用起来吐槽的点有很多,目前已经记了十几个了,后续也会慢慢迭代和分享出来。
在开发小程序过程中,有一个实现录音功能并播放录音,将录音上传至服务器的需求。...开发过程中使用了Taro框架,录音功能通过Taro.getRecorderManager()接口实现,上传录音至服务器通过Taro.uploadFile接口实现,播放录音使用Taro.createInnerAudioContext...下面就详细介绍整个流程是如何实现的。...网上大多数博客都没有涉及这块内容,下面就介绍一下如何实现,后台框架我用的是阿里的egg.js。...文件上传需要配置的东西可见官方文档:egg.js文件上传。我们这里使用它的第一种File模式来实现。
---- 目录 一、JAVA实现雪花飘落 二、JAVA实现小球弹跳 三、JAVA实现打字小游戏 四、JAVA实现Tom猫 五、JAVA实现2048小游戏 ---- 后续还会更新哦!...喜欢的朋友可以点 关注 !!! 一、JAVA实现雪花飘落 项目链接:JAVA实现雪花飘落 首先我们先看效果,雪花是流动的,从上往下,依次变大,十分浪漫!...(效果是动态的) 二、JAVA实现小球弹跳 项目链接:JAVA实现小球弹跳 首先,我们来看效果,一共五个颜色不相同的球,每撞击一下边界,分数加1,分数越大,球的速度越快。...(效果是动态的) 三、JAVA实现打字小游戏 项目链接:JAVA实现打字小游戏 首先我们先看效果,左上角的分数是用来记录我们打对了多少字母。字母是从上面开始往下落。...四、JAVA实现Tom猫 项目链接:JAVA实现Tom猫 首先我们先来看一下效果:(以下运行成功均动态效果) 我们点击左右两边的图标,Tom猫便可做出相应的动作,例如,点击“牛奶”这个图标,Tom猫的反应
UsersMapper.java package com.idig8.mapper; import com.idig8.pojo.Users; import com.idig8.utils.MyMapper...查询用户是否关注 */ public boolean queryIfFollow(String userId, String fanId); } UserServiceImpl.java...package com.idig8.service.Impl; import java.util.List; import org.apache.commons.lang3.StringUtils...list.isEmpty() && list.size() > 0) { return true; } return false; } } 前端小程序...data里面的操作灵活的运用,业务逻辑的梳理。
package smn.util; public class Pager { private int pageNow; private int...
排序后,随机数落在哪个区间,就表示那个区间的奖品被抽中。返回的随机数在集合中的索引,该索引就是奖品集合中的索引。比例区间的计算通过概率相加获得。...如上图:假设抽中苹果的概率为0.2,香蕉的概率为0.3,西瓜的概率为0.5。我们把它们做成一个数组按概率从小到大排列。然后生成一个0-1的随机数,如果落到哪里,对应的就是奖品。...实现 活动表 奖品表 抽奖记录表 抽奖接口 @ApiOperation("开始抽奖") @RequestMapping(value = "/lottery",method = RequestMethod.POST...; import io.netty.util.internal.ThreadLocalRandom; import java.util.ArrayList; import java.util.Collections...; import java.util.List; /** * 抽奖工具类 * 将奖品按集合中顺序概率计算成所占比例区间,放入比例集合。
背景 - 小程序开发的过程中,绝大多数会满足微信支付 - 那么,作为友好交互的体现,自然就会考虑到支付后的消息通知咯 - 所以,我的小程序项目也要求完成这个效果,so.分享一下自己的实现步骤,以方便道友们少踩点坑...微信小程序,可支持"服务通知" 只需配置好自己的 "模板消息",通过获取用户的 "openid" 即可进行来自微信服务的消息 通知的样式,可在小程序的管理后台进行选取,预览(人性化) 此处参考京东购物的消息通知如下...(也就是在下想要实现的效果): ?...❷ 实现步骤 1....小程序端的要求 语境:微信支付成功后,对用户发送一条"订单支付成功通知"的模板消息 第一步:以我的代码实现为例,首先需要对我的 组件进行需发模板消息的声明,即设置属性 report-submit
客户要求是这样的: 后台控制给用户发随机红包,当检测到有红包,无论用户在浏览哪个页面在做什么,马上弹出红包界面。...来分析实现思路: 首先,需要实现心跳请求,得借助小程序的定时器的setInterval,官网地址: https://developers.weixin.qq.com/miniprogram/dev/api.../base/timer/setInterval.html 然后就是考虑,怎么控制每个页面弹窗的显隐,wx:if或hidden元素,这里切换不频繁,我们使用的是wx:if;接着就是怎么改变对应的页面显隐对应的参数值...2、在app.js中配置全局变量,将请求放在小程序的onLoad或onShow中,在每个页面通过app.data进行控制。 3、在app.js中直接改变每个页面对应的data的控制参数。...第一种太傻,第二种代码重复多,第三种无疑是理想方式,所以问题是怎么直接改变page的页面值?
前言 在业务中有没有一个场景:多个页面需要用到一样的 data 和 method,或者生命周期都需要执行同样的操作。...我们在每个页面都写上重复的代码,一但功能修改就要更新多个页面,在后期维护起来会很麻烦。 那么有没有一个方法将同样的业务存放到一个文件中去管理呢?...其实这个问题Vue已经告诉我们了,那就是Mixin功能。 Mixin是一种将可重用功能分布到组件的灵活方法。mixin对象可以包含任何组件选项。...当组件使用mixin时,mixin中的所有选项都将被“混合”到组件的选项中。 实现功能 全局mixin方法 页面mixins选项 优先级 在合并时发生冲突的优先级 ?...实现思路 1.每个页面的Page都是一个函数,可以对Page封装,做一个代理 2.检查是否有全局mixin,合并到页面mixins中 3.获取页面的mixins,对data、method、lifecycle
截图1 基本上分三部分,头部显示个人的积分以及提供积分说明和积分明细的入口,另外两个部分其实模版主流小程序搞的一些营销手段,变相提高一些收入「当然还是流量为王,我这小程序基本没什么量的,主要给个demo...积分中心页面实现 首先积分中心的数据,依赖于之前做签到功能预留的两个集合mini_member「会员维度相关数据,主要存储一些汇总数据,如总的积分,总的签到数之类的」和mini_point_detail...「积分明细,包括得到的和使用的,积分明细页面上的数据来自于它」,具体可以参考上一篇签到功能实现的文章。...主要是一些交互上的细节需要注意,另外详情页的东西确实比较多,在修改的时候注意其他的逻辑,避免影响原来的功能。 不足之处 积分功能在实现上其实自己不是很满意,后面有时间尽量再优化一版。...如果有打算做积分功能的,可以借鉴下。 总结 积分功能算勉强实现了,后面继续优化迭代吧,后面会把消息中心和订阅消息模块化给搞下。 我si程序员
通过用户搜索热销词,将热销词添加到数据库中,搜索页面通过热销词的频率展示出来那些词属于热销词。并添加列表参数,可以通过搜索关键字查询列表功能。...增加关键字查询视频列表功能 VideosUserMapper.xml <!...对应xml的方法 VideosUsersMapper.java package com.idig8.mapper; import java.util.List; import org.apache.ibatis.annotations.Param...; import java.util.Date; import java.util.UUID; import org.apache.commons.lang3.StringUtils; import...前端功能开发 调后端url,获取热销关键字展示。 var WxSearch = require('../..
假设 i 为当前节点,那么 (i - 1) / 2 为父节点 根据大小排序可分为小根堆和大根堆,小根堆即元素越小越在上方,大根堆则相反。...小根堆实现 内部操作有: 上浮:将小的元素往上移动、当插入元素时,将元素插入末尾,这样上移即可调整位置 下沉:将大的元素向下移动、当删除元素时,将首位交换,弹出尾部,首部下移即可调整位置 插入:添加元素...弹出:删除元素 主要是其插入弹出的思想,还有调整时注意下标,因为大小与下标相差1 package heap; // 小根堆时间复杂度是O(1) ~ O(logn) // 默认O(nlogn) public...// 实际存放元素个数 // 这里是个坑,debug了好久,起因:下标 = 实际大小-1 private int size; // 数组存储元素 // 可以实现简单扩容...(String[] args) { Heap heap = new Heap(); // 乱序添加1~9 // 从输出也可以验证,元素大小并不是按数组小标来排序的
需要解决的问题 如何将多个元素渲染到canvas上 如何知道手指在元素上、如果多个元素重叠如何知道哪个元素在最上层 如何实现拖拽元素 如何缩放、旋转、删除元素 看起来挺简单的嘛,就把上面这几个问题解决了...,就可以实现功能了;接下来我们一一解决。...如何实现拖拽元素 通过上面我们可以判断手指是否在元素上,当touchstart事件触发时我们记录当前的手指坐标,当touchmove事件触发时,我们也知道这时的坐标,两个坐标取差值,就可以得出元素位移的距离啦...,修改这个元素实例的x和y,再重新循环渲染渲染数组就可以实现拖拽的功能。...- (x - px); this.y = currentGraph.y - (x - px); 未经允许不得转载:肥猫博客 » 实现小程序canvas拖拽功能
昨天抽空将mini-blog的签到功能基本上实现了,这里分享下。 很早之前就想实现签到功能,昨天终于花时间去变现了,先来看下效果图。 效果 ?...个人中心的排版进行了一定的改造,将关于个人相关的信息整合,留些位置给到签到。 ? 截图1 签到页还是常规的日历组件,为了保证一页填满,加了一个广告组件。 ? 截图2 后端实现 ?...基本上这三个集合可以基本满足签到+积分的一些简单功能了。 接着就是云函数的编写了,在这里我也新增了一个云函数memberService,用于处理会员维度相关的操作。...其他用于界面展示的数据,可以绕过云函数,直接在小程序端查询云数据库即可,代码较简单,简单的查询。 交互实现 ?...签到功能已经发版上线拉,有兴趣的小伙伴可以体验下哦。 至于一些细节上交互和实现可以直接获取源码查看,有好的建议也欢迎留言。
背景 本文简述用Java写个简单的爬虫,通过jsoup爬取HTML,获得HTML中的数据。...2.知识 网络爬虫(又称为网页蜘蛛,网络机器人),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。 简单理解就是写一个脚本,实现从网络上爬取信息,解析信息的功能。...主要步骤: 发送请求 获得 HTML 文本 解析 HTML 格式的文本,从特定 HTML 标签中获得想要的数据 分解过程: 1、Java 发送网络请求 2、使用 jsoup类库 解析和定位到想要的内容...jsoup 是一个用于处理 HTML 的 Java 库。...jsoup实现了WHATWG HTML5规范,并将 HTML 解析为与现代浏览器相同的 DOM。 jsoup实现了 HTML5规范,可将 HTML 解析为与现代浏览器相同的 DOM。
,这里用到了一个第三方的sdk(weixin-java-tools),通过这个sdk可以非常简便的获取到openid和sessionKey,具体的demo。...当然,如果你不想用第三方的sdk,也可以自己实现,实现代码如下: public static JSONObject getSessionKeyOrOpenId(String code){ //微信端登录...第二:java.security.InvalidAlgorithmParameterException: Wrong IV length: must be 16 这个问题是由于,解码出来的iv不是16位...四、总结 1.小程序端发起请求并携带主要参数 2.java后台接到/login请求后,根据code去调用微信接口获取用户唯一标识openid和sessionKey 3.根据openid查询mysql数据库...( "balance",user.getUbalance() );添加所需要的字段和值 8.将微信小程序需要的数据封装到map中,返回给小程序端。
第一节~企业微信小程序的注册图文详解 石头哥的公司终于注册下来了,所以接下来,石头哥也可以愉快的注册一个企业微信小程序了,主要是想实现微信支付功能,获取用户手机号功能,这些都需要企业小程序。...所以今天就来注册一把企业小程序。顺便把这个过程通过这篇文章记录下来,后面注册微信支付商户号,还有实现小程序支付功能的时候,都会写对应的文章出来。...第三节~借助云开发10行代码实现小程序支付功能 接上篇,上一篇我们已经注册完企业小程序,并成功的完成了微信认证。这一节我们就来开始正式的关联微信支付了,给我们的小程序接入支付功能。...[be5c7c0399039dee64aa7583db78d773.png] 第四节,商品订单支付案例讲解 上面我们学会了支付功能,那么我们接下来就用一个简单的案例来教大家试下一个简单的商城小程序,包含以下功能...roder.js 这里是重点代码,直接把完整的代码贴给大家。 《微信云开发实现小程序支付功能》
在小程序上无法分享朋友圈,只能通过发送指定用户和指定的用户群来进行扩散,必须掌握分享功能至关重要!...实现小程序转发有二种方式,一种是用户点击右上角转发,一种是在html文件中通过button实现转发功能 第一种方式: 在官方文档中搜索转发出现: ? 点击链接会找到实例的代码: ? ?...这样就实现了转发功能了,这个里面的path一定要填路径,不然你转发给好友,好友点击会出现找不到页面的问题 第二中方法: 用户点击button触发转发事件,实现转发功能: 放到wxml文件中,点击这个就可以实现转发了转发功能就是这么简单,其实只要多看微信的开发文档,这些功能还是很容易就实现的 小程序下载视频代码...下载需要2次调用api,第一次下载使用api来进行下载,然后使用保存在视频的目录的插件,2次完成视频的下载。 PS:分享和下载小程序在开发中非常的常见。了解文档的api,基本也很方便的实现对应的功能。
目前小程序这块就只差留言功能了,从这次开始将对留言这个模块进行讲解和开发。...和 toUserId 主要针对的是评论功能,这里是把留言和评论设计在一张表里了 @PostMapping("/saveComment") public JSONResult saveComment...Vo类,方便页面展示评论人的信息,也方便mybatis查询的内容直接赋值 package com.idig8.pojo.vo; import java.util.Date; import javax.persistence...return fromUserId; } /** * 设置留言者,评论的用户id * * @param fromUserId 留言者,评论的用户id...order by c.create_time desc mapper类 添加方法,方便调用 package com.idig8.mapper; import java.util.List
在Java中实现热部署功能可以通过自定义类加载器来实现。类加载器负责加载和重新加载类文件,起到了在运行时动态加载类的作用。...以下是实现热部署功能的一般步骤:创建一个自定义的类加载器,继承自ClassLoader类。该类加载器需要重写findClass()方法,用于加载指定路径下的类文件。...isHotSwap(String className) { // 自定义实现,根据业务需求判断是否需要热部署,例如通过配置文件、网络请求等方式进行判断 return true; } /.../ 自定义方法,从指定路径加载类文件的字节码 private byte[] loadClassBytes(String className) { // 实现加载类文件字节码的逻辑 // ....通过不断循环加载类文件,使得在每次循环中都重新加载最新的类文件,从而实现了热部署的效果。
领取专属 10元无门槛券
手把手带您无忧上云