# 教学小程序

**Repository Path**: hxl495/teaching-applet

## Basic Information

- **Project Name**: 教学小程序
- **Description**: 小程序教学
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-09-28
- **Last Updated**: 2024-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 起因

因为快毕业了，所以要做毕业设计，想来想去，做一个教学类的小程序吧，但是起初我并不知道个人小程序不支持视频类目，没仔细阅读过小程序相关的规定，因为好久不做小程序了，主学的是Java后端，然后花了几天实现出来，在今天准备审核一下，结果才发现，不允许！！！。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928104458987.png)


行吧，不允许就不允许了，没办法，那也不能把源码放着生崽啊，所以全部源码都进行了开源。

	地址（后端）：https://gitee.com/hxl495/wx-course
	
	地址（小程序）：https://gitee.com/hxl495/teaching-applet


### 项目截图

主页效果


![主页](https://img-blog.csdnimg.cn/20200928105115720.png)

视频详细页效果

![视频详细页效果](https://img-blog.csdnimg.cn/2020092810513767.png)

群聊讨论效果

![群聊讨论效果](https://img-blog.csdnimg.cn/20200928105155528.png)


### 部署&运行

#### 基本配置
由于使用了阿里云OSS进行视频图片存储，所以还需要自己去阿里云开通一个，然后再webapplication.properties文件下配置，当然还有小程序Id和密钥也要进行配置。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928105536964.png)
#### WebSocket
如果打包成war的话，需要把这个对象去掉，开发的时候需要打开。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928105700978.png)
#### Mybatis-Plus

为了省事，使用了Mybatis-Plus，但确也没用到多少，里面的GenerCode就是用来生成代码的，运行后输入表名和模块名之后就可以生成。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928105938736.png)


#### 小程序
小程序主要配置的就是服务器地址，再app.js中。
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020092811020754.png)


### 打包部署

```java
mvn compile
mvn war:war
```

然后将wx_course.war放在Tomcat下就可以了。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928110329181.png)


### 后台

后台没写完，只能发布视频、查看视频列表，需要的话自己再加吧，这个项目我是放弃了。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928110433437.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200928110454328.png)