SpringBoot分頁(yè)的實(shí)現(xiàn)與long型id精度丟失問(wèn)題的解決方案介紹
一.分頁(yè)查詢的實(shí)現(xiàn)
在做分頁(yè)查詢時(shí)流程如下:
頁(yè)面發(fā)送ajax請(qǐng)求,將分頁(yè)查詢參數(shù)(page、pageSize、name)提交到服務(wù)端,服務(wù)端Controller層接收頁(yè)面提交的數(shù)據(jù)并調(diào)用Service層查詢數(shù)據(jù),Service調(diào)用Mapper操作數(shù)據(jù)庫(kù),查詢分頁(yè)數(shù)據(jù),Controller層將查詢到的分頁(yè)數(shù)據(jù)響應(yīng)給頁(yè)面
具體實(shí)現(xiàn):
1.設(shè)置分頁(yè)攔截器,拿到對(duì)象當(dāng)作Bean交給Spring管理
@Configuration public class MyBatisPlusConfig { @Bean public MybatisPlusInterceptor mybatisPlusInterceptor(){ MybatisPlusInterceptor mybatisPlusInterceptor = new MybatisPlusInterceptor(); mybatisPlusInterceptor.addInnerInterceptor(new PaginationInnerInterceptor()); return mybatisPlusInterceptor; } }
2.Controller層中創(chuàng)建分頁(yè)對(duì)象,編寫分頁(yè)條件
@GetMapping("/page") public R<Page> page(int page,int pageSize,String name){ log.info("page={}, pageSize={}, name={}",page,pageSize,name); //構(gòu)造分頁(yè)構(gòu)造器 Page page1 = new Page(page, pageSize); //構(gòu)造條件構(gòu)造器 LambdaQueryWrapper<Employee> lqw = new LambdaQueryWrapper<>(); //分頁(yè)條件 lqw.like(StringUtils.isNotEmpty(name),Employee::getName,name); //添加排序 lqw.orderByDesc(Employee::getUpdateTime); //執(zhí)行查詢 employeeService.page(page1,lqw); //返回分頁(yè)頁(yè)面信息 return R.success(page1); }
返回的分頁(yè)信息響應(yīng)結(jié)果(response)如下:
推薦一個(gè)json格式轉(zhuǎn)換神器:JSON轉(zhuǎn)換神器
{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->"code":1,"msg":null,"data":{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->"records":[{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->"id":"1576900298836086785","username":"15072564960","name":"懶羊羊","passsword":"e10adc3949ba59abbe56e057f20f883e","phone":"15072564960","sex":"1","idNumber":"420528200201151015","status":0,"createTime":"2022-10-03 19:41:43","updateTime":"2022-10-06 23:01:27","createUser":"1","updateUser":"1"},{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->"id":"1576934844579266561","username":"24553880","name":"懶羊羊","passsword":"e10adc3949ba59abbe56e057f20f883e","phone":"15072564960","sex":"1","idNumber":"420528200201151015","status":1,"createTime":"2022-10-03 21:59:00","updateTime":"2022-10-06 23:01:17","createUser":"1","updateUser":"1"}],"total":4,"size":2,"current":1,"orders":[],"optimizeCountSql":true,"hitCount":false,"countId":null,"maxLimit":null,"searchCount":true,"pages":2},"map":{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->}}
二.禁/啟用員工賬號(hào)
在員工管理列表頁(yè)面,可以對(duì)某個(gè)員工賬號(hào)進(jìn)行啟用或者禁用操作。賬號(hào)禁用的員工不能登錄系統(tǒng),啟用后的員工可以正常登錄,只有管理員(admin用戶)可以對(duì)其他普通用戶進(jìn)行啟用、禁用操作,所以普通用戶登錄系統(tǒng)后啟用、禁用按鈕不顯示。
分析流程不難發(fā)現(xiàn),修改員工狀態(tài)是管理員的權(quán)限,對(duì)狀態(tài)的操作實(shí)際就是對(duì)employee表中的status字段進(jìn)行update操作,在Controller層中我們需要編寫相關(guān)的方法來(lái)處理來(lái)自前端的這一請(qǐng)求,就像這樣:
@PutMapping public R<String> update(HttpServletRequest request, @RequestBody Employee employee) { log.info(employee.toString()); employee.setUpdateTime(LocalDateTime.now()); Long empID=(Long) request.getSession().getAttribute("employee"); employee.setUpdateUser(empID); employeeService.updateById(employee); return R.success("員工信息修改成功"); }
Controller層中的update方法處理了請(qǐng)求,但是當(dāng)我再次刷新頁(yè)面發(fā)現(xiàn)其狀態(tài)并沒有改變!
通過(guò)Debug一步一步調(diào)試時(shí),發(fā)現(xiàn)從Session里拿到的empID和數(shù)據(jù)庫(kù)里的字段id并不對(duì)應(yīng)分別是(1576934844579266561–1576934844579266600),而二者對(duì)應(yīng)起來(lái)才是能夠準(zhǔn)確執(zhí)行update方法的關(guān)鍵
于是,進(jìn)行排查,查看后端給頁(yè)面響應(yīng)的數(shù)據(jù)(response),發(fā)現(xiàn)與表中的id是對(duì)應(yīng)的,這說(shuō)明后端沒問(wèn)題
總的來(lái)說(shuō),后端傳給前端的id沒問(wèn)題且與表中對(duì)應(yīng),但是前端返回給后端的id卻與之不一致了,問(wèn)題出在哪?肯定是前端啊
原來(lái)啊我們傳提的是一個(gè)Long型的數(shù)值(19位),JS接收數(shù)據(jù)并進(jìn)行處理后發(fā)生了精度丟失!JS只能精確處理前16位,后面的數(shù)字做了四舍五入處理
而把后端響應(yīng)的數(shù)值轉(zhuǎn)換成字符串即可避免這種現(xiàn)象,具體則是通過(guò)數(shù)值轉(zhuǎn)換器來(lái)實(shí)現(xiàn)!
三.數(shù)值轉(zhuǎn)換器的使用
提供對(duì)象轉(zhuǎn)換器JacksonobjectMapper,基于Jackson進(jìn)行Java對(duì)象到j(luò)son數(shù)據(jù)的轉(zhuǎn)換,在此消息轉(zhuǎn)換器中使用提供的對(duì)象轉(zhuǎn)換器進(jìn)行java對(duì)象到j(luò)son數(shù)據(jù)之間的相互轉(zhuǎn)換(序列化與反序列化)
public class JacksonObjectMapper extends ObjectMapper { public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd"; public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss"; public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss"; public JacksonObjectMapper() { super(); //收到未知屬性時(shí)不報(bào)異常 this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false); //反序列化時(shí),屬性不存在的兼容處理 this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES); SimpleModule simpleModule = new SimpleModule() .addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT))) .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT))) .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT))) .addSerializer(BigInteger.class, ToStringSerializer.instance) .addSerializer(Long.class, ToStringSerializer.instance)//將Long轉(zhuǎn)換成String .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT))) .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT))) .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT))); //注冊(cè)功能模塊 例如,可以添加自定義序列化器和反序列化器 this.registerModule(simpleModule); } }
而我們要做的就是要把他寫到配置類里,擴(kuò)展mvc框架的消息轉(zhuǎn)換器組件,用來(lái)將方法中返回的R對(duì)象結(jié)果轉(zhuǎn)換成字符串,以輸出流的方式返回給頁(yè)面
在配置類中確定好自己使用的轉(zhuǎn)換器類型并設(shè)置順序:
/** * 擴(kuò)展mvc框架的消息轉(zhuǎn)換器組件 */ @Override protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) { //創(chuàng)建消息轉(zhuǎn)換器對(duì)象 MappingJackson2HttpMessageConverter mj2mc = new MappingJackson2HttpMessageConverter(); //設(shè)置對(duì)象轉(zhuǎn)換器,底層使用Jackson將Java對(duì)象轉(zhuǎn)為json mj2mc.setObjectMapper(new JacksonObjectMapper()); //將上述的消息轉(zhuǎn)換器對(duì)象追加到mvc框架的轉(zhuǎn)換器集合中 converters.add(0,mj2mc);//確定順序,將自己使用的轉(zhuǎn)換器放在最前面來(lái)優(yōu)先使用 }
當(dāng)我們?cè)俅螁?dòng)項(xiàng)目調(diào)試頁(yè)面發(fā)現(xiàn)后端響應(yīng)的數(shù)據(jù)變成了以字符串的形式
而且可以成功修改員工狀態(tài):
又是一個(gè)小技巧?。?/p>
到此這篇關(guān)于SpringBoot分頁(yè)的實(shí)現(xiàn)與long型id精度丟失問(wèn)題的解決方案介紹的文章就介紹到這了,更多相關(guān)SpringBoot分頁(yè)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用Feign調(diào)用注解組件(實(shí)現(xiàn)字段賦值功能)
這篇文章主要介紹了使用Feign調(diào)用注解組件(實(shí)現(xiàn)字段賦值功能),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-03-03Struts2實(shí)現(xiàn)文件上傳時(shí)顯示進(jìn)度條功能
這篇文章主要為大家詳細(xì)介紹了Struts2實(shí)現(xiàn)文件上傳時(shí)顯示進(jìn)度條功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05Java并發(fā) CompletableFuture異步編程的實(shí)現(xiàn)
這篇文章主要介紹了Java并發(fā) CompletableFuture異步編程的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01servlet之cookie簡(jiǎn)介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
Cookie技術(shù)誕生以來(lái),它就成了廣大網(wǎng)絡(luò)用戶和Web開發(fā)人員爭(zhēng)論的一個(gè)焦點(diǎn)。下面這篇文章主要給大家介紹了關(guān)于servlet之cookie簡(jiǎn)介的相關(guān)資料,文中介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-07-07