1. 程式人生 > 其它 >【EasyUI】JQuery Easy UI簡介

【EasyUI】JQuery Easy UI簡介

簡介

  • easyui是一種基於jQuery的使用者介面外掛集合。
  • easyui為建立現代化,互動,JavaScript應用程式,提供必要的功能。
  • 使用easyui你不需要寫很多程式碼,你只需要通過編寫一些簡單HTML標記,就可以定義使用者介面。
  • easyui是個完美支援HTML5網頁的完整框架。
  • easyui節省您網頁開發的時間和規模。
  • easyui很簡單但功能強大的。

jQueryEasyUI的特點

1. 支援HTML5

2. 支援拓展,可以根據自己的需要拓展控制元件

3. 原始碼加密,商業版付費

EasyUI中大部分的控制元件 都可以通過 Html / JS調出

使用步驟
1.官網下載框架包
地址:

http://www.jeasyui.com/download/index.php

2.將框架包解壓後, 整個資料夾複製到專案中,並將資料夾名稱修改為easyui
3.引入必要的JS與CSS檔案

 //引入 jQuery 核心庫,這裡採用的是 2.0
<script type="text/javascript" src="easyui/jquery.min.js"></script>
 //引入 jQuery EasyUI 核心庫,這裡採用的是 1.3.6
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></
script> //引入 EasyUI 中文提示資訊 <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script> //引入 EasyUI 核心 UI 檔案 CSS <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" /> //引入 EasyUI 圖示檔案 <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"
/>