easyUI中如何佈局頁面
easyUI是非常常用的的WEB前端開發框架,在easyUI裏面提供了很多的版本,有離線版也有在線版。由於用它來開發網站前端非常簡單方便,因此受到廣泛的歡迎。現在我們來看看如何使用easyUI佈局頁面。
操作方法
(01)創建HTML文檔雙擊桌面上的Dreamweaver圖標,開啟Dreamweaver軟件,點擊軟件中選單欄的【檔案】-->【新建】-->【HTML】創建一張HTML類型的頁面。
(02)儲存頁面快速鍵【ctrl+s】儲存頁面,會彈出【儲存位置】,一般是儲存在站點中或者www檔案夾裏面。輸入檔案名並選擇儲存檔案的類型,然後點擊確定按鈕即可。
(03)引入js檔案easyUI裏面有很多的組件,要想利用這些組件直接開發前端頁面的話,就需要引入相關的js檔案。我們要佈局頁面,用到的組件是【layout】,那麼要引入4個js檔案,如下圖所示:<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/"/><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/>
(04)開啟EasyUI+1.3+中文幫助手冊【EasyUI+1.3+中文幫助手冊】網上有很多的版本,內容都大同小異,隨意下載一份即可,下載這個的目的是裏面有很多的解析和例子可以參考。
(05)頁面佈局我們創建【整個頁面的佈局】,那麼找到手冊中的【佈局面板】裏面就有一些簡單的例子和代碼,複製粘貼到Dreamweaver檔案的body裏面。如果還未下載手冊的人可以參考如下代碼:<body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div> </body>
(06)預覽效果點擊Dreamweaver工具欄中的【地球圖標】--【預覽在360se】或者其他的瀏覽器,在瀏覽器中預覽效果。
(07)修改代碼我們可以對代碼進行修改,比如去掉【East】面板,然後更改下各個方向中的標題。
(08)再次預覽效果修改完成之後,儲存下頁面,然後再次預覽下效果,可以看到標題已經改變了,還可以根據實際的需求往裏面添加內容進去。
特別提示
EasyUI+1.3+中文幫助手冊中的代碼並不是一層不變的,我們可以根據實際的需求,對代碼進行增加和刪除等操作。要注意理解代碼的意思,才能更加靈活的運用。
-
Navicat如何管理數據庫的表?
Navicat是一個數據庫客戶端,它可以連接mysql數據庫,並對其進行管理操作。用客戶端來操作數據庫,無論是修改表,還是爲表插入數據,都不需要寫mysql語句,是比較直觀,方便的。操作方法(01)開啟Navicat,並連接上你的數據庫,點擊圖中所示的‘Tables’,開啟數據庫的表視圖。(02)右鍵...
-
騰訊的QLV檔案怎麼用其他播放器看?
QLV是騰訊的加密專有格式,有版權保護,只能用騰訊的客戶端播放!操作方法(01)用Potplayer看QLV視頻的時候提示要安裝encv解碼器,如圖,樓主安裝以後開啟視頻的時候還提示這個,這是咋回事啊,默認的安裝位置是potplayer的安裝位置,我沒修改,是因爲安裝位置不對嗎還是沒有調用解...
-
教你檢視新浪微博粉絲數排名|新浪微博粉絲排名
怎麼檢視新浪微博的粉絲數排名,也就是檢視誰的粉絲最多,讓小編教給你操作指南。操作方法(01)進入新浪微博首頁並登陸自己的微博賬號。如圖所示:(02)下拉頁面出現底端工具條,找到名人堂標籤並點擊。如圖所示:(03)在名人堂中有影響力排行和人氣排行兩個榜單。如圖所示:(04)切換...
-
電腦的記事本在哪裏
電腦解釋本對於辦公、錄入等是非常方便。那麼如何快速的找到電腦記事本呢?操作方法(01)第一種辦法,點擊開始選單,點擊所有程序,點擊附件中找到記事本,如圖。(02)第二種辦法,按下win+R鍵,開啟執行輸入notepad,直接開啟記事本。如圖。(03)第三種辦法,桌面點擊右鍵,在新建中找到記...