一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法
【專利摘要】本發(fā)明公開了一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其具體實(shí)現(xiàn)過程為：選擇開發(fā)環(huán)境及開發(fā)工具，建立開發(fā)項(xiàng)目；下載并導(dǎo)入所使用的軟件工具庫，這里的軟件工具庫包括ExtJs、Bootstrap和jQuery文件庫；在同一框架基礎(chǔ)上，分別使用ExtJs、Bootstrap和jQuery進(jìn)行相同場(chǎng)景web應(yīng)用開發(fā)；通過框架內(nèi)核提供前臺(tái)適配接口，將不同方式開發(fā)的web前端與同一個(gè)后臺(tái)架構(gòu)進(jìn)行無縫對(duì)接；通過框架內(nèi)核提供的數(shù)據(jù)通道將數(shù)據(jù)轉(zhuǎn)換成相同格式，實(shí)現(xiàn)前臺(tái)與后臺(tái)之間的多界面展示。該一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法與現(xiàn)有技術(shù)相比，增加了框架的兼容性和擴(kuò)展性，實(shí)現(xiàn)了數(shù)據(jù)的多界面展示，實(shí)用性強(qiáng)。
【專利說明】-種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及web開發(fā)【技術(shù)領(lǐng)域】，具體地說是一種實(shí)用性強(qiáng)、微內(nèi)核web開發(fā)框架的 實(shí)現(xiàn)方法。

【背景技術(shù)】
[0002] 在web應(yīng)用開發(fā)中，框架的使用大大簡(jiǎn)化了開發(fā)過程，不僅降低了開發(fā)成本，還能 夠使程序設(shè)計(jì)更加合理穩(wěn)定。然而現(xiàn)有的web開發(fā)框架的前后臺(tái)綁定較為緊密，限制了框 架的擴(kuò)展性和靈活性，而且單一的前臺(tái)界面風(fēng)格也不能滿足數(shù)據(jù)展示多樣化的需求。
[0003] 目前主要使用的web開發(fā)框架，只支持單一的界面風(fēng)格，這種方式能在一定程度 上滿足應(yīng)企業(yè)級(jí)的web應(yīng)用，但對(duì)于要求具有絢麗界面效果的移動(dòng)web應(yīng)用，這些web開發(fā) 框架就不再適用了。而且隨著web應(yīng)用場(chǎng)景及技術(shù)發(fā)展日益多樣化，開發(fā)框架具有低耦合 度和高適配性已成為必然發(fā)展趨勢(shì)。
[0004] 基于此，現(xiàn)提供一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，以支持多種風(fēng)格的界面展 示，便于不同技術(shù)員的開發(fā)維護(hù)，增強(qiáng)擴(kuò)展性。


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

