项目说明:本项目虽然比较简陋,但是可以教会了你怎么搭建一个简单的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实战
拒绝背锅 运筹帷幄