vue.js毕业设计，基于vue.js前后端分离在线教育视频点播系统设计与实现（H5移动项目）

素颜马尾好姑娘i 2024-03-31 10:31 56阅读 0赞

## 功能介绍 ##

用户首次登陆系统需要注册一个用户或直接使用微信作为账号，用户在登录平台后，可以进行平台的操作。主要模块包括以下几点：  
(1)登录功能：注册普通账号登录；也可以直接使用微信登录；登录后可以修改用户的基本信息，也可以退出。  
(2)资讯功能：后台录入资讯，在微信小程序视频点播系统的资讯模板展示，用户可以任意浏览资讯列表和详细信息  
(3)视频库：后台录入视频的相关信息，可以在小程序视频列表里面一个一个点击进去查看视频详细信息；支持通过查询来查找所需要的视频。  
(4)视频分类：为了分类，后台进行了分类管理，每个录入的视频都有对应的分类，可以在小程序分类栏目进入，按分类来查看视频列表。  
(5)视频查询：在首页，输入查询的关键字，点击“查询”实现查询功能。  
(6)视频信息：每个视频包含视频的目录、状态、讲师、课程数量  
(7)老师信息：每个视频都有对应的老师，在后台录入老师的信息，在录入视频的时候关联上老师，在小程序展示视频信息的时候对显示对应老师资料  
(8)收藏操作：在视频信息详情，下方点击“收藏”，进行收藏  
(9)视频购买：在视频信息详情，下方点击“立即购买，购买成功后可以立即学习。这里是模拟付款。  
(10)已购买视频列表：所有已经购买的视频列表  
(11)我的收藏：收藏的视频列表  
(12)用户信息：填写姓名、qq、邮箱、备注等信息

## H5移动端功能 ##

![6102896088914e1590c9aa0144d0312a.jpeg][]![967e0a92a53d4d7aa4b8e64927e2c505.jpeg][]![ffdebf50921a4a06bc4c2286cc44630c.jpeg][]![6c93c996652f4a5581ec777b0cd58082.jpeg][]![0c953bda254e48e18e7e2e70ab10b4b0.jpeg][]![711be793eab74b56a9aa4c32ff80d833.jpeg][]![9e00079af3544664b71d8477fa027f10.jpeg][]![8cbc7f1677ac498284f4cf56f2fb3085.jpeg][]![66a7bca7caf84bff9732f426653485f9.jpeg][]![a7588e4796c04568ab6dd67a844dd97d.jpeg][]![3b20b9fe553f4ace9df66e398835135c.jpeg][]![277976bdbafd4d43887bef5f67ba0550.jpeg][]![72ec568955814098b69269112a6e881b.jpeg][]

## 后台管理功能 ##

![6c13f9a726604802aa8c5010855fd426.jpeg][]![eb43bfe23b2d40ac8258a09da3181baf.jpeg][]![1986f4fed99d436f8cf9f1022250db2c.jpeg][]![f0ad5030af314859b7693a458d803631.jpeg][]![e5945e5dac634226b9f6ccd23bfb24fe.jpeg][]![8355b5dd6fe84679b5c4553a28b87d4c.jpeg][]![9764a573c9f84cfe9882665add54b428.jpeg][]![b4178265ea9949e1bbd929000e325725.jpeg][]![dbea925c76a745cab370708f0494c6ab.jpeg][]![efd96da7db484378916d1cfbf6690bc1.jpeg][]![16562ec2ec294a6baf51c017e7bd6ba1.jpeg][]

## 开发概要 ##

#### 后台开发 ####

服务器端环境：iis + php （可以自行搭建其他比如phpstudy之类的）

开发环境：windows7 |windows10都可以

开发语言：php7

开发工具：phpstorm（其他开发工具vscode、dreamweaver等都可以）

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

#### 前端uniapp开发 ####

框架：基于vue.js的uniapp框架

开发工具：Hbuiderx

其他开发语言：html + css +javascript

##  ##

