转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-04/ 微信官方小程序的demo 介绍 https://mp.weixin.qq.com/cgi-bin/wx pc端下载源码 https://developers.weixin.qq.com/miniprogram/dev/demo.html?t=1477656485442 微信端的二维码 手机微信打开-右上角扫一扫–扫下面的官网二维码实例 PC端项目源码导入 新建项目 2.导入项目 项目名称填…
转自:https://idig8.com/2018/08/29/xiaochengxujavashizhanspringbootdehoutaidajian31/ 根据下面的图,我们来建立下对应的springboot的聚合项目.源码:https://github.com/limingios/wxProgram.git 中的wx-springboot maven主工程 选择Maven Project 选择路径 双击pom添加springboot的maven,查看maven的仓库中,springbo…
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-01/ 一直想学习小程序,苦于比较忙,加班比较多没时间,其实这都是理由,很多时候习惯了搬砖,习惯了固定的圈子很难,也不想涉足其他的领域,但是也不能老错过一波又一波新鲜的东西吧.09年就接触微信,2013年才开始公众号开发,入行就接触C, 2014年才开始IOS开发,红利期都错过了,这次必须尽快涉足了.建立这个专辑就是督促自己每天的坚持和进步. 你有你的php,我有我的小java,不是很大但是够用.…
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-05/ 微信小程序工程结构 audio,button,canvas,checkbox 都是由4个文件构成,而且他们的目录名称和文件内部的名称「保持一致」,这点特别重要. 主目录结构 app.js 外部的全局的js,可以当作一个父类,把这个全局文件理解成java里面的一个类,这样理解对于java开发的容易理解些. app.json 全局的配置文件,有点类似java web开发的resource目录下…
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-03/ 第一个小程序demo的运行,首选需要去使用开发工具 开发工具下载安装 https://mp.weixin.qq.com/cgi-bin/wx 点击开发工具,选择自己的系统版本进行下载,安装就可以了 安装完毕打开 打开下载后的安装文件 选择对应的安装目录 等待安装 安装完毕 打开安装后的文件 开发工具使用 扫描二维码 选择小程序 选择安装目录> 类似eclipse的项目路径 4.打开后的默认…
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-02/ 了解了小程序的历史和它未来的前景,我们开始注册小程序 注册小程序 可以参考官网介绍:https://developers.weixin.qq.com/miniprogram/introduction/index.html?t=201874 打开网址:在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮 选择“小程序”,点击“查看类型区别”可查看不同类型帐号…
转自: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/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/09/24/xiaochengxujavashizhanxiaochengxudespringboothoutailanjieqi60/ 之前咱们把用户登录,注册成功的信息都放到redis里面了,如果产品经理有一种场景,就是同一个用户在同一个时间以最后一个登录为准,那么前一个就需要重新登录,并且清空前一个用户缓存.这就用到了springboot的缓存机制.源码:https://github.com/limingios/wxProgram.git…
转自: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/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/09/01/xiaochengxujavashizhanxiaochengxuzhuceyuhouduanliandiao35/ 小程序的后端spring boot的注册接口已经完成了,下一步就是修改小程序的前端请求联调下.之前说过wx.request的api.源码:https://github.com/limingios/wxProgram.git 中的wx-springboot 和 No.15 注册与后端的联调 在app.js定义后端服务器…
转自:https://idig8.com/2018/08/31/xiaochengxujavashizhanswagger2deshiyongyujiekouceshi34/ 我们已经开发完了一个用户注册的接口,但是我们并没有测试也不知道里面哪里忽略了,有什么问题,先讲下下swagger2,然后集成到spring boot这个项目中.源码:https://github.com/limingios/wxProgram.git 中的wx-springboot swagger2 介绍>swagger2…
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-08/ 小程序如何加载的呢?生命周期!源码:https://github.com/limingios/wxProgram.git 中的No.3 加载页面 小程序默认加载的pages中的第一个目录 不管你的名称,只管你的顺序 其他目录需要通过触发才能加载 生命周期 相关的框架的时候都有生命周期的概念,通过了解生命周期更好的把控框架的使用! onLaunch 第一次打开小程序的初始化,也被调用一次.…
转自: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/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-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/05/xiaochengxujavashizhankaifayonghuredis-session39/ 接下来我们需要在我们的项目里面配置下,我们的redis的配置.源码:https://github.com/limingios/wxProgram.git 中的wx-springboot 和 No.15 springboot-wx增加配置 common 增加一个pom.xml的redis依赖 <!-- 引入 redis 依赖 -->…
转自:https://idig8.com/2018/08/27/xiaochengxujavashizhanspringbootdehoutaidajian30/ 做了多年的开发,原来很多项目都是一个项目一个工程,如果用到其他的项目的依赖文件的时候的,直接手动copy过来就可以了,自从有了maven后,很多开源的项目和互联网公司都开始使用maven来构建聚合项目,通过聚合项目来解决单个项目庞大的问题. 小程序后台spring boot的搭建 单结构工程使用Java技术开发的工程项目,无论是数据处…
转自: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/18/xiaochengxujavashizhanxiaochengxudebiaodanzujian25/ 来说下 ,小程序的基础组件.源码:https://github.com/limingios/wxProgram.git 中的No.12 表单组件 button checkbox/label form input picker picker-view radio slider button的使用 官方介绍>https://devel…
转自:https://idig8.com/2018/08/09/xiaochengxu-chuji-19/ 上一节,讲了页面引用模块的概念,如果是模块之前引用呢?源码:https://github.com/limingios/wxProgram.git 中的No.8 小程序的WXS模块 js代码块可以在页面中被引入使用 定义*.wxs,module.exports暴露接口和属性 从私有到公用的概念,通过暴露就可以公有话. require函数 官方的阐述>https://developers.we…