目录一、简介 二、前后端框架前端框架后端框架三、视频播放四、nginx部署nginx命令五、后端打包六、代码地址一、简介 想做一个简单的视频播放器，能够在局域网播放硬盘上的视频。 如下图所示，从硬盘指定位置读取视频数据，由服务器返回视频流，在浏览器端播放。 二、前后端框架前端框架 前端使用的uni-app组件开发，打包成H5的格式，然后由Nginx部署访问前端工程。 开发工具为HbuilderX。后端框架 后端使用springboot 2.1.6.RELEASE搭建的整体maven工程。三、视频播放 视频播放直接读取硬盘上MP4文件，然后通过HttpServ
目录一、简介 二、前后端框架前端框架后端框架三、视频播放四、nginx部署nginx命令五、后端打包六、代码地址一、简介 想做一个简单的视频播放器，能够在局域网播放硬盘上的视频。 如下图所示，从硬盘指定位置读取视频数据，由服务器返回视频流，在浏览器端播放。 二、前后端框架前端框架 前端使用的uni-app组件开发，打包成H5的格式，然后由Nginx部署访问前端工程。 开发工具为HbuilderX。后端框架 后端使用springboot 2.1.6.RELEASE搭建的整体maven工程。三、视频播放 视频播放直接读取硬盘上MP4文件，然后通过HttpServ
💌所属专栏：【微信小程序开发教程】😀作 者：我是夜阑的狗🐶🚀个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享，欢迎咨询！💖欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信😘😘😘文章目录前言一、配置tabBar效果1、创建tabBar分支2、创建tabBar页面3、配置tabBar效果4、删除默认的index首页5、修改导航条的样式效果6、分支的提交与合并总结前言 大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第51篇文章; 今天开始学习微信小程序的第35天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 专栏地址：
💌所属专栏：【微信小程序开发教程】😀作 者：我是夜阑的狗🐶🚀个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享，欢迎咨询！💖欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信😘😘😘文章目录前言一、配置tabBar效果1、创建tabBar分支2、创建tabBar页面3、配置tabBar效果4、删除默认的index首页5、修改导航条的样式效果6、分支的提交与合并总结前言 大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第51篇文章; 今天开始学习微信小程序的第35天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 专栏地址：
前言uni-app读取本地json数据文件，有下面两种方式可以实现：文件后缀为.json类型文件后缀为.js类型具体演示代码1、文件后缀为.json类型非H5端，这种类型的文件，目前只能使用require进行导入，导入后为一个对象类型。import无法导入json文件。①在项目根目录下，新建一个目录data。②在data目录下，新建一个cityData.json文件，写上本地模拟json数据，注意文件后缀为json。//cityData.json//必须是""格式，否则报错[{"id":"1","city":"深圳"},{"id":"2","city":"广州"}]③在index.vue页面引
前言uni-app读取本地json数据文件，有下面两种方式可以实现：文件后缀为.json类型文件后缀为.js类型具体演示代码1、文件后缀为.json类型非H5端，这种类型的文件，目前只能使用require进行导入，导入后为一个对象类型。import无法导入json文件。①在项目根目录下，新建一个目录data。②在data目录下，新建一个cityData.json文件，写上本地模拟json数据，注意文件后缀为json。//cityData.json//必须是""格式，否则报错[{"id":"1","city":"深圳"},{"id":"2","city":"广州"}]③在index.vue页面引
在HbuliderX中使用模拟器运行uni-app事先声明：本人电脑为windows操作系统，只能使用Android模拟器，因此只对Android模拟器(以逍遥模拟器为例)进行介绍文章目录一、下载安装HbuilderX和逍遥模拟器（准备工作）二、添加adb.exe到环境变量三、在HbuilderX中连接模拟器一、下载安装HbuilderX和逍遥模拟器（准备工作）1.下载安装HbuilderXHbuilderX官网链接：https://www.dcloud.io/hbuilderx.html 点击DownloadforWindows下载安装即可2.下载安装逍遥模拟器逍遥模拟器官网链接：【逍遥
在HbuliderX中使用模拟器运行uni-app事先声明：本人电脑为windows操作系统，只能使用Android模拟器，因此只对Android模拟器(以逍遥模拟器为例)进行介绍文章目录一、下载安装HbuilderX和逍遥模拟器（准备工作）二、添加adb.exe到环境变量三、在HbuilderX中连接模拟器一、下载安装HbuilderX和逍遥模拟器（准备工作）1.下载安装HbuilderXHbuilderX官网链接：https://www.dcloud.io/hbuilderx.html 点击DownloadforWindows下载安装即可2.下载安装逍遥模拟器逍遥模拟器官网链接：【逍遥
小程序表单校验uni-forms正确使用方式及避坑指南一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后，点个赞一、前言小程序上使用表单理应是很常用，也很必须的功能，因为系统实用了uni-app，所以这时候会用到uni-forms，但使用过程中遇到不少问题。这边的需求有3个：即时校验（输入框失焦立即校验值）需自定义校验规则需要异步校验满足这3个需求，就能实现绝大部分表单校验，然而直接使用官方的案例并不能满足，踩过不少坑，最后解决方案如下。二、成果展示以下展示均满足上述3个需求，下面示例代码可以直接看第六点
小程序表单校验uni-forms正确使用方式及避坑指南一、前言二、成果展示三、uni-forms即时校验四、uni-forms自定义校验规则五、uni-forms异步校验六、完整示例源码七、最后，点个赞一、前言小程序上使用表单理应是很常用，也很必须的功能，因为系统实用了uni-app，所以这时候会用到uni-forms，但使用过程中遇到不少问题。这边的需求有3个：即时校验（输入框失焦立即校验值）需自定义校验规则需要异步校验满足这3个需求，就能实现绝大部分表单校验，然而直接使用官方的案例并不能满足，踩过不少坑，最后解决方案如下。二、成果展示以下展示均满足上述3个需求，下面示例代码可以直接看第六点
