SpringBoot实战——个人博客项目(上)

本文涉及的产品
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS PostgreSQL,集群系列 2核4GB
简介: SpringBoot实战——个人博客项目(上)

一、项目简介

项目名称:个人博客系统

主要操作的对象是:文章和用户,用户可在该系统上发表自己的博客,查看自己或别人已经发表的文章


需要用到两张表:userinfo(用户表)、articleinfo(文章表)

需要实现的功能:


登录+注册

博客的分页列表功能

新增发表博客

修改、删除自己的博客


项目技术栈

SSM(SpringBoot + SpringMVC + MyBatis)

MySQL

jQuery


项目亮点

手动对用户密码实现随机加盐

统一异常处理、拦截器

用户登录持久化(session内存)

分页功能


二、项目整体架构

数据库模块

两张表:用户表 + 文章表

ebf480a6aa6248739ee8e7012e8cb824.png

后端模块

控制层(controller包)——》控制器

服务层(service包)——》服务类

持久层--数据访问层(java目录下mapper类 + resources目录下的mapper.xml)——》mapper

实体层(model包)——》实体类

工具层(config包+util包)——》统一异常处理、统一返回、随机加盐


03fbf7a2891647a7a32e312fb49ab50f.png

39093c6c9f5c47f9ae782b82c765f2c6.png

前端模块

前端设计到7个页面

login.html登录页

reg.html注册页

blog_list.html总的博客列表页——》用到了blog_l

myblog_list.html个人博客列表页

blog_content.html博客详情页

blog_edit.html博客编辑页

blog_update.html博客修改页

1636694fb06649f093395cbc4e500908.png

三、项目具体展示

项目公网地址:登陆页面


登录页面、注册页面


image.png

总的博客列表页面


image.png

博客详情页

个人博客主页

博客修改页面


image.png

博客编辑页面

image.png

项目源码:java_spring: SpringMVC、SpringBoot、MyBatis学习 - Gitee.com

 

四、项目的具体实现

1、一些准备工作

首先我们新建一个springboot项目,项目具体的创建流程我这里就不在赘述。

详见:SpringBoot项目的创建

image.png

接下来我们就要数据库引入该项目。


🍎数据库、数据表的创建


用户表的创建


image.png

文章表的创建


image.png


🍎设置数据库和MyBatis的配置

🍑配置数据库的连接信息

image.png


这里的很多内容是固定的

# 数据库连接配置
Spring:
  datasource:
    url: jdbc:mysql://localhost:3306/你要连接的数据库名?characterEncoding=utf8&useSSL=false
    username: 用户名
    password: 自己的密码
    driver-class-name: com.mysql.cj.jdbc.Driver #只要你数据库用的是mysql这个是固定的


🍑配置MyBatis XML存放位置和命名规则


55edce7ed1a54dcea96ca0a7d6dd2b88.png


此时我们已经在通过maven将MySQL Driver和MyBatis Framework这两个包导入了进来,此时启动项目,项目依然能够正常运行,说明我们数据库连接是正常的。

c135fc3cedae4c9d8244d81525f9397d.png

🍎将前端项目引入到当前项目中

下面的前端的静态资源复制到我们resource/static目录下面:


764dcff8503d4c0881f0a69bab4f3b54.png


2、登录注册模块

🍑实体类的创建

登录和注册不就是对用户表进行操作吗?这个我们首先创建用户表对应的实体类

首先根据我们数据库的表,在我们的程序中创建想对应的实体类——我们的MyBatis是ORM框架,我们的程序对象与关系数据库数据之间有响应的映射关系

一个数据库中的数据表对应我们程序中的一个实体类

数据表中的一行数据对应该实体类的一个实例化对象

该数据表中的各个属性对应该实体类的成员变量(属性)


对了,还记我们springboot的扫描路径吗?

只有在启动类的同级目录下,springboot才会对该目录下的类进行扫描,配合类注解存到spring容器中。

21830febc29944c196a82a41c794cf0e.png

接下来我们就尝试给我们的用户表插入一条数据。

02a16a9e453240e0b072cead9e4a4e91.png


如上图所示:我们从前端的login.html中获取到数据后,经过控制层——》服务层——》数据持久层,最后才作用到我们的数据库上。

废话不多说,让我们跟着流程来走一遍吧!

715e3606ea234080a3795f4af04a76eb.png

controller层


上图描述的是,我们通过url直接调用了我们控制层的sayHi()方法,并且把我们sayHi()方法返回的的结果展现在了浏览器上。


🍎但是现在我们有前端了,我们前端提交数据(调用我们的后端controller层的登录方法),然后把结果返回给前端不就行了吗(用户是登录失败了,还是成功了,交由我们的前端来处理)

相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
7天前
|
Java 应用服务中间件
SpringBoot获取项目文件的绝对路径和相对路径
SpringBoot获取项目文件的绝对路径和相对路径
43 1
SpringBoot获取项目文件的绝对路径和相对路径
|
2天前
|
分布式计算 关系型数据库 MySQL
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型 图像处理 光通信 分布式计算 算法语言 信息技术 计算机应用
20 8
|
28天前
|
JavaScript 前端开发 Java
解决跨域问题大集合:vue-cli项目 和 java/springboot(6种方式) 两端解决(完美解决)
这篇文章详细介绍了如何在前端Vue项目和后端Spring Boot项目中通过多种方式解决跨域问题。
298 1
解决跨域问题大集合:vue-cli项目 和 java/springboot(6种方式) 两端解决(完美解决)
|
9天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
28 2
|
9天前
|
前端开发 Java Spring
SpringBoot项目thymeleaf页面支持词条国际化切换
SpringBoot项目thymeleaf页面支持词条国际化切换
31 2
|
9天前
|
JSON Java 数据库
SpringBoot项目使用AOP及自定义注解保存操作日志
SpringBoot项目使用AOP及自定义注解保存操作日志
26 1
|
11天前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
28天前
|
Java Maven Spring
springboot学习一:idea社区版本创建springboot项目的三种方式(第三种为主)
这篇文章介绍了在IntelliJ IDEA社区版中创建Spring Boot项目的三种方法,特别强调了第三种方法的详细步骤。
173 0
springboot学习一:idea社区版本创建springboot项目的三种方式(第三种为主)
|
11天前
|
关系型数据库 MySQL Java
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
20 0
|
28天前
|
监控 Java Maven
springboot学习二:springboot 初创建 web 项目、修改banner、热部署插件、切换运行环境、springboot参数配置,打包项目并测试成功
这篇文章介绍了如何快速创建Spring Boot项目,包括项目的初始化、结构、打包部署、修改启动Banner、热部署、环境切换和参数配置等基础操作。
111 0
下一篇
无影云桌面