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

LLGululu

已于 2022-11-27 15:35:25 修改

阅读量4.9k

点赞数 9

分类专栏：网站搭建文章标签： spring boot bootstrap mybatis

于 2022-11-27 15:33:51 首次发布

本文链接：https://blog.csdn.net/m0_57979876/article/details/128063851

版权

网站搭建专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前言

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

一、界面展示及功能介绍

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 情侣空间网站源代码

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

LLGululu

关注

9
点赞
踩
27

收藏

觉得还不错? 一键收藏
打赏
4
评论
springboot+thymeleaf+bootstrap+mybatis-Plus+mysql 情侣空间网站源代码

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

扫一扫