1. 程式人生 > >一個簡單後臺系統的開發

一個簡單後臺系統的開發

大概花了4,5天時間,做了一個對資料庫幾張表的維護的系統,採用的是MVC4+easyui構建,先附上幾張截圖讓大家瞭解下:

功能無非就是,增,刪,改,查,分頁顯示,功能很簡單,但是,主要是講下碰到的幾個問題:

一,大家都知道,通過點選左邊的選單,會在右邊產生tab頁面,一個頁面沒什麼,但頁面一多,大家就會發現,第一個頁面增刪改查沒問題,但如果在第二個tab頁面時,你點選增加按鈕彈窗會出現樣式不全或者直接js錯誤,其實這些都是一個原因導致的,id不是唯一的,導致js找不到所選物件,easyui在開啟多個tab頁面時由於全部在一個頁面,所以每個tab頁面的增刪改查以及對應得事件都必須是唯一的。

二,引用js時要注意先後,先引用jquery再引用easyuijs,因為easyui也是建立在jquery引用上的

三,可能有朋友會發現我的選單那欄為啥不用樹狀節點,其實我是想用的,但卻出現了個問題

如圖所示,實現樹狀節點是要進行ul巢狀的,但無論是我增加onclick觸發事件,還是用$(".mulu li").clickfunction(){})單擊事件都不觸發,而且,沒任何錯誤,我是沒脾氣了,但將ul不巢狀,一下就可以觸發,有大神可以指點下。

四,

其中有一個分頁屬性pagination,確實加上去,頁面出現了分頁按鍵,但在觸發按鍵事件時,jquery.easyui.min.js報找不到該物件或物件為空,無奈之下,我只能自己做下分頁按鈕等按鍵

自己感覺還不錯,雖然不是很強大,但也夠用了。

在開發這個後臺系統中,後臺程式碼實現非常快,因為功能明確,實現簡單,主要是花在前端介面以及一些js上。