springboot+bootstrap+ES数据显示

本次 使用springboot获取ES数据并在bootstrap显示 未分页

springboot环境搭建请看之前博客:https://blog.csdn.net/qq_36819281/article/details/84076611
ES环境搭建请看之前博客:https://blog.csdn.net/qq_36819281/article/details/83716330
一查看ES环境
1启动ES
如果不会ES启动 请看当前博客:https://blog.csdn.net/qq_36819281/article/details/83716330
启动成功
在这里插入图片描述
2启动head插件

如果不会head启动 请看当前博客:https://blog.csdn.net/qq_36819281/article/details/83963475
在这里插入图片描述
3查看ES中index索引127.0.0.1:9100 当前索引为test .kibana 本次使用test索引进行测试
在这里插入图片描述
4查看当前索引数据
在这里插入图片描述
二bootstrap获取ES数据
1pom.xml引入bboss框架 、junit测试
在这里插入图片描述
2在application.properties中添加连接ES配置信息
在这里插入图片描述
3创建类并创建方法测试获取ES数据
在这里插入图片描述
4启动getES方法 查看控制台打印
在这里插入图片描述
5查看数据是否一致
与ES中数据对比 一致 所以查询成功
在这里插入图片描述
在这里插入图片描述
三前台准备
查看bootstrap在项目中位置
在这里插入图片描述
创建duobiao.html引入bootstrap
在这里插入图片描述
在这里插入图片描述
测试是否引入成功bootstrap
在这里插入图片描述
bootstrap引入成功
在这里插入图片描述
创建表格用于显示数据
在这里插入图片描述
ajax实现前后台交互
在这里插入图片描述
四前后台对应
在这里插入图片描述
五测试
启动项目
在这里插入图片描述
浏览器查看
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_36819281/article/details/84113136