最近給公司的網站做了一套前端框架。公司的網站更像企業管理軟件或者說是控制台，因此很多操作可以標准化，我借鑒了jQuery以及jqgrid的原理開發了一套適合於我們公司網站的前端框架，目前開發完了70%，基本的功能都已經實現，這里和大家分享下。
源程序下載地址：
由於博客園的文件上傳有大小限制，我將源文件的壓縮包放到了技術群的共享里了，群號是：262413025,35079861（我后面會找個容易下載的地址的~~~）
編譯好的war包地址：
由於博客園的文件上傳有大小限制，我將源文件的壓縮包放到了技術群的共享里了，群號是：262413025,35079861（我后面會找個容易下載的地址的~~~）
war包放到tomcat和jboss下可以直接運行。
工程的服務端使用的語言是java，使用了struts2和spring，沒有做數據庫交互，工程部署好即可運行。項目通過maven進行管理，工程的目錄如下圖所示：
估計有很多童鞋maven不是很熟悉，這個沒關系。下面我就講講eclipse里面maven是如何使用的，非常簡單，如果eclipse下沒有安裝maven插件，按下面步驟進行操作：
首先如下圖：
在eclipse的Help菜單下，點擊Eclipse Marketplace..子菜單，彈出界面里在find文本框里填入maven，點擊查詢，如下圖所示：
選擇一個maven插件進行安裝。安裝完成后，將我的源代碼壓縮包進行解壓。
在eclipse的file菜單下點擊import..,找到如下圖所示的：
點擊next按鈕，如下圖：
選擇我們的項目，maven項目只要有pom.xml就可以導入。
導入完成后，就要編譯項目了，點擊debug as..按鈕，如下圖所示
點擊Debug Configurations..
彈出如下圖所示：
方框有個Maven Build，選中它，點擊左上角的新增按鈕，這里添加兩個運行參數，
如圖1：
Name為UPMS-CI
在Goals:下寫clean install
如圖2：
在Name為UPMS-RUN下的Goals:下寫jetty:run
UPMS-CI是編譯項目
UPMS-RUN是運行項目的
項目啟動起來后，在瀏覽器里輸入：
http://localhost:8080/UPMS/
既可以訪問網站了。
大家首先看到的是登錄界面：
這里機構號，用戶名，密碼，驗證碼都是必須輸入的，驗證碼必須正確，點擊登錄既可以登錄到網站主頁面里。
注意：如果登錄時候信息輸入錯誤，最后會有一個alert彈出來，這是正常的，這是我在測試校驗框架的回調函數。主頁面如下圖所示：
我所寫的前端框架核心內容都寫在upms.js里面。
但是我的頁面里並沒有直接引入upms.js腳本，而是另外做了一個install_upms.js，這樣的做的目的是為實現前端國際化，菜單里面寫完成的都是已經開發好的功能，未完成的
后續時間里將會做完。
我個人覺得這套框架還是相當有技術含量，特長和大家分享下。
等框架開發完畢，我會把最終版本和大家分享下，以后還會做php版本的，到時在對里面所實現的功能進行講解。