国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

extjs-mvc結(jié)構(gòu)實(shí)踐(一):搭建基礎(chǔ)架構(gòu)

kamushin233 / 1218人閱讀

摘要:今天開(kāi)始,一點(diǎn)點(diǎn)記錄一下使用搭建一個(gè)基礎(chǔ)結(jié)構(gòu)的過(guò)程。沒(méi)辦法,記性差這種結(jié)構(gòu)的前端,主要是面向后臺(tái)信息管理系統(tǒng),可以最大限度的規(guī)范前端代碼結(jié)構(gòu)和數(shù)據(jù)結(jié)構(gòu)。

今天開(kāi)始,一點(diǎn)點(diǎn)記錄一下使用extjs6.2.0搭建一個(gè)基礎(chǔ)MVC結(jié)構(gòu)的過(guò)程。沒(méi)辦法,記性差:)
這種結(jié)構(gòu)的UI前端,主要是面向后臺(tái)信息管理系統(tǒng),可以最大限度的規(guī)范前端代碼結(jié)構(gòu)和數(shù)據(jù)結(jié)構(gòu)。做網(wǎng)站 或者手機(jī)端,這種方式全引入了extjs,就不太合適了。
目標(biāo)

左側(cè)導(dǎo)航菜單+中間多頁(yè)面布局,有header 有footer,SPA應(yīng)用

js文件動(dòng)態(tài)加載、模塊動(dòng)態(tài)化按需加載

盡量多寫點(diǎn)注釋信息,哎,不得不說(shuō),還是....代碼隔三日,如隔三秋啊!

開(kāi)始.....

選個(gè)開(kāi)發(fā)工具

結(jié)論:webstorm最新版。
比較了vscode 、sublime等等。最終選擇了webstorm,咋辦呢?idea的腦殘粉,java開(kāi)發(fā)一直用,習(xí)慣了,中毒太深。

extjs庫(kù)準(zhǔn)備

去官網(wǎng)下載一個(gè)gpl版本的壓縮包,下載extjs.或者:extjs6.2.0度娘

新建一個(gè)目錄extjs/6.2.0/拷貝相關(guān)目錄和文件到這個(gè)目錄下,具體是:

ext-all.js
build/classic/下面所有
build/packages/ux/classic/下面所有。
最終,看起來(lái)貌似如下:

建立項(xiàng)目

這個(gè)就不多說(shuō)了,直接上圖

目錄和文件說(shuō)明:
app/luter:extjs的app文件放這里,名字隨意,隨后會(huì)在入口app.js中配置動(dòng)態(tài)加載路徑用到
app/resource/css:放一些自定義樣式
app/resource/images:放圖!
app/vendor/:放第三方庫(kù)

新建入口html



    
    EXTJS6.2.0MVC
    
    
    
    
    
    
    










至此,基礎(chǔ)骨架搭建完畢。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/92658.html