[0005] 本發(fā)明的技術(shù)任務(wù)是針對(duì)以上不足之處，提供一種實(shí)用性強(qiáng)、微內(nèi)核web開發(fā)框 架的實(shí)現(xiàn)方法。 一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其具體實(shí)現(xiàn)過程為： 一、 選擇開發(fā)環(huán)境及開發(fā)工具，建立開發(fā)項(xiàng)目； 二、 下載并導(dǎo)入所使用的軟件工具庫，這里的軟件工具庫包括Extjs、Bootstrap和 jQuery文件庫； 三、 在同一框架基礎(chǔ)上，分別使用Extjs、Bootstrap和jQuery進(jìn)行相同場(chǎng)景web應(yīng)用 開發(fā)； 四、 通過框架內(nèi)核提供前臺(tái)適配接口，將步驟三中三種不同方式開發(fā)的web前端與同 一個(gè)后臺(tái)架構(gòu)進(jìn)行無縫對(duì)接； 五、 通過框架內(nèi)核提供的數(shù)據(jù)通道將數(shù)據(jù)轉(zhuǎn)換成相同格式，實(shí)現(xiàn)前端數(shù)據(jù)傳遞給后臺(tái) 以及后臺(tái)數(shù)據(jù)在前端的多界面展示。
[0006] 所述框架內(nèi)核包括適配層和轉(zhuǎn)發(fā)層，其中適配層提供與不同web前端連接的接 口，這里的不同web前端包括Extjs、Bootstrap和jQuery三種web前端。
[0007] 所述步驟五中數(shù)據(jù)轉(zhuǎn)換成的相同格式是指Json格式。
[0008] 所述步驟五中前端數(shù)據(jù)傳遞給后臺(tái)的過程為：框架內(nèi)核的適配層將前臺(tái)獲取到的 數(shù)據(jù)轉(zhuǎn)換成Json格式的數(shù)據(jù)，交給轉(zhuǎn)發(fā)層轉(zhuǎn)發(fā)，該轉(zhuǎn)發(fā)層并將Json數(shù)據(jù)轉(zhuǎn)換為Map傳遞給 后臺(tái)。
[0009] 所述步驟五中后臺(tái)數(shù)據(jù)傳遞給前端的過程為：后臺(tái)傳遞的數(shù)據(jù)首先轉(zhuǎn)換成Json 格式傳遞給轉(zhuǎn)發(fā)層進(jìn)行轉(zhuǎn)發(fā)，適配層獲取到數(shù)據(jù)后，根據(jù)前端指定的接口再將數(shù)據(jù)轉(zhuǎn)換成 相應(yīng)格式的數(shù)據(jù)進(jìn)行前臺(tái)展示。
[0010] 本發(fā)明的一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，具有以下優(yōu)點(diǎn)： 1、 支持web前端使用多種技術(shù)開發(fā)，適用于更多應(yīng)用場(chǎng)景，增加了開發(fā)框架的使用范 圍，同時(shí)具有更強(qiáng)的擴(kuò)展性； 2、 不同方式的前端開發(fā)，支持不同的界面風(fēng)格，實(shí)現(xiàn)了相同數(shù)據(jù)的多樣化界面顯示，使 得web應(yīng)用開發(fā)更靈活且應(yīng)用場(chǎng)景更廣泛； 3、 支持多種前端開發(fā)技術(shù)，前端支持使用Extjs、Bootstrap和jQuery方式進(jìn)行開發(fā)， 適用于不同技術(shù)人員，降低了使用框架進(jìn)行web開發(fā)的學(xué)習(xí)成本，能很好的兼容之前已有 的優(yōu)秀框架，同時(shí)，多技術(shù)支持的設(shè)計(jì)原理具有良好的擴(kuò)展性，賦予該框架強(qiáng)大的生命力； 4、 框架內(nèi)核提供適配接口，web后端固定的情況下，實(shí)現(xiàn)前后端無縫對(duì)接。從而降低了 前后端的耦合度，進(jìn)一步實(shí)現(xiàn)web應(yīng)用開發(fā)中的前后端分離，不僅提高了 web開發(fā)的靈活 性，而且減少了項(xiàng)目的移植難度及維護(hù)工作； 5、 框架內(nèi)核提供了對(duì)各種前端開發(fā)技術(shù)的適配接口，在后臺(tái)架構(gòu)不變的情況下，能夠 將相同格式的數(shù)據(jù)通過內(nèi)核提供的數(shù)據(jù)通道進(jìn)行前后臺(tái)交互。此外，對(duì)于多種開發(fā)方式的 支持便于不同技術(shù)員的開發(fā)維護(hù)，節(jié)約學(xué)習(xí)成本，而且有較高的兼容性，更容易與其他技術(shù) 進(jìn)行結(jié)合，增強(qiáng)了擴(kuò)展性；實(shí)用性強(qiáng)，適用范圍廣泛，易于推廣。

【專利附圖】

【附圖說明】
[0011] 附圖1為本發(fā)明的實(shí)現(xiàn)示意圖。

