Hellohao 发表于 2019-7-21 23:07

【开源】Hellohao图床源码,响应式页面,支持对接多家对象存储。

本帖最后由 Hellohao 于 2019-7-21 23:10 编辑

# Hellohao图床 - 全新响应式UI

### 之前在论坛发布过一次,由于加了我博客的地址,所以违规了。

### 这次文章没有添加任何三方链接,只有GitHub开源链接和一个Demo地址。



这是一个基于多家对象存储源的`Java - Spring Boot`开源图床项目。系统使用 Spring Boot 搭建, 针对用户更方便的管理自己的图片管理拓展功能, 目前已经支持对接`本地`、`网易`,`阿里`,`又拍`,`七牛`、`腾讯`对象存储.

<!--more-->
![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/c1f380714064000.png)

**前言**
本源码是有java语言基于springboot开发的图床站,并且毫无保留的把它开源了出来。

**主要功能支持:**

- 支持 图片拖拽、截图软件直接(Ctrl+V)和图片URL地址上传。
- 对接本地、网易、阿里、又拍、七牛、腾讯 等各大对象存储平台。
- 图片鉴黄配置(开启后,每天固定时间进行非法图片监测)
- 游客、用户的上传管理
- 邮箱注册激活。
- 站点样式设置和上传规则配置等。



### Dome预览地址: [**http://tc.hellohao.cn/**](http://tc.hellohao.cn/)

更多后台功能你可以自己搭建配置使用。

## 系统预览

![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/814900714064158.png)

![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/611550714064158.png)

![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/e0cd00630042510.png)

![ ](http://cdn.wwery.com/Hellohao/6df370721110846.png)

![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/e1f790627023129.png)

![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/40bea0627023129.png)



## 运行环境

- JDK 1.8
- MySQL

## 详细部署教程

先下载编译包:**(https://github.com/Hello-hao/Tbed/releases "下载编译包")**,做准备并进行如下操作(这里以linux宝塔环境举例子):

### 导入数据库

创建数据库`picturebed`, 字符集选择 `utf8`后
导入`picturebed.sql`
![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/150550716060806.png)
在应用商店搜索`tomcat`选择tomcat8版本下载安装(这里说明一下,其实我们并不需要tomcat,只是因为宝塔下载tomcat8自带JDK1.8,而这个JDk1.8正是我们需要的)
![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/942210716061116.png)

### 配置文件

打开 `application.properties` 修改 `MySQL` 和 `服务器端口` 等连接信息改成你服务器的信息.(端口号改不改都行,前提是保证其他程序没有被占用)
![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/5b3bc0716061215.png)



```shell
      #数据库账号
      spring.datasource.username=root
      #数据库密码
      spring.datasource.password=root
      #数据库地址
      spring.datasource.url=jdbc:mysql://localhost:3306/picturebed?useUnicode=true&characterEncoding=utf8&serverTimezone=GMT%2B8
      #端口
      server.port=8088

```

### 部署

jdk1.8和mysql数据库、还有配置文件,我们都改好了。接下来开始部署吧。
在系统目录`/home`下新建一个`javaweb`目录
把`Tbed.jar`和`application.properties`放到服务器你刚才新建的目录下:`/home/javaweb`,注意这两个文件必须要在同一目录下不能分开。
![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/a84aa0716061624.png)

### 启动项目

在完成了上述步骤后,然后xshell链接你的服务器,进入你刚才的目录,然后执行一下命令.
进入你的目录:

```shell
# cd /home/javaweb
```

部署jar编译包:

```shell
# java -jar Tbed.jar
```

ok!等项目跑起来即可,如图:

![ ](https://hellohao.oss-cn-beijing.aliyuncs.com/Hellohao/5650c0716062021.png)

**这里注意:记得把项目所需要的端口(8088)放行,否则访问不了!!**

启动后访问地址为:http://服务器IP:8088 , `8088`就是你配置`server.port=8088`的端口.
这样,你的站点就启动了。`注意:`启动后命令行是不能关闭的,否则你的站点就会不能访问。可以用`nohup`或者`screen`之类的命令后台运行。

初始用户名:`admin`
初始邮箱:`admin`
初始密码`admin`



### 部署教程

- **再不会剁手**
**部署视频:(https://www.bilibili.com/video/av55569119 "https://www.bilibili.com/video/av55569119")**



### 技术选型

#### 前端

- 首页框架: (https://www.bootcss.com/)
- 后端框架: (https://www.layui.com/)

### 开源地址

> **GitHub开源地址:** **https://github.com/Hello-hao/Tbed**
> **项目编译包下载:** **https://github.com/Hello-hao/Tbed/releases**

**如果想学习源码可以去GitHub查看。如果你想部署项目搭建网站,可以下载第二个编译包直接部署即可。**

### 希望能给出你们的Star 、Star、Star !!!

张咸鱼丶 发表于 2019-7-25 08:26

Hellohao 发表于 2019-7-25 07:23
Nginx反向代{过}{滤}理

大佬,还有个问题是,我关闭了xshell程序就不运行了啊? 还有他那个本地上传的图保存在哪个文件里呢?

流浪情人 发表于 2019-7-21 23:22

UI看着真的挺好看的哦

Sync 发表于 2019-7-21 23:33

界面挺好看的 厉害

没游名字 发表于 2019-7-21 23:43

大佬?demo 没账号密码吗?

266277 发表于 2019-7-22 00:30

为啥搭建网站还需要额外配置环境

hy_athlon 发表于 2019-7-22 00:41

做得很漂亮呀

莫西莫西king 发表于 2019-7-22 00:44

漂亮,很好看

Hellohao 发表于 2019-7-22 08:27

没游名字 发表于 2019-7-21 23:43
大佬?demo 没账号密码吗?

demo账号后来关闭了,有人恶意删除记录。

Konpee 发表于 2019-7-22 08:36

本帖最后由 Konpee 于 2019-7-22 08:45 编辑

漂亮,UI体验不错。后台管理也能加一个上传界面就更好了!已 Star

Hellohao 发表于 2019-7-22 10:07

Konpee 发表于 2019-7-22 08:36
漂亮,UI体验不错。后台管理也能加一个上传界面就更好了!已 Star

感谢你的支持。
页: [1] 2 3
查看完整版本: 【开源】Hellohao图床源码,响应式页面,支持对接多家对象存储。