转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-22/ 之前已经把小程序的框架说完了,接下来说说小程序的组件,在说组件之前,先说说布局吧.源码:https://github.com/limingios/wxProgram.git 中的No.9 小程序的flex布局 小程序建议使用flex布局进行排版>其实div+css的方式也可以,只是官方建议使用flex布局的方式 flex 就是一个盒装弹性布局 flex是一个容器,所有的子元素都是它的成员.…

转自:https://idig8.com/2018/10/28/xiaochengxujavashizhanxiaochengxudeliuyanhepingjiagongneng69/ 目前小程序这块就只差留言功能了,从这次开始将对留言这个模块进行讲解和开发.源码:https://github.com/limingios/wxProgram.git 中No.15和springboot 后台开发 后台需要通过代码生成器针对留言表生成对应的pojo,mapper,mapper.xml,contro…

转自:https://idig8.com/2018/09/25/xiaochengxujavashizhanxiaochengxudeweixinapicaidancaozuo66-2/ 通过点击举报按钮,跳转到举报页面完成举报操作. 后台开发 获取发布人的userId,videoId,创建者的Id controller UserController.java package com.idig8.controller; import org.apache.commons.lang3.String…

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudegerenxinxizuopinshoucangguanzhu65/ 个人信息页面有一个tab(作品,收藏,关注)源码:https://github.com/limingios/wxProgram.git 中No.15和springboot 作品,收藏,关注的列表 VideoController.java package com.idig8.controller;…

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeguanzhugongneng64/ 在个人页面,根据发布者个人和个人的信息来进行展示,如果是发布者,可以进行关注和取消关注. 后端开发 涉及2涨表,一个关联表,个人和粉丝的关联表,用户表. UsersMapper.java package com.idig8.mapper; import com.idig8.pojo.Users; import com.idig…

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeshipindianzangongnengkaifa61/ 视频点赞关系有3张表,用户表(获得点赞数量),视频表(获得点赞数量),用户喜欢视频的关联表,需要同时操作三张表.源码:https://github.com/limingios/wxProgram.git 中No.15和springboot 后台开发 mapper.xml开发>VideosUserMappe…

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudespringboothoutailanjieqi60/ 之前咱们把用户登录,注册成功的信息都放到redis里面了,如果产品经理有一种场景,就是同一个用户在同一个时间以最后一个登录为准,那么前一个就需要重新登录,并且清空前一个用户缓存.这就用到了springboot的缓存机制.源码:https://github.com/limingios/wxProgram.git…

转自:https://idig8.com/2018/09/21/xiaochengxujavashizhanxiaochengxushouyeshipin48/ 视频显示的内容是视频的截图,用户的头像,用户的昵称,都需要一个结合.所以涉及到关联查询.源码:https://github.com/limingios/wxProgram.git 中wx-springboot 和 No.15 获取系统信息 官网介绍 https://developers.weixin.qq.com/miniprogram…

转自:https://idig8.com/2018/09/16/xiaochengxujavashizhanxiaochengxushipinfengmianchuli47/ 截图这块,在微信小程序工具上,上传视频是有返回截图的,但是万万没想到在手机端是不能用的.所以还得借助ffmpge工具来完成,方式很简单.源码:https://github.com/limingios/wxProgram.git 中wx-springboot 和 No.15 例子 注意建议使用jpg的格式,png的格式比较大…

转自:https://idig8.com/2018/09/14/xiaochengxujavashizhanxiaochengxushangchuanduanshipin45/ 个人信息:用户上传短视频. 业务流程 用户选择视频(10秒限制),也可以通过摄像头拍摄 打开选择背景音乐. 可以选择音乐或者不选择输入视频的描述. controller 上传视频 保存视频的截图 用户是否选择背景音乐7.1 是:直接保存视频7.2 否:合并视频和背景音乐,保存视频 微信插件 官方介绍:https://de…

转自:https://idig8.com/2018/09/09/xiaochengxujavashizhanxiaochengxutouxiangtupianshangchuan44/ 接下来,我们应该通过用户的id,调用后端的接口,查询出来点赞的数量,关注的数量,粉丝数量,直接更新头像图片.源码:https://github.com/limingios/wxProgram.git 中wx-springboot 和 No.15 后端开发 spring boot-service 增加通过user的…

