在開始講解之前，我們先來看一下什麼是Jquery EasyUI？jQuery EasyUI是一組基於jQuery的UI外掛集合，而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI介面。開發者不需要編寫複雜的javascript，也不需要對css樣式有深入的瞭解，開發者需要了解的只有一些簡單的html標籤。jQuery EasyUI為我們提供了大多數UI控制元件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。jQuery EasyUI是基於JQuery的一個前臺ui介面的外掛，功能相對沒extjs強大，但頁面也是相當好看的。一些功能也足夠開發者使用，相對於extjs更輕量。相對ExtJs，我更喜歡Easy UI，即是沒有的功能，我們也可以使用其他替代的UI介面元件代替。

　　要了解更多的關於EasyUI的資訊，可以到它的官網看看，地址為：

　第一部分：員工管理原始碼講解　　

　　員工（職員）管理主要是對集團、企事業內部員工進行管理。在4.5章節可以看到有一個使用者管理，這兩者有什麼關係呢？員工包含當前企事業單位的所有職員（如保安、保潔員等），這些員工不一定都需要登入到系統中做相應的業務操作，而使用者則是可以登入到系統中進行操作的系統使用者。如果某個職員也可以進行登入，那麼我們可以不必要再為其加一條使用者資訊，可以直接做個對映即可把當前員工（職員）對映為使用者。員工（職員）管理包括員工的新增、編輯、刪除、離職處理、匯出、匯入員工資訊等操作。在框架主介面導航區選擇“員工管理”進入員工管理主介面，如下圖所示：

  　 可以看到，整個介面除了左側的導航區，右邊的工作區分為兩部分，樹型組織機構導航與員工的列表展示。功能分為新增、修改刪除等。下面我們來看下如何實現上面的功能。

　　首先是員工管理的UI介面aspx程式碼如下：