ASP.NET 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样式,让它跟自己的框架很搭就好了。开源的可以用,付费的,只要价格合适,能节省我们的工作量,用起来有价值那也无所谓了

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

时间: 2024-10-12 19:15:22

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

ASP.NET MVC后台管理系统精美UI设计

现在越来越多的系统都是BS架构,什么样的界面风格才更加大气.美观.实用呢? 先给大家看一下我自己做的后台系统风格,然后再讲几个主要的界面 地址:http://121.40.148.178:8080/ . 用户名:guest,密码:123456 一.整体部局 现在的管理系统比较流行把界面做得跟CS应用程序很像,让人一眼看去都以为是CS程序,的确那样看起来很大气,很漂亮. 以往的做法,通常是在工作区只能显示一个功能页面,打开一个新的功能以后页面就跳转了,当用户需要同时打开两个功能的时候就很蛋疼,所以

asp.net mvc后台操作之读写xml控制首页动态页面开关显示

一.背景 在asp.net mvc项目里,用户需要开拓几个活动版面,并以侧栏的方式呈现在首页右侧,几个活动时间不一致,为避免浏览者在活动未开放之时进入未开放的服务页面.因此不仅需要在活动代码中加入限制功能,也需要在前台取消不合时宜的页面的展示.后台效果图: 二.问题分析 要想控制页面开关显示,就得有存储开关信息的介质,将在后台产生的操作记录下来,并在浏览者加载首页之时能读取操作记录并达到控制页面开关的目的.因此,考虑两种介质储存开关记录信息,一是用数据库mysql,二是用xml.考虑到这对数据库

Asp.Net Mvc后台数据验证自测小Demo

*.这里只做后台数据验证,利用mvc数据验证标记验证数据,并获取错误信息提示后页面中. 1.实现效果如下: 2.model类 People.cs using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.Linq; using System.Web; namespace WebTest.Areas.Validation.Models { pub

Asp.net MVC企业管理系统

1.对MVC的认识 1.启动项在Global.asax.cs文件中,RouteConfig.RegisterRoutes(RouteTable.Routes);定义路由事件,可以设置启动项[默认是Home/Index]: 2.Views/Home/Index.cshtml文件是页面内容,在@[email protected]中直接写C#语句.该页面可以用easyui进行布局.控件样式模仿等: 2.知识点 2.1.小知识 <iframe src="/NewList/Index" s

asp.net mvc 后台怎么接受前端返回的array list dictionary

参考了别人的文章,我这样尝试去写: 数据源:memberInRoles 1 var memberInRoles= {}; 2 for(var i=0;i<sureOptions.length;i++){ 3 memberInRoles["memberInRoles["+i+"].UserId"]=sureOptions[i].value; 4 memberInRoles["memberInRoles["+i+"].RoleId&q

互动媒体学习社区-ASP.NET MVC 后台用户管理模块

在后台用户管理模块中: 用户一共分为三类:0代表注册会员,1代表管理员,2代表超级管理员 页面与功能: 用户列表页. 显示所有用户(管理员,超级管理员) 根据条件查询指定用户(Email,状态)(管理员,超级管理员) 删除用户.(超级管理员) 修改用户状态.(管理员,超级管理员) 跳转至详细页.(管理员,超级管理员) 跳转至新增页面(超级管理员) 用户详细页. 显示用户详细信息. 调整用户类型(超级管理员) 修改用户状态(管理员,超级管理员) 用户新增页面. 新增用户.(超级管理员) 修改密码页

ASP.NET MVC 排球计分程序 (五)基本界面的摆放

主页:Home/Index  (插入球员信息的页面) 可以通过此主页添加球员信息. 球员对应的衣服号可以修改为其他的,这里默认他出现的是1-12. 根据需要添加所需的球员姓名,几个都行. 键入后单击提交即可进入计分界面 可以根据需要添加场上内容 系统会根据添加的内容自动评定输赢 下方可以实时显示自己已经插入到数据库的信息 单击查询可以查询出目前的最高分是谁.发球击球等最高分是谁. 接下来的一篇我们将要介绍HomeController里的代码

在ASP.NET MVC中实现登录后回到原先的界面

有这样的一个需求:提交表单,如果用户没有登录,就跳转到登录页,登录后,跳转到原先表单提交这个页面,而且需要保持提交表单界面的数据. 提交表单的页面是一个强类型视图页,如果不考虑需要保持提交表单界面的数据,可以先设计这样的一个Model: public class Student { public string Name{get;set;} public string ReturnUrl{get;set;} } 在提交表单的视图页,大致这么写: @using (Html.BeginForm("In

转---在ASP.NET MVC中实现登录后回到原先的界面

有这样的一个需求:提交表单,如果用户没有登录,就跳转到登录页,登录后,跳转到原先表单提交这个页面,而且需要保持提交表单界面的数据. 提交表单的页面是一个强类型视图页,如果不考虑需要保持提交表单界面的数据,可以先设计这样的一个Model: public class Student { public string Name{get;set;} public string ReturnUrl{get;set;} } 在提交表单的视图页,大致这么写: @using (Html.BeginForm("In