转自:https://idig8.com/2018/09/08/xiaochengxujavashizhanxiaochengxutouxiangtupianshangchuan40/ 在微信小程序中,有很多的场景是用来上传图片的,有的图片是拍摄获得,有的直接选择手机端的相册.源码:https://github.com/limingios/wxProgram.git 中No.15 官方组件的介绍 图片选择API 官方网站:https://developers.weixin.qq.com/mini…

转自:https://idig8.com/2018/08/27/xiaochengxujavashizhanxiaochengxuzhucejiemiandekaifa29/ 小程序基本所有的常用组件已经了解的差不多了,基本可以实战了,本次就开始小程序的真正实战,完成小程序的一个注册页面的设计.源码:https://github.com/limingios/wxProgram.git 中的No.15 开发最重要的就是实操! 开发人员很少人懂美工 我就懂css 其实也设计不出来什么好看的,在网上找…

转自:https://idig8.com/2018/08/19/xiaochengxujavashizhanxiaochengxuhehoutaiapitongxin28/ 开发最重要的就是实操! 小程序和后台api通信 小程序不能直接访问后台接口必须通过请求的方式 通过内网穿透实现暴露到公网 ngrok ngrok.com 如何使用内网穿透 登录ngrok网站>https://ngrok.com 介绍>用户直接穿透防火墙,到云端做到互相的访问. 如何使用>注册 下载ngrok 当前文件…

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-15/ 小程序里面也是有条件判断的,我相信大家在开发java if和jstl c:if c:when.有人说在程序员眼里只有if else,可见重要性.一起了解下微信小程序额的条件判断吧.源码:https://github.com/limingios/wxProgram.git 中的No.8 小程序的条件判断 官方的阐述>https://developers.weixin.qq.com/minip…

转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-08/ 小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3 加载页面 小程序默认加载的pages中的第一个目录 不管你的名称,只管你的顺序 其他目录需要通过触发才能加载 生命周期 相关的框架的时候都有生命周期的概念,通过了解生命周期更好的把控框架的使用! onLaunch 第一次打开小程序的初始化,也被调用一次.…

转自:https://idig8.com/2018/09/25/xiaochengxujavashizhanxiaochengxudefenxianghexiazaigongneng68/ 在小程序上无法分享朋友圈,只能通过发送指定用户和指定的用户群来进行扩散,必须掌握分享功能至关重要! 官方介绍 https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#%E9%A1%B5%E9%9D%A2%…

转自:https://idig8.com/2018/09/25/xiaochengxujavashizhanxiaochengxudeweixinapicaidancaozuo66/ 菜单按钮的介绍,点在视频详情时会出现菜单按钮,里面有多个选项. 官方介绍 https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showActionSheet.html 菜单选项代码 如果选择“取消” 不会进入success 方…

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudeyemianzhongdingxiang59/ 在我们正常的浏览网站的时候,未登录点击vip专区的时候,需要登录,登录后还会回到最初要进入的网站,这就是页面重定向,在小程序里面也需要完成这样的功能.源码:https://github.com/limingios/wxProgram.git 中No.15 小程序代码 对于搜索,可以类似淘宝的功能,无需登录就可以进行搜…

转自:https://idig8.com/2018/09/24/xiaochengxujavashizhanxiaochengxudehengxiangshipinheyemianlanjie58/ 在手机拍摄视频的时候,存在2个情况,手机横这和手机竖着.如果是横着的情况下,我们竖着拿手机观看模式,包括抖音,快手,他们的解决方案都是上下出现黑色变宽,对视频进行等比例压缩.老铁我也参考这个来完成.另外如果用户为登录的情况下,想进入我的需要登录才可以,这个也需要页面通过缓存中获取用户信息来进行控制.…

转自:https://idig8.com/2018/09/23/xiaochengxujavashizhanxiaochengxushipinbofangdeshihoushengmingzhouqidekongzhi55/ 当播放单个视频时,点击搜索,视频还在后台继续播放,这是有问题,需要通过生命周期的方式来控制,当跳转页面时,视频暂停播放,视频返回后继续播放.源码https://github.com/limingios/wxProgram.git 中No.15 官网js的方式控制视频 Vid…

