1. 程式人生 > >springboot+bootstrap+ES資料顯示

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實現前後臺互動
在這裡插入圖片描述
四前後臺對應
在這裡插入圖片描述
五測試
啟動專案
在這裡插入圖片描述
瀏覽器檢視
在這裡插入圖片描述