Skip to content

Wall是一款快速分享资源应用程序。俗称“照片墙、视频墙”,基于Vue3 + Spring Boot开发的云共享资源应用系统。

Notifications You must be signed in to change notification settings

PeakGao-Shanshan/wall

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Wall

Vue Spring Boot 2.2.6

Wall是一款快速分享资源应用程序。俗称“照片墙、视频墙”,基于Vue3 + Spring Boot开发的云共享资源应用系统。快速分享发布照片和视频平台。兼容PC端和移动端,支持端对端跨平台上传资源文件。

🌟如果这个项目让你有所收获,记得 Star 关注哦,这对我是非常不错的鼓励与支持。

演示截图

开发者名单

Wall还有很多不足之处,比如部分移动端机型兼容等相关问题。

或许你可以加入Wall团队,我们一起贡献代码。申请加入

下面表格中出现你的头像及GitHub账号地址,视为Wall团队成员。

名称 Github
Tongyao https://github.com/super-tongyao
Wang Tuanjie https://github.com/KingBoyAndGirl
期待你的入... 期待你的入...

安装教程

1、下载地址:https://github.com/super-tongyao/wall/releases,以最新版为准。

2、解压缩包,里面有两个文件夹,两个执行脚本,一个SQL脚本。

  • wall:编译好的前端页面。
  • wall-service:编译好的后端jar程序包。
  • wall.sql:后端数据库。
  • startup.bat:Wall启动脚本。
  • stop.bat:Wall停止脚本。

3、如果你是开发者(程序员),如只需要前端编译程序页面和后端服务jar包,那么只从如下路径中抽取文件,到你的服务器手动命令启动Wall服务。

  • Wall前端页面编译文件:wall/html/wall

  • Wall后端服务Jar包:wall-service/jar/wall.jar

程序安装

自2.0.0版本以上起,所有Wall程序采用一键启动,内置Nginx、JDK,无需再配置Nginx等相关文件操作。

1、导入Wall.sql文件到MySQL数据库,注:MySQL为5.7版本

mysql> source wall.sql

2、修改wall-service/config/application.yml配置文件,并修改你本地的MySQL数据库连接端口及账号密码。

# project prot
server:
  port: 9999

# database config
mysql:
  database: wall
  port: 3306
  ip: 127.0.0.1
  username: root
  password: root

3、后端服务支持两种环境下快捷启动。

  • Windows:双击startup.bat文件启动。

  • Linux:执行根目录./startup.sh文件启动。

在Linux下,如果你想关闭会话后继续运行Wall,那么可以搭配nohup使用。

nohup ./startup.sh r> /dev/null 2> /dev/null &

4、浏览器访问Wall程序。

浏览器输入:http://localhost:80,正常显示页面及操作数据,至此完成安装。

后台管理:http://localhost:80/login,默认账号密码:admin/123456,如有问题,请提交Issues。

拓展配置(可选)

主要简化Wall安装程序后的一些基本配置,如暂不需要,无需配置,其他更多配置,请参考Nginx官网文档。

1、前端页面端口修改

默认端口为80,修改wall/config/nginx.conf配置文件。并修改你的前端端口,本文设置为8888。

server {
	listen       8888;
	server_name  localhost;
	
	underscores_in_headers on;

	location / {
		# 映射对应nginx/html下的wall前端程序
		root html/wall;
		try_files $uri $uri/ /index.html;
	}
	.......
}

2、修改后端服务端口

默认端口为9999,修改wall-service/config/application.yml配置文件。并修改你的后端端口,本文设置为8080。

# project prot
server:
  port: 8080
  
......

注意:如果你修改了后端服务端口,那么前端映射配置中,也需要修改映射后端服务端口,否则无法找到后端接口等问题。

修改wall/config/nginx.conf配置文件。找到映射后端服务的/api,改为对应8080端口后,重启Wall即可。

server {
	listen       80;
	server_name  localhost;
	......
	
	# 后端服务地址
	location /api{
		rewrite  ^/api/(.*)$ /$1 break;
		proxy_set_header Host $host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		
		# 转发Wall的后台服务地址
		proxy_pass   http://localhost:8080;
	}
	......
}

3、绑定域名

首先云服务商解析域名到本服务器IP,修改wall/config/nginx.conf配置文件,改成你的域名。更多内容请查看Nginx官网

server {
	listen       80;
	server_name  你的域名地址;
	
	underscores_in_headers on;

	location / {
		# 映射对应nginx/html下的wall前端程序
		root html/wall;
		try_files $uri $uri/ /index.html;
	}
	.......
}

4、使用https

确保你有可用的SSL证书,修改wall/config/nginx.conf配置文件,增加如下配置。更多内容请查看SSL配置

server {
	listen       80;
	server_name  你的域名地址;
	
	ssl_certificate 你的SSL域名pem证书.pem;
	ssl_certificate_key 你的SSL域名key证书.key;
	
	underscores_in_headers on;

	location / {
		# 映射对应nginx/html下的wall前端程序
		root html/wall;
		try_files $uri $uri/ /index.html;
	}
	.......
}

5、修改Wall上传文件大小限制

Wall默认上传大小为1024MB(1GB),修改wall/config/nginx.conf配置文件,暂改为2048(2GB)。

http {
	......
	
	client_max_body_size 2048m;

修改wall-service/config/application.yml配置文件,暂改为2048(2GB)。

# spring config
spring:
  ......

# file upload size
  servlet:
    multipart:
      max-file-size: 2048MB
      max-request-size: 2048MB

更新日志

2023-04 - 03(v2.0.3)

  1. 修复后端默认配置文件信息
  2. 优化前端相应提示文字

2023-03-22(v2.0.2)

  1. 修复封面图片压缩算法。

2023-03-15(v2.0.1)

  1. 修复Linux系统下启动时相关小问题。

2023-03-14(v2.0.0)

  1. 修复并兼容Linux操作系统。
  2. 修复图片视频资源上传路径相关小问题。
  3. 简化安装配置及实现一键启动Wall程序。

2023-03-10(v1.0.1)

  1. 修复上传点击标签归类时会唤起软键盘问题。
  2. 修复上传选择图后又删除或重新选择时选不了相册问题。
  3. 优化设置页面相应提示语。
  4. 优化部分页面样式效果。
  5. 优化上传选中标签时可见1个问题。

2023-03-07(v1.0.0)

  1. 初始版本发布

共同协作

参与共同协作会得到什么?

  • 你会出现在Wall开源人员贡献列表。

根据下列模板修改并回答问题:

  • 擅长技术:你熟悉和擅长的技术。

  • GitHub主页地址:你的GitHub主页地址(用于展示跳转你的主页)。

  • 如何理解开源?:你如何理解开源思想和想法。

并发送至邮箱:[email protected],留意邮箱回信,让我们一起把Wall变的更好。

技术讨论

Wall微信讨论群欢迎扫码(如图损坏,手动添加微信号:Byte880),欢迎各位添加:

在这里插入图片描述

免责声明

查看免责声明

About

Wall是一款快速分享资源应用程序。俗称“照片墙、视频墙”,基于Vue3 + Spring Boot开发的云共享资源应用系统。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 64.5%
  • Java 31.6%
  • JavaScript 3.5%
  • HTML 0.4%