怎樣學習jQuery easyUI教程?
顧名思義jQuery easyUI是一個基於jQuery的框架,相當於是jQuery的擴充套件、延續,jQuery easyUI集成了很多使用者介面外掛,我們在做頁面佈局的時候只要引用這些外掛即可快速地佈局出頁面,而無需敲很多的程式碼,通常作為前端框架來使用,但是要注意easyUI是收費的,在做網站時需要購買版權才可以使用它,而在學習的時候則可以直接在網上下載一些教程來使用即可,無需付費。那麼我們該怎麼來學習jQuery easyUI呢?
操作方法
(01)下載demo首先在搜狗瀏覽器的位址列中輸入【jQuery easyUI 中文網】,第一個就是了,直接點選進入。然後在該網站中找到並點選【EasyUI下載】,由於我們是學習用的,而非商用,所以直接點選【官方下載】即可。注:如果是作為商用的話,則點選【購買商業版】。最後再點選【Download】下載demo,雖然也可以在線上瀏覽檢視即可,不過直接下載下來在無網路的情況下也可以檢視,而且執行速度較快。
(02)解壓下載下來的檔案包我們放在了F盤裡面,解壓【】,注意解壓的時候要先建立一個資料夾,再將解壓到資料夾裡面,資料夾就命名為jquery-easyui-1.5.2即可。
(03)引入檔案把jQuery-easyuui-1.5.2資料夾裡面的themes資料夾複製貼上到專案中,然後當網頁用到easyUI時都要引入以下的四個檔案:<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/><link rel="stylesheet" type="text/css" href="easyui/themes/"/><script type="text/javascript" src="easyui/"></script>
(04)佈局面板從easyUI幫助手冊中的【佈局-->佈局面板layout】複製【建立整個頁面的佈局】。如果沒有下載這個手冊的,可以複製下面的程式碼:<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>
(05)預覽然後執行頁面,在瀏覽器中預覽效果。點選工具欄的【在瀏覽器中預覽/除錯】圖示,在瀏覽器中預覽結果。
(06)修改我們把面板East和South去掉。然後按鍵盤F5重新整理下頁面。或者也可以把West和south面板去掉,根據需要選擇或者保留面板。注意,面板是可以巢狀使用的。比如我們在center中再加一個面板。
(07)解析對佈局面板中用到的一些重要屬性進行解析:[1]title:表示定義佈局面板的標題[2]region:表示定義佈局面板的位置,佈局面板的位置有5個north/sourth/east/west/center[3]border:表示佈局面板是否有邊框,預設是有邊框,即值為true,把border屬性去掉或者值改為false,即可去掉邊框。[4]split:表示分隔條,即通過是否可以通過拖動改變佈局面板的大小。[5]iconCls:佈局面板的頭部圖示,這個都是easyUI中的css類。
特別提示
個人看法,僅供參考
-
最好養的熱帶魚排行 十大養不死的熱帶魚盤點
導語:很多人都想在家裡養魚,但是養魚也並不是那麼簡單的,所以很多人開始就會選擇比較好樣的魚。熱帶魚不僅好看而且對環境要求比較小,那麼最好養的熱帶魚有哪些?探祕志帶大家瞭解十大養不死的熱帶魚吧。1、月光魚第一個進入最好養的熱帶魚排行是月光魚,這是一種比較...
-
電報機的工作原理是
(01)電報機的工作原理主要基於電磁感應和電磁鐵的原理。電報機通過發報機和收報機兩部分完成資訊的傳輸。1.發報機:發報機負責將需要傳輸的資訊轉換成電訊號。電報機的工作原理是">(02)它的主要部件包括鍵盤、編碼器、振盪器和發射天線。當操作者通過鍵盤輸入資訊...
-
既要當婊子又要立牌坊是什麼意思
(01)這句話是一個成語,通常用來形容一個人在行為上表現出的虛偽和矛盾。它意味著一個人想要獲得某種好處,但又不願意承擔相應的責任或付出代價,同時還想要在公眾面前樹立一個正面的形象。(02)這種行為往往讓人感到不齒,因為它既表現出了自私和虛偽,也表現出了對道德和公...
-
斯金納箱的恐怖之處 斯金納箱說明了什麼(人性)
導語:斯金納箱是由斯金納在1938年發明的,將一隻很餓的小白鼠放置在箱子裡面,最開始它會比較隨意的摸索,不經意間按壓到了槓桿發現有食物掉入,然後逐漸發現規律,它就會找到獲得食物的妙招,算是比較真實的模擬了賭博,下面探祕志和大家一起了解一下。斯金納箱的恐怖之處所...