# spring_web_star

**Repository Path**: huohuaqi/spring_web_star

## Basic Information

- **Project Name**: spring_web_star
- **Description**: 使用springboot作为后端的前后端分离的全栈web项目，主要是是个人的一些小工具，诸如 收藏夹、在线云盘、语音聊天、在线音乐、在线排序抽签等。
- **Primary Language**: Java
- **License**: Artistic-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2023-03-27
- **Last Updated**: 2025-06-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于springboot的工具网站

## 1简单介绍

这个项目主要本人在学习中积累的，主要的技术就是 前后端分离，后端使用**java spring boot**，数据库采用mysql；前端使用HTML js css 以及 **vue axios** jquery 等，

没有使用其他漂亮的bootstrap等，因此美观度有一点欠缺，但是功能丰富。

## 2使用说明

部署到服务器的时候，需要修改以下文件：
| 位置 | 说明 |
| -- | -- |
|  application_*.yml/spring.datasource:   |    数据库URL和用户名密码 | 
|  application_*.yml/Conf.tmp_fs_path    |         临时文件的存储位置| 
 | application_*.yml/Conf.explorer_path  |       云盘的存储位置| 

修改完成之后，有三种运行方法：

法一： ide中运行Main类即可。

法二： 打包后，cd到target，运行： 
```
mvn package
cd target
java -cp ./classes;./lib/*  hhq.demo.Main （windows下）
java -cp ./classes:./lib/*  hhq.demo.Main （linux下）
```


法三：mvn spring-boot:run

本地测试：http://localhost:9966/huohuaqi/index.html

nginx:参考配置

```txt
client_max_body_size 25M;
 location / {
            root   html;
            index  index.html index.htm ;
  }
  # 注意是否需要前缀
 location /huohuaqi {
      ## web socket 配置
        proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_set_header Connection "upgrade";

        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://127.0.0.1:9966/huohuaqi;
 }
```

## 3 功能和效果介绍

因为这个项目主要是个人服务的，设置了登陆密码，私有服务需要密码，公共服务不需要密码。如果没有登陆而访问私有服务，会被后台拦截的。

![](RD/1.png)

**登陆之后，可以进入菜单页面选择各项功能：**

![](RD/2.png)

### 3.1 网站收藏夹

浏览器想要收藏网站，快捷访问，除了使用默认收藏夹之外，自己制作一个适合自己习惯的也是挺好的，可以添加删除、分类、编辑、跳转。

![](RD/3.png)

### 3.2 文件寄存

当我们想分享文件、或者去打印店的时候，其实不想带U盘，那就可以先上传文件到网站，在分享 “取件码”就行，可以设置过期时间和下载次数。

![](RD/4.png)

### 3.3 文件浏览器

将本地文件上传到一个自己制作的网盘，可以更好的远程共享。

可以新建文件夹、上传、删除、下载、移动、在线播放视频、在线查看图片等。

![](RD/6.png)

### 3.4 在线排序系统

当我们需要一个小组分前后顺序的时候，除了微信摇骰子之外，我设计了一种**可复现的**和**确保多人参与的**随机排序算法，其原理如下：

![](RD/8.png)

当若足够的人都设置自己的随机数之后，才能生成，确保了多人的参与感，更加公平，后端会记住随机种子，确保可复现。

![](RD/7.png)

### 3.5 在线打电话

基于websocket编程，实现了语音聊天

![](RD/9.png)

### 3.6 简单邮件系统

登录之后，可以给指定用户发送文字和文件。

类似于邮件服务器或者微信，文件不会保存在服务器，只负责中转，过期自动删除。

![](RD/10.png)