[發(fā)明專(zhuān)利]一種基于react-native頁(yè)面布局聯(lián)動(dòng)的方法及裝置

有效

• 申請(qǐng)?zhí)枺?/td>: 201711431452.5
• 申請(qǐng)日: 2017-12-26
• 公開(kāi)（公告）號(hào): CN110020371B
• 公開(kāi)（公告）日: 2021-04-16
• 發(fā)明（設(shè)計(jì)）人: 趙增超;郭定香;林海濤;閻海濤
• 申請(qǐng)（專(zhuān)利權(quán)）人: 航天信息股份有限公司
• 主分類(lèi)號(hào): G06F16/958
• 分類(lèi)號(hào): G06F16/958
• 代理公司: 北京同達(dá)信恒知識(shí)產(chǎn)權(quán)代理有限公司 11291
• 代理人: 黃志華

本發(fā)明公開(kāi)了一種基于react?native頁(yè)面布局聯(lián)動(dòng)的方法及裝置，應(yīng)用于一包括企業(yè)資源規(guī)劃ERP客戶端的用戶終端，其中，所述方法包括：獲得針對(duì)預(yù)設(shè)react?native應(yīng)用當(dāng)前頁(yè)面上一預(yù)設(shè)按鈕的第一控制操作；響應(yīng)所述第一控制操作，改變所述預(yù)設(shè)按鈕對(duì)應(yīng)的預(yù)設(shè)組件的狀態(tài)值，獲得改變后的狀態(tài)值；基于改變后的狀態(tài)值，渲染所述當(dāng)前頁(yè)面，獲得經(jīng)渲染后的頁(yè)面；顯示經(jīng)渲染后的頁(yè)面，其中，經(jīng)渲染后的頁(yè)面包括彈出框，所述彈出框包括至少一個(gè)可操作按鈕；若獲得針對(duì)所述至少一個(gè)可操作按鈕的第二控制操作，控制經(jīng)渲染后的頁(yè)面發(fā)生聯(lián)動(dòng)，以使用戶在發(fā)生聯(lián)動(dòng)后的頁(yè)面上能夠進(jìn)行下一步操作。簡(jiǎn)化了頁(yè)面布局聯(lián)動(dòng)方法，提高了用戶終端的使用性能。

技術(shù)領(lǐng)域

本發(fā)明涉及react-native技術(shù)領(lǐng)域，特別涉及一種基于react-native頁(yè)面布局聯(lián)動(dòng)的方法及裝置。

背景技術(shù)

跨平臺(tái)開(kāi)發(fā)可以做到不依賴操作系統(tǒng)和硬件環(huán)境，大大節(jié)約了開(kāi)發(fā)成本，縮短了維護(hù)周期，隨著計(jì)算機(jī)技術(shù)的發(fā)展，也必然是一種趨勢(shì)。React Native技術(shù)是一種較新的跨平臺(tái)開(kāi)發(fā)技術(shù)，是前端開(kāi)發(fā)者們利用移動(dòng)平臺(tái)能夠運(yùn)行JavaScript代碼的能力，使得移動(dòng)端不僅可以傳遞配置信息，還可以表達(dá)邏輯的產(chǎn)物。

在現(xiàn)有技術(shù)中，要么通過(guò)原生方式實(shí)現(xiàn)頁(yè)面布局聯(lián)動(dòng)(比如，工作流審批)，要么結(jié)合react-native技術(shù)以及原生方式來(lái)實(shí)現(xiàn)頁(yè)面布局聯(lián)動(dòng)，代碼復(fù)雜度高，如果要想實(shí)現(xiàn)更多的聯(lián)動(dòng)效果，極易出現(xiàn)卡頓現(xiàn)象。特別是，當(dāng)用戶網(wǎng)絡(luò)較差，而操作又過(guò)快過(guò)多時(shí)，極易造成終端異常響應(yīng)，卡死或直接退出應(yīng)用。

可見(jiàn)，現(xiàn)有頁(yè)面布局聯(lián)動(dòng)方法較為復(fù)雜，用戶終端使用性能低。

發(fā)明內(nèi)容

本發(fā)明實(shí)施例提供一種基于react-native頁(yè)面布局聯(lián)動(dòng)的方法及裝置，用于解決頁(yè)面布局聯(lián)動(dòng)方法較為復(fù)雜，用戶終端使用性能低的技術(shù)問(wèn)題，簡(jiǎn)化了頁(yè)面布局聯(lián)動(dòng)方法，提高了用戶終端的使用性能。

一方面，本發(fā)明實(shí)施例提供了一種基于react-native頁(yè)面布局聯(lián)動(dòng)的方法，應(yīng)用于一包括企業(yè)資源規(guī)劃ERP客戶端的用戶終端，包括：

獲得針對(duì)預(yù)設(shè)react-native應(yīng)用當(dāng)前頁(yè)面上一預(yù)設(shè)按鈕的第一控制操作；

響應(yīng)所述第一控制操作，改變所述預(yù)設(shè)按鈕對(duì)應(yīng)的預(yù)設(shè)組件的狀態(tài)值，獲得改變后的狀態(tài)值；

基于改變后的狀態(tài)值，渲染所述當(dāng)前頁(yè)面，獲得經(jīng)渲染后的頁(yè)面；

顯示經(jīng)渲染后的頁(yè)面，其中，經(jīng)渲染后的頁(yè)面包括彈出框，所述彈出框包括至少一個(gè)可操作按鈕；

若獲得針對(duì)所述至少一個(gè)可操作按鈕的第二控制操作，控制經(jīng)渲染后的頁(yè)面發(fā)生聯(lián)動(dòng)，以使用戶在發(fā)生聯(lián)動(dòng)后的頁(yè)面上能夠進(jìn)行下一步操作。

可選地，所述改變所述預(yù)設(shè)按鈕對(duì)應(yīng)的預(yù)設(shè)組件的當(dāng)前狀態(tài)值，包括：

發(fā)送URL請(qǐng)求至服務(wù)器端；

接收并處理所述服務(wù)器端返回的數(shù)據(jù)，獲得處理后的數(shù)據(jù)；

基于處理后的數(shù)據(jù)，改變所述預(yù)設(shè)按鈕對(duì)應(yīng)的預(yù)設(shè)組件的當(dāng)前狀態(tài)值。

可選地，所述基于改變后的狀態(tài)值，渲染所述當(dāng)前頁(yè)面，獲得經(jīng)渲染后的頁(yè)面，包括：

若監(jiān)測(cè)到所述預(yù)設(shè)組件的狀態(tài)值發(fā)生改變，則觸發(fā)render函數(shù)，對(duì)所述當(dāng)前頁(yè)面的結(jié)構(gòu)和數(shù)據(jù)進(jìn)行重新加載，獲得經(jīng)渲染后的頁(yè)面。

可選地，若所述預(yù)設(shè)react-native應(yīng)用具體用于工作流單據(jù)審批，所述方法還包括：

在啟動(dòng)所述預(yù)設(shè)react-native應(yīng)用之后，確定工作流單據(jù)審批關(guān)聯(lián)的至少一個(gè)組件；

初始化所述至少一個(gè)組件的狀態(tài)值，獲得初始化的狀態(tài)值；