[6102896088914e1590c9aa0144d0312a.jpeg]: https://img-blog.csdnimg.cn/6102896088914e1590c9aa0144d0312a.jpeg
[967e0a92a53d4d7aa4b8e64927e2c505.jpeg]: https://img-blog.csdnimg.cn/967e0a92a53d4d7aa4b8e64927e2c505.jpeg
[ffdebf50921a4a06bc4c2286cc44630c.jpeg]: https://img-blog.csdnimg.cn/ffdebf50921a4a06bc4c2286cc44630c.jpeg
[6c93c996652f4a5581ec777b0cd58082.jpeg]: https://img-blog.csdnimg.cn/6c93c996652f4a5581ec777b0cd58082.jpeg
[0c953bda254e48e18e7e2e70ab10b4b0.jpeg]: https://img-blog.csdnimg.cn/0c953bda254e48e18e7e2e70ab10b4b0.jpeg
[711be793eab74b56a9aa4c32ff80d833.jpeg]: https://img-blog.csdnimg.cn/711be793eab74b56a9aa4c32ff80d833.jpeg
[9e00079af3544664b71d8477fa027f10.jpeg]: https://img-blog.csdnimg.cn/9e00079af3544664b71d8477fa027f10.jpeg
[8cbc7f1677ac498284f4cf56f2fb3085.jpeg]: https://img-blog.csdnimg.cn/8cbc7f1677ac498284f4cf56f2fb3085.jpeg
[66a7bca7caf84bff9732f426653485f9.jpeg]: https://img-blog.csdnimg.cn/66a7bca7caf84bff9732f426653485f9.jpeg
[a7588e4796c04568ab6dd67a844dd97d.jpeg]: https://img-blog.csdnimg.cn/a7588e4796c04568ab6dd67a844dd97d.jpeg
[3b20b9fe553f4ace9df66e398835135c.jpeg]: https://img-blog.csdnimg.cn/3b20b9fe553f4ace9df66e398835135c.jpeg
[277976bdbafd4d43887bef5f67ba0550.jpeg]: https://img-blog.csdnimg.cn/277976bdbafd4d43887bef5f67ba0550.jpeg
[72ec568955814098b69269112a6e881b.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/4e058ba3594f49ce869ffd394e6f3a40.jpeg
[6c13f9a726604802aa8c5010855fd426.jpeg]: https://img-blog.csdnimg.cn/6c13f9a726604802aa8c5010855fd426.jpeg
[eb43bfe23b2d40ac8258a09da3181baf.jpeg]: https://img-blog.csdnimg.cn/eb43bfe23b2d40ac8258a09da3181baf.jpeg
[1986f4fed99d436f8cf9f1022250db2c.jpeg]: https://img-blog.csdnimg.cn/1986f4fed99d436f8cf9f1022250db2c.jpeg
[f0ad5030af314859b7693a458d803631.jpeg]: https://img-blog.csdnimg.cn/f0ad5030af314859b7693a458d803631.jpeg
[e5945e5dac634226b9f6ccd23bfb24fe.jpeg]: https://img-blog.csdnimg.cn/e5945e5dac634226b9f6ccd23bfb24fe.jpeg
[8355b5dd6fe84679b5c4553a28b87d4c.jpeg]: https://img-blog.csdnimg.cn/8355b5dd6fe84679b5c4553a28b87d4c.jpeg
[9764a573c9f84cfe9882665add54b428.jpeg]: https://img-blog.csdnimg.cn/9764a573c9f84cfe9882665add54b428.jpeg
[b4178265ea9949e1bbd929000e325725.jpeg]: https://img-blog.csdnimg.cn/b4178265ea9949e1bbd929000e325725.jpeg
[dbea925c76a745cab370708f0494c6ab.jpeg]: https://img-blog.csdnimg.cn/dbea925c76a745cab370708f0494c6ab.jpeg
[efd96da7db484378916d1cfbf6690bc1.jpeg]: https://img-blog.csdnimg.cn/efd96da7db484378916d1cfbf6690bc1.jpeg
[16562ec2ec294a6baf51c017e7bd6ba1.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/9f25b965c0f94db18cc951eacaaa7bb9.jpeg