文章詳情頁(yè)
javascript - 請(qǐng)問(wèn)這個(gè)流程進(jìn)度條是怎么和后端數(shù)據(jù)進(jìn)行聯(lián)動(dòng)的？O(∩_∩)O謝謝！
瀏覽：124日期：2022-11-17 13:13:12
問(wèn)題描述
后端數(shù)據(jù)的處理狀態(tài)到哪一步，當(dāng)前的狀態(tài)變藍(lán)
問(wèn)題解答
回答1：你獲取數(shù)據(jù)的時(shí)候，后臺(tái)會(huì)給你一個(gè)狀態(tài)的字段的，假如狀態(tài)字段返回1，1對(duì)應(yīng)的狀態(tài)是已處理，你就把前面兩個(gè)設(shè)置成藍(lán)色，就好了。
回答2：后端數(shù)據(jù)上有一個(gè)狀態(tài)值，比如status，表示當(dāng)前到了第幾步。前端頁(yè)面上每個(gè)步驟節(jié)點(diǎn)都有兩個(gè)狀態(tài)，正常狀態(tài)（灰色）和激活狀態(tài)（藍(lán)色，有activeCSS類），然后通過(guò)后端的status值，將前端所有在status值之前的步驟全部加上class='active'。
回答3：websocket 交換數(shù)據(jù)比較容易
回答4：一種解決辦法是有五張不同進(jìn)度的圖片。從后端讀取數(shù)據(jù)，根據(jù)數(shù)據(jù)是到了哪一步來(lái)顯示當(dāng)前進(jìn)度的圖片。
標(biāo)簽：
JavaScript
上一條：html5 - 請(qǐng)問(wèn)現(xiàn)在主流的前端自動(dòng)化構(gòu)建工具是哪個(gè)？下一條：css - 移動(dòng)端h5播放器問(wèn)題求解決，急急
相關(guān)文章：
1. css - C#與java開(kāi)發(fā)Windows程序哪個(gè)好？2. mysql無(wú)法添加外鍵3. css - 定位為absolute的父元素中的子元素 如何設(shè)置在父元素的下面？4. java - Mybatis查詢數(shù)據(jù)庫(kù)時(shí)出現(xiàn)查詢getInt(）的錯(cuò)誤5. JavaScript事件6. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?7. javascript - es6將類數(shù)組轉(zhuǎn)化成數(shù)組的問(wèn)題8. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境9. css3 - flex 父標(biāo)簽設(shè)置align-item:center,子元素flex：1，不起作用10. java - 是否類 類型指針、引用作為形參 ，函數(shù)結(jié)束不會(huì)自動(dòng)析構(gòu)類？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備