ASP.NET MVC後台管理系統之讓客戶心動的介面,mvc後台管理系統
在上一篇部落格中介紹了一下我在快速開發架構中一些UI的設計,這篇文章繼續往下講,主要講下基於BS架構後台管理系統中一些介面的設計思路.
百聞不如一見,demo地址放出來給大家參考一下
地址:http://121.40.148.178:8080/ 、 使用者名稱:guest,密碼:123456
一、列表頁面
列表頁面我用的是Jqgrid外掛程式,這個表格外掛程式是開源的,而且功能豐常強大的,有興趣的朋友可以去看看我系統中的Demo,所有的列表頁面都是基於這個外掛程式做的
很多朋友可能感覺用表格外掛程式會比較複雜,其實不然,在MVC架構下這些前端外掛程式一般做得都很好,只要從後台控制器取到Json資料,把資料塞給外掛程式,做分頁,查詢都很簡單而且載入的效率也很高.
看一下這個列表看起來還可以吧。
以前做過一個demo,裡面講了一些頁面配置的東西,其中部門管理是實現了的,有做Jqgrid列表,需要的人可以下下來參考一下怎麼做的。
http://download.csdn.net/detail/jeff95599/8248247
二、提交表單頁面
提交表單頁面我做成了快顯視窗樣式的,一彈出來後,瀏覽器其它地區遮罩住,不可使用,免得使用者重複提交,另外看起來也不錯.
像使用者管理這個功能,欄位比較多,我就分成三個頁簽,看起來很舒服。
三、在彈出頁中進行複雜排版
用好div和CSS排版可以做得很漂亮,其實快顯視窗也是個頁面,往裡面去堆div就好了。
四、其它第三方外掛程式的整合
一個人的精力是有限的,但是我們可以有很強的整合能力,把別人一些做得好的東西整合到自己的架構中來,要想頁面功能強大、漂亮整合第三方外掛程式就是個好方法。
從後台取好資料按規則塞進去。然後調個好看的CSS樣式,讓它跟自己的架構很搭就好了。開源的可以用,付費的,只要價格合適,能節省我們的工作量,用起來有價值那也無所謂了
看一下,這個頁面我就整合了一些圖表外掛程式。