相關(guān)文章

  • extjs-mvc結(jié)構(gòu)實(shí)踐(三):完善基本頁(yè)面

    摘要:上篇實(shí)現(xiàn)了基本的代碼架構(gòu),控制器動(dòng)態(tài)加載功能以及一個(gè)基礎(chǔ)的頁(yè)面布局,本節(jié)開(kāi)始,將陸續(xù)完善這個(gè)頁(yè)面。頁(yè)面底部區(qū)域,主要顯示版權(quán)信息等,也可以顯示個(gè)時(shí)間啥的。。。頭部和底部定義完畢后,需要在中引入對(duì)應(yīng)位置。 上篇實(shí)現(xiàn)了基本的代碼架構(gòu),控制器動(dòng)態(tài)加載功能以及一個(gè)基礎(chǔ)的頁(yè)面布局,本節(jié)開(kāi)始,將陸續(xù)完善這個(gè)頁(yè)面。 目標(biāo) 如前所述,我們的頁(yè)面包含這么幾個(gè)區(qū)域: header: UI頂部區(qū)域,顯示系...

    zhkai 評(píng)論0 收藏0
  • extjs-mvc結(jié)構(gòu)實(shí)踐(二):基本頁(yè)面

    摘要:接著來(lái),上一篇搭建了基本的項(xiàng)目骨架,到最后,其實(shí)啥也沒(méi)看見(jiàn)。。。目標(biāo)全屏顯示左側(cè)導(dǎo)航菜單,右側(cè)標(biāo)簽頁(yè)切換操作內(nèi)容區(qū)域。一般模型與你后臺(tái)返回的數(shù)據(jù)結(jié)構(gòu)一一對(duì)應(yīng)。給其他組件提供一致接口使用數(shù)據(jù)。整個(gè)構(gòu)成一個(gè)所謂的。 接著來(lái),上一篇搭建了基本的項(xiàng)目骨架,到最后,其實(shí)啥也沒(méi)看見(jiàn)。。。書接上回,開(kāi)始寫UI效果。 目標(biāo) 全屏顯示、左側(cè)導(dǎo)航菜單,右側(cè)標(biāo)簽頁(yè)切換操作內(nèi)容區(qū)域。包含header和foo...

    changfeng1050 評(píng)論0 收藏0
  • extjs-mvc結(jié)構(gòu)實(shí)踐(三):完善基本頁(yè)面2

    摘要:結(jié)構(gòu)實(shí)踐三完善基本頁(yè)面一般經(jīng)典的后臺(tái)管理系統(tǒng),都是左側(cè)菜單右側(cè)結(jié)構(gòu)布局。不免俗,咱也這么實(shí)現(xiàn)定義左側(cè)導(dǎo)航菜單新建采用的組件構(gòu)建一個(gè)導(dǎo)航菜單為了顯示圖標(biāo),引入字體圖標(biāo),在引入引入定義導(dǎo)航菜單數(shù)據(jù)功能菜單展開(kāi)節(jié)點(diǎn)。 extjs-mvc結(jié)構(gòu)實(shí)踐(三):完善基本頁(yè)面2 一般經(jīng)典的后臺(tái)管理系統(tǒng),都是左側(cè)菜單右側(cè)tabs結(jié)構(gòu)布局。不免俗,咱也這么實(shí)現(xiàn)! 定義左側(cè)導(dǎo)航菜單 新建:app/luter/...

    X1nFLY 評(píng)論0 收藏0
  • extjs-mvc結(jié)構(gòu)實(shí)踐(四):導(dǎo)航菜單與控制器模塊聯(lián)動(dòng)

    摘要:根據(jù)模塊創(chuàng)建模塊失敗。在中,我們配置了標(biāo)明了這是一個(gè)控制器模塊,點(diǎn)擊后會(huì)去觸發(fā)控制器加載動(dòng)作。正常情況下同一個(gè)模塊的只加載一次。 前面幾篇文檔,我們基本實(shí)現(xiàn)了一個(gè)靜態(tài)的extjs頁(yè)面,本篇開(kāi)始,實(shí)現(xiàn)左側(cè)導(dǎo)航樹(shù)與右側(cè)內(nèi)容的聯(lián)動(dòng),也就是點(diǎn)擊導(dǎo)航菜單,加載對(duì)應(yīng)模塊頁(yè)面和業(yè)務(wù)邏輯,實(shí)現(xiàn)js文件的按需加載。 業(yè)務(wù)需求是這樣的: 左側(cè)的treelist,當(dāng)點(diǎn)擊某個(gè)節(jié)點(diǎn)的時(shí)候,系統(tǒng)根據(jù)tree數(shù)據(jù)里...

    figofuture 評(píng)論0 收藏0
  • extjs-mvc結(jié)構(gòu)實(shí)踐(五):實(shí)現(xiàn)用戶管理的增刪改查

    摘要:而且上一篇文章中,也已經(jīng)實(shí)現(xiàn)了一個(gè)基本的用戶管理列表頁(yè)面。接著上一篇,完善用戶管理,實(shí)現(xiàn)增刪改。為了用戶體驗(yàn),增加和修改用戶信息的表單,都放在彈窗中進(jìn)行。 經(jīng)過(guò)前面幾篇文章的介紹,一個(gè)基本的MVC結(jié)構(gòu)應(yīng)該是具備了。而且上一篇文章中,也已經(jīng)實(shí)現(xiàn)了一個(gè)基本的用戶管理列表頁(yè)面。接著上一篇,完善用戶管理,實(shí)現(xiàn)增刪改。為了用戶體驗(yàn),增加和修改用戶信息的表單,都放在彈窗中進(jìn)行。避免跳轉(zhuǎn)頁(yè)面。 定義...

    wendux 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

kamushin233

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<