ASP.NET MVC后台管理系统之让客户心动的界面

           在上一篇博客中介绍了一下我在快速开发框架中一些UI的设计,这篇文章继续往下讲,主要讲下基于BS架构后台管理系统中一些界面的设计思路.

           百闻不如一见,demo地址放出来给大家参考一下

              地址:http://121.40.148.178:8080/ 、 用户名:guest,密码:123456

一、列表页面

    列表页面我用的是Jqgrid插件,这个表格插件是开源的,而且功能丰常强大的,有兴趣的朋友可以去看看我系统中的Demo,所有的列表页面都是基于这个插件做的

    很多朋友可能感觉用表格插件会比较复杂,其实不然,在MVC架构下这些前端插件一般做得都很好,只要从后台控制器取到Json数据,把数据塞给插件,做分页,查询都很简单而且加载的效率也很高.

看一下这个列表看起来还可以吧。

ASP.NET MVC后台管理系统之让客户心动的界面_第1张图片

 以前做过一个demo,里面讲了一些页面布局的东西,其中部门管理是实现了的,有做Jqgrid列表,需要的人可以下下来参考一下怎么做的。

http://download.csdn.net/detail/jeff95599/8248247

二、提交表单页面

     提交表单页面我做成了弹出窗口样式的,一弹出来后,浏览器其它区域遮罩住,不可使用,免得用户重复提交,另外看起来也不错.

     像用户管理这个功能,字段比较多,我就分成三个页签,看起来很舒服。

ASP.NET MVC后台管理系统之让客户心动的界面_第2张图片

三、在弹出页中进行复杂排版

     用好div和CSS排版可以做得很漂亮,其实弹出窗口也是个页面,往里面去堆div就好了。

ASP.NET MVC后台管理系统之让客户心动的界面_第3张图片

ASP.NET MVC后台管理系统之让客户心动的界面_第4张图片

四、其它第三方插件的整合

     一个人的精力是有限的,但是我们可以有很强的整合能力,把别人一些做得好的东西整合到自己的框架中来,要想页面功能强大、漂亮整合第三方插件就是个好方法。

从后台取好数据按规则塞进去。然后调个好看的CSS样式,让它跟自己的框架很搭就好了。开源的可以用,付费的,只要价格合适,能节省我们的工作量,用起来有价值那也无所谓了

看一下,这个页面我就整合了一些图表插件。

ASP.NET MVC后台管理系统之让客户心动的界面_第5张图片

你可能感兴趣的:(asp.net)