编辑工具: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插件实现分页功能
在原来的列表方法中添加如下代码
前端页面分页的方法如下
点击分页按钮,重新请求后台数据,
到此 博客详情页,列表页和分页功能已经实现。
感谢大家能看到这里,文中讲的不正确的地方,欢迎在下方留言,我会及时修正。
欢迎大家关注我的公众号,会不定时更新技术干货。