从零开始搭建个人博客(spring boot)-实现列表,详情,分页功能

简介: 编辑工具:IDEA使用框架:springboot第一步,创建名为blog 的springboot项目创建springboot项目名为blog第二步,导入依赖热部署依赖第三步,配置application.

编辑工具:IDEA

使用框架:springboot

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


创建springboot项目
名为blog

第二步,导入依赖


热部署依赖

第三步,配置application.properties

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

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

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

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

开始coding吧

一、配置资源文件

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

选择自己创建的model

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

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

测试代码内容

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

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

导入后的目录结构如下

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

三、准备基本架构

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

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

③创建基本实体

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

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


四、三层结构依次开发

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

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


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

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

controller,

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

前端页面修改:

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

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


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

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


打开浏览器。查看列表页

点击标题查看到详情页

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

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

前端页面分页的方法如下

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

到此 博客详情页,列表页和分页功能已经实现。

感谢大家能看到这里,文中讲的不正确的地方,欢迎在下方留言,我会及时修正。

欢迎大家关注我的公众号,会不定时更新技术干货。

乐哉码农
相关文章
|
2月前
|
XML 安全 Java
|
3月前
|
Java 开发者 微服务
手写模拟Spring Boot自动配置功能
【11月更文挑战第19天】随着微服务架构的兴起,Spring Boot作为一种快速开发框架,因其简化了Spring应用的初始搭建和开发过程,受到了广大开发者的青睐。自动配置作为Spring Boot的核心特性之一,大大减少了手动配置的工作量,提高了开发效率。
79 0
|
2月前
|
设计模式 XML Java
【23种设计模式·全精解析 | 自定义Spring框架篇】Spring核心源码分析+自定义Spring的IOC功能,依赖注入功能
本文详细介绍了Spring框架的核心功能,并通过手写自定义Spring框架的方式,深入理解了Spring的IOC(控制反转)和DI(依赖注入)功能,并且学会实际运用设计模式到真实开发中。
【23种设计模式·全精解析 | 自定义Spring框架篇】Spring核心源码分析+自定义Spring的IOC功能,依赖注入功能
|
3月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
170 62
|
2月前
|
XML Java 数据格式
Spring Core核心类库的功能与应用实践分析
【12月更文挑战第1天】大家好,今天我们来聊聊Spring Core这个强大的核心类库。Spring Core作为Spring框架的基础,提供了控制反转(IOC)和依赖注入(DI)等核心功能,以及企业级功能,如JNDI和定时任务等。通过本文,我们将从概述、功能点、背景、业务点、底层原理等多个方面深入剖析Spring Core,并通过多个Java示例展示其应用实践,同时指出对应实践的优缺点。
75 14
|
3月前
|
前端开发 Java Maven
深入解析:如何用 Spring Boot 实现分页和排序
深入解析:如何用 Spring Boot 实现分页和排序
150 2
|
3月前
|
消息中间件 缓存 Java
手写模拟Spring Boot启动过程功能
【11月更文挑战第19天】Spring Boot自推出以来,因其简化了Spring应用的初始搭建和开发过程,迅速成为Java企业级应用开发的首选框架之一。本文将深入探讨Spring Boot的背景历史、业务场景、功能点以及底层原理,并通过Java代码手写模拟Spring Boot的启动过程,帮助读者深入理解其工作机制。
64 3
|
3月前
|
前端开发 Java easyexcel
SpringBoot操作Excel实现单文件上传、多文件上传、下载、读取内容等功能
SpringBoot操作Excel实现单文件上传、多文件上传、下载、读取内容等功能
222 8
|
3月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
231 2
|
26天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue实现的留守儿童爱心网站设计与实现(计算机毕设项目实战+源码+文档)
博主是一位全网粉丝超过100万的CSDN特邀作者、博客专家,专注于Java、Python、PHP等技术领域。提供SpringBoot、Vue、HTML、Uniapp、PHP、Python、NodeJS、爬虫、数据可视化等技术服务,涵盖免费选题、功能设计、开题报告、论文辅导、答辩PPT等。系统采用SpringBoot后端框架和Vue前端框架,确保高效开发与良好用户体验。所有代码由博主亲自开发,并提供全程录音录屏讲解服务,保障学习效果。欢迎点赞、收藏、关注、评论,获取更多精品案例源码。
61 10