当前位置: 首页 > news >正文

使用 Wall 搭建个人照片墙和视频墙

下载

Github:https://github.com/super-tongyao/wall

国内仓库(不推荐,只做加速访问,无编译包和发行版,以github仓库为准):https://gitee.com/Super_TongYao/wall

推荐github仓库,下载最新版就行。

演示效果

目前支持PC端和移动端自适应。

演示地址:https://demo-wall.ityao.cn

后台管理:https://demo-wall.ityao.cn/login,账号密码:admin/123456

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

安装

前提下你有一台云服务器,如果没有云服务器,那么本地系统搭建也可以,只不过只能实现内网访问。

这里用的是Wall,它是国内的一款开源程序,轻量、跨平台性高,源代码是用的Vue+SpringBoot开发的,有兴趣的可以去看一下代码。

下载完解压缩包,里面有两个文件夹:
在这里插入图片描述

  • wall:编译好的前端页面。
  • wall-service-1.0.0:编译好的后端jar程序包。
  • wall.sql:后端数据库。

所以wall是前后端分离程序,而官方推荐的是用nginx搭建。

1、把wall文件夹放入nginx/html下,并编辑config/nginx.conf配置文件,新增如下配置。最后重启nginx不报错,前端部署完成。

server {listen       80;server_name  你的网站域名或公网IP;underscores_in_headers on;location / {# 映射你nginx/html目录下的wall文件夹root html/wall;try_files $uri $uri/ /index.html;}# 后端服务地址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:9999;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}
}

2、导入wall.sql文件到MySQL数据库。

mysql> source wall.sql

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

# project prot
server:port: 9999# database config
mysql:database: wallport: 3306ip: 127.0.0.1username: rootpassword: root

4、后端支持两中环境下快捷启动,自带JDK,无需安装,直接启动。

  • Windows下双击startup.bat文件启动。
  • Linux下执行startup.sh文件启动,请先获取执行权限。

5、浏览器访问http://localhost:80,后台管理:http://localhost:80/login,正常访问登录即可完成搭建。

http://www.lryc.cn/news/35147.html

相关文章:

  • 03_Linux压缩解压,用户用户组,文件权限
  • 硬盘分区数据恢复?这些方法助您解忧
  • 高校竞赛信息管理系统
  • 还是要学好数学啊
  • ActiveMQ反序列化漏洞原理+复现
  • layui框架实战案例(19):layui-table模块表格综合应用(筛选查询、导入导出、群发短信、一键审核、照片展示、隐私加密)
  • 分析vmlinux,uImage,zImage,Image的生成以及之间的关系
  • 设计模式-六大设计原则详解(java 版)
  • Linux下Nginx安装使用
  • 推动汽车业务向前发展的混合云战略:汽车数据解决方案
  • Boosting三巨头:XGBoost、LightGBM和CatBoost(发展、原理、区别和联系,附代码和案例)
  • 设计模式~模板方法模式(Template method)-10
  • 【WebSocket】在SSM项目中配置websocket
  • node-red中创建自定义节点 JavaScript 文件API编写详解
  • 华为OD机试 - 寻找路径 or 数组二叉树(C 语言解题)【独家】
  • YOLOv7、YOLOv5改进之打印热力图可视化:适用于自定义模型,丰富实验数据
  • 【Java代码与架构之完美优化】篇1:代码质量优化通用准则
  • Linux进程间通信详解(最全)
  • ROS 摄像头的使用
  • VR全景云展厅,实现7*24小时的线上宣传能力!
  • RK3568平台开发系列讲解(显示篇) DRM显示系统组成分析
  • WPF DataGrid控件的使用 使用列模板来进行数据格式的美化
  • elasticsearch自定义企业词典
  • 【AcWing】学了一坤时才明白的一道题
  • ES6的export和import
  • ASEMI高压MOS管20N60参数,20N60尺寸,20N60体积
  • 【备战面试】TCP的三次握手与四次挥手
  • 【模板进阶】
  • Tech Talk | 电致变色技术带来的智能AR体验
  • ACWING蓝桥杯每日一题python(持续更新