转自:https://idig8.com/2018/09/22/xiaochengxujavashizhanxiaochengxushujuhuancunapi52/ 刚开始写小程序的时候,用户信息我是按照app.js增加全局变量的方式来做的,后来当看到搜索插件可以保存上次的搜索内容,让我知道了原来小程序还有缓存的API,来一起了解下.源码https://github.com/limingios/wxProgram.git 中No.15 数据缓存 官方网址>https://developers.…

转自:https://idig8.com/2018/09/22/xiaochengxujavashizhanxiaochengxukaiyuansousuozujian52/ 上次说了可以在视频中通过cover-view的方式放置一些图片,图片已经放置完毕,现在开始实现里面的功能,先从放大镜搜索功能开始.用户点击放大镜进入搜索页面.https://github.com/limingios/wxProgram.git 中No.15 介绍开源框架 这是一款搜索插件,该搜索框组件基于开源项目wxSea…

转自:https://idig8.com/2018/09/22/xiaochengxujavashizhanxiaochengxushipinzhanshiyekaifa51/ 这次说下,小程序的视频组件,图标放置 关联到了之前没有说过的一个组件cover-view.https://github.com/limingios/wxProgram.git 中No.15 覆盖在原生组件之上的文本视图 官网介绍>https://developers.weixin.qq.com/miniprogram/d…

转自:https://idig8.com/2018/09/22/xiaochengxujavashizhanxiaochengxushipinzujianyuapijieshao50/ 这次说下,小程序的视频组件,之前在说小程序基础的时候视频组件没说,现在说下.从属性和api都说下.https://github.com/limingios/wxProgram.git 中No.15 视频组件 官网介绍>https://developers.weixin.qq.com/miniprogram/dev…

转自:https://idig8.com/2018/09/21/xiaochengxujavashizhanxiaochengxuyemiandeshanglaxialashuaxin49/ 之前已经完成了小程序的列表展示,但是对于上拉和下拉刷新这个功能,其实跟小程序的生命周期有关系,一起回顾下完成,上拉和下拉刷新.源码:https://github.com/limingios/wxProgram.git 中wx-springboot 和 No.15 回顾下 page的生命周期 https://…

转自:https://idig8.com/2018/09/09/xiaochengxujavashizhanxiaochengxutouxiangtupianshangchuan43/ 用户可以上传了和用户的face更新到数据库,接下来我们需要对图片进行展示,tomcat本身就提供了虚拟目录的概念,直接把某个路径的图片映射到web服务器作为资源路径.其实在springboot可以通过代码的方式来进行映射.源码:https://github.com/limingios/wxProgram.git…

转自:https://idig8.com/2018/09/05/xiaochengxujavashizhanxiaochengxuwodegerenxinxiyemiankaifa40/ 已经完成了登录和注册页面已经开发完毕,当用户注册和登录完毕后,让用户登录到我们的个人信息页面,就是我的页面.源码:https://github.com/limingios/wxProgram.git 中No.15 我的页面的功能 当其他人查看我的信息,可以看到关注我,粉丝数量,关注数量,获赞数量. 当用户自己点…

转自:https://idig8.com/2018/09/02/xiaochengxujavashizhanxiaochengxu-loading-tishikuangyuyemiantiaozhuan37/ 登录注册都完成了,有可能会遇到一些问题,服务器繁忙的话,后台接口卡主了,也没任何提示,小程序端的用户比较暴力一直惦记怎么办. 加载提示框,隐藏加载中提示框,页面跳转 https://developers.weixin.qq.com/miniprogram/dev/api/api-react…

转自:https://idig8.com/2018/09/01/xiaochengxujavashizhanxiaochengxuzhuceyuhouduanliandiao35/ 小程序的后端spring boot的注册接口已经完成了,下一步就是修改小程序的前端请求联调下.之前说过wx.request的api.源码:https://github.com/limingios/wxProgram.git 中的wx-springboot 和 No.15 注册与后端的联调 在app.js定义后端服务器…