springboot+thymeleaf+bootstrap+mybatis-Plus+mysql 情侣空间网站源代码_情侣空间源码

前言

        最近刷短视频，因为那个程序员电视剧中表白爱心很火，短视频很多表白程序。看了之后很感兴趣，想着自己做一个情侣空间网站，于是就花了两个星期写了一个。因为前端使用bootstrap可以兼容手机端。话不多说直接看效果。（在文章末 附带源代码，如果觉得不错就留下赞和评论吧！）

---

目录

 一、界面展示及功能介绍

1、登录/注册界面

2、首页界面

3、相册界面

4、计划界面

5、个人中心

6、关于网站

 二、数据库表展示

1.user表

 2.connection表

3.album表

4.photos表

5.plan表

6.message表

三、关于配置文件问题 

1.MyWebMvcConfigurer.java

2.UpdataController.java 

3.application.yml

4.数据库的创建

四、源代码 

---

 一、界面展示及功能介绍

1、登录/注册界面

        登录界面：用户输入已经注册的账号和密码，进行登录判断。账号密码对应正确则登录成功，失败则返回登录页面，并提示错误。若是新用户未和他人绑定用户，登录成功跳转到about页；绑定用户跳转到home页。（所有页面背景白色点都是白色雪花特效）

        注册界面：用户输入注册的账号和密码，会对账号进行判断，判断账号是否已经存在。

2、首页界面

        首页页面展现绑定双方的头像，还有在一起的总时间，中间的红心是动态跳动的。在一起的时间设有初始值，如有修改请在个人中心页修改。

3、相册界面

        相册界面：展现所有相册，鼠标放在相册上会显示相册的名字、共好多张照片和创建日期。点击创建相册按钮，创建相册。点击某个相册，可进入详细看相册里面的照片；相册内可以上传新的照片，删除这个相册。图片下方的编辑按钮，可以对照片的描述文本修改，或下载该图片。

4、计划界面

        计划界面展示计划，可以新增计划，修改已有计划。

5、个人中心

        个人中心界面可以点击头像对头像进行修改和开始时间的修改，修改的头像和时间同时影响首页展示。

        若已经绑定，则会展示绑定对象、我们的开始、解绑按钮。未绑定的，只有头像、名字和邮箱还有编辑资料。

6、关于网站

        关于网站是对网站的基本介绍。如果未绑定，则该页面会变成邀请绑定，且未绑定用户只能使用关于网站和个人中心页面，其他功能均不能使用。

 二、数据库表展示

1.user表

        所有用户账号信息储存。

 2.connection表

        所有绑定信息储存。

3.album表

        所有相册信息储存。

4.photos表

        所有图片的储存信息。

5.plan表

        所有计划的储存信息。

6.message表

        其功能是存储邀请消息。

三、关于配置文件问题 

1.MyWebMvcConfigurer.java

在此文件中，会对静态文件进行放行，配置时根据自己想要储存位置进行调整，文件夹名字不要改（” **/loveDiary/images/** “等这三个）。

 // 访问绝对路径 访问路径和 存放路径可以自定义，建议存放路径放到配置文件中
        registry.addResourceHandler("/data/personImg/**").addResourceLocations("file:G:/loveDiary/personalImag/");
        registry.addResourceHandler("/update/personImg/**").addResourceLocations("file:G:/loveDiary/images/");
        registry.addResourceHandler("/update/albumCover/**").addResourceLocations("file:G:/loveDiary/albumCover/");

 // linux路径
//        registry.addResourceHandler("/data/personImg/**").addResourceLocations("file:/www/javaWeb/loveDiary/personalImag/");
//        registry.addResourceHandler("/update/personImg/**").addResourceLocations("file:/www/javaWeb/loveDiary/images/");
//        registry.addResourceHandler("/update/albumCover/**").addResourceLocations("file:/www/javaWeb/loveDiary/albumCover/");

2.UpdataController.java 

配置时，也是文件地址问题同MyWebMvcConfigurer.java。

3.application.yml

配置时，根据自己的端口号和数据库名字和密码进行修改

server:
  port: 8080

spring:
  mvc:
    static-path-pattern: /static/**
  thymeleaf:
    cache: false # 关闭缓存,默认开启
  #    prefix: classpath:/pages/  #修改默认路径 classpath:/templates/
  datasource:
    url: jdbc:mysql://localhost:3306/lovediary?useUnicode=true&characterEncoding=utf-8
    username: root
    password: root

4.数据库的创建

sql结构语句已经上传，可自行下载运行即可。

四、源代码 

大致使用过程就是注册、登录、在关于页面发起邀请、被邀请人在我的消息页面同意即可正常使用！

所有代码我已经上传我的gitee上  使用了的还觉得不错的兄弟们留下star

loveDiary: springboot+thymeleaf+bootstrap+mybatis-Plus 情侣空间网站源代码

觉得不错的兄弟们点点赞！