【具體實(shí)施方式】
[0012] 下面結(jié)合附圖和具體實(shí)施例對(duì)本發(fā)明作進(jìn)一步說明。
[0013] 本發(fā)明提供一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，通過提供同一框架內(nèi)核，多種 前臺(tái)開發(fā)方式的web應(yīng)用開發(fā)框架，實(shí)現(xiàn)前臺(tái)與后臺(tái)數(shù)據(jù)的交互。本發(fā)明屬于web應(yīng)用開 發(fā)技術(shù)，涉及web開發(fā)工具、環(huán)境、使用的編程語言及數(shù)據(jù)庫操作技術(shù)。具體實(shí)現(xiàn)在具有唯 一內(nèi)核的框架上，使用Extjs、Bootstrap和jQuery技術(shù)更加靈活的進(jìn)行web前端的開發(fā)， 通過選用不同web前端開發(fā)方式并配置相應(yīng)的內(nèi)核適配接口，實(shí)現(xiàn)數(shù)據(jù)的多界面展示?；?于此設(shè)計(jì)思路，如附圖1所示，該方法的具體實(shí)現(xiàn)過程為： 一、選擇開發(fā)環(huán)境及開發(fā)工具，建立開發(fā)項(xiàng)目。
[0014] 在實(shí)際開發(fā)時(shí)，開發(fā)人員可以根據(jù)自己的開發(fā)細(xì)管選擇不同的web開發(fā)工具，t匕 如 Firebug、GIMP、FileZilla 等開發(fā)工具。
[0015] 二、下載并導(dǎo)入所使用的軟件工具庫，這里的軟件工具庫包括Extjs、Bootstrap 和jQuery文件庫。
[0016] 在這里向已建立的項(xiàng)目中導(dǎo)入Ext Js、Bootstrap和jQuery文件庫是針對(duì)所選擇 的的前端開發(fā)方式而設(shè)置的。
[0017] 三、在同一框架基礎(chǔ)上，分別使用Extjs、Bootstrap和jQuery進(jìn)行相同場(chǎng)景web 應(yīng)用開發(fā)。
[0018] 也就是說，在導(dǎo)入所選開發(fā)文件庫的基礎(chǔ)上，進(jìn)行前端web開發(fā)。
[0019] 四、通過框架內(nèi)核提供前臺(tái)適配接口，將步驟三中三種不同方式開發(fā)的web前端 與同一個(gè)后臺(tái)架構(gòu)進(jìn)行無縫對(duì)接。
[0020] 不同開發(fā)方式下，框架前端與框架內(nèi)核的接口不同，因此，在選定前端開發(fā)方式 后，需要配置框架內(nèi)核與前端的適配接口。后臺(tái)架構(gòu)固定，框架內(nèi)核與后臺(tái)接口不變，適配 接口的改變對(duì)后臺(tái)是透明的，從而實(shí)現(xiàn)多樣化web前端與同一后臺(tái)架構(gòu)的無縫對(duì)接。
[0021] 五、通過框架內(nèi)核提供的數(shù)據(jù)通道將數(shù)據(jù)轉(zhuǎn)換成相同格式，實(shí)現(xiàn)前端數(shù)據(jù)傳遞給 后臺(tái)以及后臺(tái)數(shù)據(jù)在前端的多界面展示。
[0022] 不同開發(fā)方式下的前臺(tái)傳遞的數(shù)據(jù)，進(jìn)入框架內(nèi)核后被轉(zhuǎn)換為Json格式的數(shù)據(jù) 傳遞給后臺(tái)進(jìn)行處理。同樣，后臺(tái)傳遞的數(shù)據(jù)被解析為Json格式傳遞給前臺(tái)，由于不同技 術(shù)支持不同的界面風(fēng)格，從而實(shí)現(xiàn)相同數(shù)據(jù)的多界面風(fēng)格展示。
[0023] 所述框架內(nèi)核包括適配層和轉(zhuǎn)發(fā)層，其中適配層提供與不同web前端連接的接 口，這里的不同web前端包括Extjs、Bootstrap和jQuery三種web前端。
[0024] 所述步驟五中前端數(shù)據(jù)傳遞給后臺(tái)的過程為：框架內(nèi)核的適配層將前臺(tái)獲取到的 數(shù)據(jù)轉(zhuǎn)換成Json格式的數(shù)據(jù)，交給轉(zhuǎn)發(fā)層轉(zhuǎn)發(fā)，該轉(zhuǎn)發(fā)層并將Json數(shù)據(jù)轉(zhuǎn)換為Map傳遞給 后臺(tái)。
[0025] 所述步驟五中后臺(tái)數(shù)據(jù)傳遞給前端的過程為：后臺(tái)傳遞的數(shù)據(jù)首先轉(zhuǎn)換成Json 格式傳遞給轉(zhuǎn)發(fā)層進(jìn)行轉(zhuǎn)發(fā)，適配層獲取到數(shù)據(jù)后，根據(jù)前端指定的接口再將數(shù)據(jù)轉(zhuǎn)換成 相應(yīng)格式的數(shù)據(jù)進(jìn)行前臺(tái)展示。 實(shí)施例
[0026] 如附圖1所示，本發(fā)明提出的開發(fā)框架由前端多樣的開發(fā)方式、框架內(nèi)核、固定的 后臺(tái)架構(gòu)組成。其中，內(nèi)核通過提供適配接口，如圖中Al、A2、A3,與web前端進(jìn)行交互，通 過固定接口 B與后臺(tái)進(jìn)行交互。具體實(shí)現(xiàn)如下：框架內(nèi)核包括適配層和轉(zhuǎn)發(fā)層。適配層用 于提供與不同web前端的接口，實(shí)現(xiàn)將前臺(tái)獲取到的數(shù)據(jù)轉(zhuǎn)換成Json格式的數(shù)據(jù)，交給轉(zhuǎn) 發(fā)層轉(zhuǎn)發(fā)，在接口 B處將Json數(shù)據(jù)轉(zhuǎn)換為Map傳遞給后臺(tái)。同理，后臺(tái)傳遞的數(shù)據(jù)首先在 接口 B處轉(zhuǎn)換成Json格式傳遞給轉(zhuǎn)發(fā)層進(jìn)行轉(zhuǎn)發(fā)，適配層獲取到數(shù)據(jù)后，根據(jù)前端指定的 接口再將數(shù)據(jù)轉(zhuǎn)換成相應(yīng)格式的數(shù)據(jù)進(jìn)行前臺(tái)展示。通過以上方式，最終實(shí)現(xiàn)前后臺(tái)的數(shù) 據(jù)交互。
[0027] 采用該框架能夠更加靈活的進(jìn)行web開發(fā)，前端web開發(fā)技術(shù)的不同對(duì)后臺(tái)是透 明的，不會(huì)影響后臺(tái)數(shù)據(jù)的處理，實(shí)現(xiàn)了 web開發(fā)中前后端分離。處理前后臺(tái)交互的框架內(nèi) 核提供了靈活的適配接口，增加了框架的兼容性和擴(kuò)展性，實(shí)現(xiàn)了數(shù)據(jù)的多界面展示。
[0028] 上述【具體實(shí)施方式】?jī)H是本發(fā)明的具體個(gè)案，本發(fā)明的專利保護(hù)范圍包括但不限于 上述【具體實(shí)施方式】，任何符合本發(fā)明的一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法的權(quán)利要求書 的且任何所屬【技術(shù)領(lǐng)域】的普通技術(shù)人員對(duì)其所做的適當(dāng)變化或替換，皆應(yīng)落入本發(fā)明的專 利保護(hù)范圍。
【權(quán)利要求】
1. 一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其特征在于其具體實(shí)現(xiàn)過程為： 一、 選擇開發(fā)環(huán)境及開發(fā)工具，建立開發(fā)項(xiàng)目； 二、 下載并導(dǎo)入所使用的軟件工具庫，這里的軟件工具庫包括Extjs、Bootstrap和 jQuery文件庫； 三、 在同一框架基礎(chǔ)上，分別使用Extjs、Bootstrap和jQuery進(jìn)行相同場(chǎng)景web應(yīng)用 開發(fā)； 四、 通過框架內(nèi)核提供前臺(tái)適配接口，將步驟三中三種不同方式開發(fā)的web前端與同 一個(gè)后臺(tái)架構(gòu)進(jìn)行無縫對(duì)接； 五、 通過框架內(nèi)核提供的數(shù)據(jù)通道將數(shù)據(jù)轉(zhuǎn)換成相同格式，實(shí)現(xiàn)前端數(shù)據(jù)傳遞給后臺(tái) 以及后臺(tái)數(shù)據(jù)在前端的多界面展示。
2. 根據(jù)權(quán)利要求1所述的一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其特征在于：所述框 架內(nèi)核包括適配層和轉(zhuǎn)發(fā)層，其中適配層提供與不同web前端連接的接口，這里的不同web 前端包括Extjs、Bootstrap和jQuery三種web前端。
3. 根據(jù)權(quán)利要求2所述的一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其特征在于：所述步 驟五中數(shù)據(jù)轉(zhuǎn)換成的相同格式是指Json格式。
4. 根據(jù)權(quán)利要求3所述的一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其特征在于：所述 步驟五中前端數(shù)據(jù)傳遞給后臺(tái)的過程為：框架內(nèi)核的適配層將前臺(tái)獲取到的數(shù)據(jù)轉(zhuǎn)換成 Json格式的數(shù)據(jù)，交給轉(zhuǎn)發(fā)層轉(zhuǎn)發(fā)，該轉(zhuǎn)發(fā)層并將Json數(shù)據(jù)轉(zhuǎn)換為Map傳遞給后臺(tái)。
5. 根據(jù)權(quán)利要求3所述的一種微內(nèi)核web開發(fā)框架的實(shí)現(xiàn)方法，其特征在于：所述步 驟五中后臺(tái)數(shù)據(jù)傳遞給前端的過程為：后臺(tái)傳遞的數(shù)據(jù)首先轉(zhuǎn)換成Json格式傳遞給轉(zhuǎn)發(fā) 層進(jìn)行轉(zhuǎn)發(fā)，適配層獲取到數(shù)據(jù)后，根據(jù)前端指定的接口再將數(shù)據(jù)轉(zhuǎn)換成相應(yīng)格式的數(shù)據(jù) 進(jìn)行前臺(tái)展示。
【文檔編號(hào)】G06F9/44GK104111841SQ201410387291
【公開日】2014年10月22日 申請(qǐng)日期:2014年8月8日 優(yōu)先權(quán)日:2014年8月8日
【發(fā)明者】王文英, 解熒, 黃存令, 程輝 申請(qǐng)人:浪潮軟件股份有限公司