摘要:今天開始,一點點記錄一下使用搭建一個基礎結構的過程。沒辦法,記性差這種結構的前端,主要是面向后臺信息管理系統,可以最大限度的規范前端代碼結構和數據結構。
今天開始,一點點記錄一下使用extjs6.2.0搭建一個基礎MVC結構的過程。沒辦法,記性差:)目標
這種結構的UI前端,主要是面向后臺信息管理系統,可以最大限度的規范前端代碼結構和數據結構。做網站 或者手機端,這種方式全引入了extjs,就不太合適了。
左側導航菜單+中間多頁面布局,有header 有footer,SPA應用
js文件動態加載、模塊動態化按需加載
盡量多寫點注釋信息,哎,不得不說,還是....代碼隔三日,如隔三秋啊!
開始.....
選個開發工具結論:webstorm最新版。
比較了vscode 、sublime等等。最終選擇了webstorm,咋辦呢?idea的腦殘粉,java開發一直用,習慣了,中毒太深。
去官網下載一個gpl版本的壓縮包,下載extjs.或者:extjs6.2.0度娘
新建一個目錄extjs/6.2.0/拷貝相關目錄和文件到這個目錄下,具體是:
ext-all.js
build/classic/下面所有
build/packages/ux/classic/下面所有。
最終,看起來貌似如下:
這個就不多說了,直接上圖
目錄和文件說明:
app/luter:extjs的app文件放這里,名字隨意,隨后會在入口app.js中配置動態加載路徑用到
app/resource/css:放一些自定義樣式
app/resource/images:放圖!
app/vendor/:放第三方庫
EXTJS6.2.0MVC