Springboot整合JPA项目实例

项目说明:本项目虽然比较简陋,但是可以教会了你怎么搭建一个简单的Springboot项目

本项目源码下载地址:链接: https://pan.baidu.com/s/16EZc-fk9nUfJPPv9pBOGIA   

提取码:3dg1 

Springboot整合JPA项目实例

开发前言:

一.本项目用到的技术:

1.前端:Html、Css、bootstrap、jQuery

2.后端:Springboot整合JPA、MySQL

二.开发工具:

Hbuilder、Eclipse、Navicat

一.前端

需求分析:

图片浏览(图片上有"查看详情>>",点击之后会跳转到另一个页面,查看到详情)

Springboot整合JPA项目实例_第1张图片

 

Springboot整合JPA项目实例_第2张图片

 

二.后端

(一).配置文件

1.在创建工程之前首先创建数据库(不需要创建表)

Springboot整合JPA项目实例_第3张图片

 

2.打开eclipse并创建Spring工程

Springboot整合JPA项目实例_第4张图片Springboot整合JPA项目实例_第5张图片

3.注入必要的依赖(这些选项勾选后,会在pom.xml文件中出现相应的代码)

(1).操作

Springboot整合JPA项目实例_第6张图片Springboot整合JPA项目实例_第7张图片Springboot整合JPA项目实例_第8张图片Springboot整合JPA项目实例_第9张图片

(2).等待导入依赖

Springboot整合JPA项目实例_第10张图片

 

(依赖中的一部分代码)

Springboot整合JPA项目实例_第11张图片

 

(3).单独添加两个依赖包

Springboot整合JPA项目实例_第12张图片

 

4.编写全局配置文件

Springboot整合JPA项目实例_第13张图片

 

代码段:

spring.datasource.driverClassName=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/pictures?characterEncoding=utf8&useSSL=false&serverTimezone=UTC&rewriteBatchedStatements=true spring.datasource.username=root spring.datasource.password=123456 spring.jpa.hibernate.ddl-auto=update spring.jpa.show-sql=true

(二).业务代码的编写

1.写com.example.demo.entity层

(1).第一个实体类

Springboot整合JPA项目实例_第14张图片

 

(2).第二个实体类

Springboot整合JPA项目实例_第15张图片

 

2.写com.example.demo.service层

(1).最先写BaseService,之后再写其他的。每创建一个Service都要继承(BaseService)

Springboot整合JPA项目实例_第16张图片

 

 

(2).第一个service类Springboot整合JPA项目实例_第17张图片

(3).第二个Service类Springboot整合JPA项目实例_第18张图片

3.写com.example.demo.dao层

注意:Dao层的每一个类都要继承JpaRepository

(1).第一个dao层类

Springboot整合JPA项目实例_第19张图片

 

(2).第二个dao层类

Springboot整合JPA项目实例_第20张图片

 

4.com.example.demo.service.impl层

注意:每一个Service层的实现类(impl)都要实现对应的Service接口

(1).第一个impl层类

Springboot整合JPA项目实例_第21张图片

 

(2).第二个impl层类

Springboot整合JPA项目实例_第22张图片

 

 

5.写com.example.demo.controller层

(1).第一个controller层类

Springboot整合JPA项目实例_第23张图片

 

(2).第二个controller层类

Springboot整合JPA项目实例_第24张图片

 

6.运行ViewPicturesApplication.java类

Springboot整合JPA项目实例_第25张图片

 

发现控制台没有报错,此时后端代码基本完成

Springboot整合JPA项目实例_第26张图片

 

7.打开数据库,发现所有的表以及字段已经完善

Springboot整合JPA项目实例_第27张图片

 

 

Springboot整合JPA项目实例_第28张图片Springboot整合JPA项目实例_第29张图片

8.小细节

(1).在tb_article表中,content当中的数据是一篇文章,但是在Java代码中用的Entity类代码中content的类型是String,容量显然不够;

Springboot整合JPA项目实例_第30张图片

 

这时我们必须在数据库中更改content字段的类型为longtext

Springboot整合JPA项目实例_第31张图片

 

Springboot整合JPA项目实例_第32张图片

 

 

 

 

(三).接口的访问

1.先在数据库中添加一些数据

Springboot整合JPA项目实例_第33张图片

 

2.在浏览器中访问:http://localhost:8080/pictures/all

Springboot整合JPA项目实例_第34张图片

 

此时可以拿到数据库中的内容

另一张表同理即可http://localhost:8080/article/all

Springboot整合JPA项目实例_第35张图片

 

三.前后端对接

(一).主页index.html的对接

(1).检测此时接口是否可用

Springboot整合JPA项目实例_第36张图片

 

此时浏览器后台打印出相应数据

 

(2).将得到的数据渲染到页面上去

a.代码

Springboot整合JPA项目实例_第37张图片

b.效果

Springboot整合JPA项目实例_第38张图片

(二).checkDetails.html(点击查看详情后跳转的页面)的对接

(1).将得到的数据渲染到页面上去

a.代码

Springboot整合JPA项目实例_第39张图片

 

b.效果

Springboot整合JPA项目实例_第40张图片

 

本项目源码下载地址:链接: https://pan.baidu.com/s/16EZc-fk9nUfJPPv9pBOGIA   提取码:3dg1 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(Springboot整合JPA项目实例)