编辑工具:IDEA

使用框架:springboot

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

第二步，导入依赖

第三步，配置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插件实现分页功能

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

前端页面分页的方法如下

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

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

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

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