项目说明:本项目虽然比较简陋,但是可以教会了你怎么搭建一个简单的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张​

 

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

Springboot整合JPA项目实例 随笔 第3张Springboot整合JPA项目实例 随笔 第4张​

 

二.后端

(一).配置文件

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

Springboot整合JPA项目实例 随笔 第5张Springboot整合JPA项目实例 随笔 第6张​

 

2.打开eclipse并创建Spring工程

Springboot整合JPA项目实例 随笔 第7张Springboot整合JPA项目实例 随笔 第8张​Springboot整合JPA项目实例 随笔 第9张Springboot整合JPA项目实例 随笔 第10张​

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

(1).操作

Springboot整合JPA项目实例 随笔 第11张Springboot整合JPA项目实例 随笔 第12张​Springboot整合JPA项目实例 随笔 第13张Springboot整合JPA项目实例 随笔 第14张​Springboot整合JPA项目实例 随笔 第15张Springboot整合JPA项目实例 随笔 第16张​Springboot整合JPA项目实例 随笔 第17张Springboot整合JPA项目实例 随笔 第18张​

(2).等待导入依赖

Springboot整合JPA项目实例 随笔 第19张Springboot整合JPA项目实例 随笔 第20张​

 

(依赖中的一部分代码)

Springboot整合JPA项目实例 随笔 第21张Springboot整合JPA项目实例 随笔 第22张​

 

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

Springboot整合JPA项目实例 随笔 第23张Springboot整合JPA项目实例 随笔 第24张​

 

4.编写全局配置文件

Springboot整合JPA项目实例 随笔 第25张Springboot整合JPA项目实例 随笔 第26张​

 

代码段:

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项目实例 随笔 第27张Springboot整合JPA项目实例 随笔 第28张​

 

(2).第二个实体类

Springboot整合JPA项目实例 随笔 第29张Springboot整合JPA项目实例 随笔 第30张​

 

2.写com.example.demo.service层

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

Springboot整合JPA项目实例 随笔 第31张Springboot整合JPA项目实例 随笔 第32张​

 

 

(2).第一个service类Springboot整合JPA项目实例 随笔 第33张Springboot整合JPA项目实例 随笔 第34张​

(3).第二个Service类Springboot整合JPA项目实例 随笔 第35张Springboot整合JPA项目实例 随笔 第36张​

3.写com.example.demo.dao层

注意:Dao层的每一个类都要继承JpaRepository<T,ID>

(1).第一个dao层类

Springboot整合JPA项目实例 随笔 第37张Springboot整合JPA项目实例 随笔 第38张​

 

(2).第二个dao层类

Springboot整合JPA项目实例 随笔 第39张Springboot整合JPA项目实例 随笔 第40张​

 

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

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

(1).第一个impl层类

Springboot整合JPA项目实例 随笔 第41张Springboot整合JPA项目实例 随笔 第42张​

 

(2).第二个impl层类

Springboot整合JPA项目实例 随笔 第43张Springboot整合JPA项目实例 随笔 第44张​

 

 

5.写com.example.demo.controller层

(1).第一个controller层类

Springboot整合JPA项目实例 随笔 第45张Springboot整合JPA项目实例 随笔 第46张​

 

(2).第二个controller层类

Springboot整合JPA项目实例 随笔 第47张Springboot整合JPA项目实例 随笔 第48张​

 

6.运行ViewPicturesApplication.java类

Springboot整合JPA项目实例 随笔 第49张Springboot整合JPA项目实例 随笔 第50张​

 

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

Springboot整合JPA项目实例 随笔 第51张Springboot整合JPA项目实例 随笔 第52张​

 

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

Springboot整合JPA项目实例 随笔 第53张Springboot整合JPA项目实例 随笔 第54张​

 

 

Springboot整合JPA项目实例 随笔 第55张Springboot整合JPA项目实例 随笔 第56张​Springboot整合JPA项目实例 随笔 第57张Springboot整合JPA项目实例 随笔 第58张​

8.小细节

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

Springboot整合JPA项目实例 随笔 第59张Springboot整合JPA项目实例 随笔 第60张​

 

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

Springboot整合JPA项目实例 随笔 第61张Springboot整合JPA项目实例 随笔 第62张​

 

Springboot整合JPA项目实例 随笔 第63张Springboot整合JPA项目实例 随笔 第64张​

 

 

 

 

(三).接口的访问

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

Springboot整合JPA项目实例 随笔 第65张Springboot整合JPA项目实例 随笔 第66张​

 

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

Springboot整合JPA项目实例 随笔 第67张Springboot整合JPA项目实例 随笔 第68张​

 

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

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

Springboot整合JPA项目实例 随笔 第69张Springboot整合JPA项目实例 随笔 第70张​

 

三.前后端对接

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

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

Springboot整合JPA项目实例 随笔 第71张Springboot整合JPA项目实例 随笔 第72张​

 

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

Springboot整合JPA项目实例 随笔 第73张Springboot整合JPA项目实例 随笔 第74张​

 

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

a.代码

Springboot整合JPA项目实例 随笔 第75张Springboot整合JPA项目实例 随笔 第76张​

b.效果

Springboot整合JPA项目实例 随笔 第77张Springboot整合JPA项目实例 随笔 第78张​

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

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

a.代码

Springboot整合JPA项目实例 随笔 第79张Springboot整合JPA项目实例 随笔 第80张​

 

b.效果

Springboot整合JPA项目实例 随笔 第81张Springboot整合JPA项目实例 随笔 第82张​

 

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

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