ASP.NET MVC後台管理系統之讓客戶心動的介面,mvc後台管理系統

來源:互聯網
上載者:User

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樣式,讓它跟自己的架構很搭就好了。開源的可以用,付費的,只要價格合適,能節省我們的工作量,用起來有價值那也無所謂了

看一下,這個頁面我就整合了一些圖表外掛程式。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.