当前位置: 首页 > 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/34591.html

相关文章:

  • 0103 MySQL06
  • 【UE4 RTS游戏】04-摄像机运动_鼠标移动到视口边缘时移动Pawn
  • 147597-66-8,p-SCN-Bn-NOTA,NOTA-P-苯-NCS新型双功能螯合剂
  • JDK解压安装及idea开发工具配置
  • 使用Ubuntu中的Docker部署Remix
  • 【MySQL】P9 多表查询(3) - 子查询
  • SpringMVC中的拦截器不生效的问题解决以及衍生出的WebMvcConfigurationSupport继承问题思考
  • 【量化交易笔记】3.实现数据库保存数据
  • [数据结构]:15-堆排序(顺序表指针实现形式)(C语言实现)
  • 蓝桥 卷“兔”来袭编程竞赛专场-02破解曾公亮密码 题解
  • CSS定位
  • python sympy库
  • 达梦数据库统计信息的导出导入
  • 信息系统基本知识(六)
  • <C++>智能指针
  • 1.分析vmlinux可执行文件是如何生成的? 2.整理内核编译流程:uImage/zImage/Image/vmlinx之间关系
  • 数据结构4——线性表3:线性表的链式结构
  • weblogic 忘记密码重置密码
  • 安卓开发之动态设置网络访问地址
  • 深度学习模型训练工作汇报(3.8)
  • 【ns-3】添加nr(5G-LENA)模块
  • (枚举)(模拟)(前缀和)(数组模拟哈希)(可二分)1236. 递增三元组
  • mysql五种索引类型(实操版本)
  • 微服务进阶之 SpringCloud Alibaba
  • 前端性能优化笔记2 第二章 度量
  • 关于new和delete的一些思考,为什么不能在析构函数中调用delete释放对象的内存空间,new和delete的原理
  • 一场以数字技术深度影响和改造传统实业的新风口,正在开启
  • 【LeetCode】13. 罗马数字转整数
  • 2023/3/8集合之TreeSet HashSet简介 不含代码
  • 【面试1v1实景模拟】面试中常见的Java关键字详解