springboot搭建个人博客中如何实现列表,详情,分页功能-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

springboot搭建个人博客中如何实现列表,详情,分页功能

spring boot搭建个人博客中如何实现列表,详情,分页功能,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、网站设计、外贸网站建设、察隅网络推广、微信小程序定制开发、察隅网络营销、察隅企业策划、察隅品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供察隅建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

编辑工具:IDEA

使用框架:springboot

第一步,创建名为blog 的springboot项目

spring boot搭建个人博客中如何实现列表,详情,分页功能

创建springboot项目

spring boot搭建个人博客中如何实现列表,详情,分页功能

名为blog

第二步,导入依赖

spring boot搭建个人博客中如何实现列表,详情,分页功能

spring boot搭建个人博客中如何实现列表,详情,分页功能

热部署依赖

第三步,配置application.properties

spring boot搭建个人博客中如何实现列表,详情,分页功能

第四步,配置项目的热部署(修改文件无需重启服务)

因为我们已经导入过devtools依赖,所以我们只需要对ide进行配置

①settings->Build,Execution,Deployment->compiler,勾上

spring boot搭建个人博客中如何实现列表,详情,分页功能

②按住组合键“Shift+Ctrl+Alt+/” ,选择 “Registry”,

spring boot搭建个人博客中如何实现列表,详情,分页功能

开始coding吧

一、配置资源文件

由于使用idea创建的springboot项目,初始化之后,我们是无法创建class文件的,我需要对项目目录进行配置,具体步骤如下

spring boot搭建个人博客中如何实现列表,详情,分页功能

选择自己创建的model

spring boot搭建个人博客中如何实现列表,详情,分页功能

打开目录至java下,点击sources,就可以了

spring boot搭建个人博客中如何实现列表,详情,分页功能

二、创建测试demo看看系统能否跑起来,

spring boot搭建个人博客中如何实现列表,详情,分页功能

测试代码内容

spring boot搭建个人博客中如何实现列表,详情,分页功能

项目测试成功页面将会返回hello

spring boot搭建个人博客中如何实现列表,详情,分页功能

既然项目已经跑起来了,我们可以进行下一步了,将我们准备好的前端页面全部导入项目,测试是否能够正常访问。

导入后的目录结构如下

spring boot搭建个人博客中如何实现列表,详情,分页功能

输入访问地址,可以看到我事先准备好的静态页面

spring boot搭建个人博客中如何实现列表,详情,分页功能

三、准备基本架构

①创建数据表结构,导入我事先准备好的数据表:

②创建项目分层结构(controller,entity,bizlogic)

spring boot搭建个人博客中如何实现列表,详情,分页功能

③创建基本实体

spring boot搭建个人博客中如何实现列表,详情,分页功能

④因为我是用的是mybatis的通用mapper,所以我需要创建通用mapper,这个mapper必须要要放在包扫描之外,建议放在和bootapplication同级目录之中

spring boot搭建个人博客中如何实现列表,详情,分页功能

⑤创建通用mapper需要使用到的工具类

spring boot搭建个人博客中如何实现列表,详情,分页功能

四、三层结构依次开发

entity:首先我开发文章列表这一块,创建对应的实体信息如下,省略get,set方法

spring boot搭建个人博客中如何实现列表,详情,分页功能

dao 创建对应的dao继承通用mapper的接口,改接口如过只需要实现简单的增删改查,则不需写任何方法

spring boot搭建个人博客中如何实现列表,详情,分页功能

bizlogic: 创建业务逻辑层实现具体的业务操作

该方法里面只有两个方法,一是获取文章列表,而是获取文章详情

spring boot搭建个人博客中如何实现列表,详情,分页功能

controller,

controll里面也会对应两个控制方法,

spring boot搭建个人博客中如何实现列表,详情,分页功能

前端页面修改:

templates含有两个页面,一个是列表页,一个是详情页

首先我们来处理列表页,使用freemarker集合去遍历台数据

spring boot搭建个人博客中如何实现列表,详情,分页功能

这里面的集合变量是和后台传过来的变量保持一致

详情页面,和列表页操作一样,只是不需要遍历,直接使用变量即可。

spring boot搭建个人博客中如何实现列表,详情,分页功能

打开浏览器。查看列表页

spring boot搭建个人博客中如何实现列表,详情,分页功能

点击标题查看到详情页

spring boot搭建个人博客中如何实现列表,详情,分页功能

到此已经完成博客的基本展示功能了,其他页面可以类似操作,但是如果页面文章太多,就需要进行分页,最后再整合下PageHelper插件实现分页功能

在原来的列表方法中添加如下代码

spring boot搭建个人博客中如何实现列表,详情,分页功能

前端页面分页的方法如下

点击分页按钮,重新请求后台数据,

spring boot搭建个人博客中如何实现列表,详情,分页功能

spring boot搭建个人博客中如何实现列表,详情,分页功能

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


本文名称:springboot搭建个人博客中如何实现列表,详情,分页功能
网页路径:http://kswsj.cn/article/jsgpsj.html

其他资讯