1.下載easyUI的相關文檔網址:
去官網http://www.jeasyui.net/download/下載官網文檔
2.在線教程推薦:http://www.jeasyui.net/tutorial/
3.開發工具的選用
1. eclipse(免費的)和myeclipse(收費,可以搜索破解版的)
2.講解一下eclipse的安裝和測試方法(myeclipse中類似會有更多的插件包使用起來更方便)
jquery-easyui環境的搭建及測試
- |
- 瀏覽:3363
- |
- 更新:2015-11-20 09:28
對於軟件開發者來說,一個良好的前端框架不僅能夠使頁面優美可觀而且還能夠大大的提高開發效率。提高系統整體界面的美觀,框架將常用的功能封裝完成,減少工作量。前端框架目前也比較多,小編本次主要介紹下easyui框架的使用。
easyui環境搭建
-
在進行easyui環境搭建的前提是準備好easyui所需要的包。可以通過官方網站下載到最新的easyui包。但是在開發中一般選擇一種中間的版本的包,主要是考慮到系統的穩定性以及兼容性。
-
打開eclipse開發工具,創建一個動態的web項目。點擊文件-->新建-->選擇Dynamic Web Project 。爲項目輸入一個項目名即可創建web項目成功。
-
爲了能夠更好的對項目各個文件進行區分,需要根據不同的文件類型將文件存放到不同的文件目錄中。也就是平時說的契約優先原則。對於easyui的包,一般放在js文件夾中。在webcontent下創建一個名爲js的文件夾。
-
將easyui包整體放到js文件夾中,這樣能夠對所依賴的包進行統一管理和查看。
-
同樣,對於創建的jsp文件,一般也是在webcontent的文件夾下創建一個jsp文件夾,並且在jsp的文件夾下創建相應的jsp文件。一次執行webcontent--右鍵 新建File,輸入jsp文件夾名稱,再在jsp文件夾中新建jsp文件。
-
在進行編寫jsp文件的時候,首先要將easyui中的js以及css文件引入到jsp文件中。主要引入的文件有jquery.js+easyui.js+demo.css+icon.css等。
END
將項目部署到容器中
-
電腦上使用的容器一般使用tomcat居多。tomcat容器需要在server視圖中進行設置,如果server視圖沒有展示在開發界面中,需要將其點開。一次點擊windows--選擇show view打開展示視圖--選擇other其他。
-
在show view界面中,找到server文件夾,打開文件夾之後,選擇servers,點擊Ok即可將server視圖展現在開發界面中。
-
如果eclipse工具之前沒有配置server容器,需要點擊server視圖下面的鏈接創建一個新的server容器作爲服務。
-
如果本機安裝的tomcat容器,選擇apache tomcat文件夾,選擇對應版本的tomcat容器,對於第一次配置,需要選擇tomcat的安裝目錄,進行相應的容器配置。
-
容器配置完之後,需要將項目部署到容器中。在容器頁面上將剛纔創建的web應用雙擊或者選擇後點擊Add添加到右側中,點擊完成。
-
配置完成後,打開tomcat容器就可以看到下面添加的項目。在容器名稱上點擊右鍵--選擇start即可啓動容器同時項目自動發佈到容器中。在瀏覽器中輸入項目的名稱以及訪問某個jsp頁面路徑就可以看到項目正常運行。
END