1.Bootstrap使用教程
相关教程: http://www.bootcss.com/components.html
页面使用代码:
<script src="@Url.Content("~/Content/Bootstrap/js/bootstrap.min.js")"></script> <link href="@Url.Content("~/Content/Bootstrap/css/bootstrap.min.css")" rel="stylesheet" media="screen"/>
2.angularjs
<script src="@Url.Content("~/Scripts/angular.min.js")"></script>
<script type="text/javascript">
var app = angular.module("ControlState", []);
app.controller("Home/Login", function ($scope,$window) {
$scope.login = function(user) {
var url="@Url.Action("Login","Home")";
$.post(url,user,function(ret){
if(ret=="False"){
art.dialog.tips('用户名或密码错误,请重新输入!', 1.5);
$('form')[0].reset();
$('form input')[0].focus();
}else{
if(user.UserName=="admin")
location="Index";
else
location="Contact";
}
});
};
});
3.分页
public ActionResult MessageBox(int?id){ int pageID=; if (id.HasValue) { pageID=id.Value; } var list=DBFactory.GetEntities<Message>(MessageTable.MessageToUserID.Equal(SystemGlobalData.CURRENT_USERID).And(MessageTable.Deleted.Equal())); var count=DBFactory.GetInt32Count(MessageTable.MessageToUserID.Equal(SystemGlobalData.CURRENT_USERID).And(MessageTable.Deleted.Equal())); PagedList<Message> pList=new PagedList<Message>(list,pageID,); return View(pList ); }
前端代码
4.权限角色验证
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Xml.Linq; using Moon.Orm; using mynorthdb; namespace Razor.Moon { /// <summary> /// Description of CheckLoginAttribute. /// </summary> public class CustemerAuthenAttribute:AuthorizeAttribute { public new string[] ActionRoles { get; set; } protected override bool AuthorizeCore(HttpContextBase httpContext) { if (httpContext == null) { throw new ArgumentNullException("HttpContext"); } if (!httpContext.User.Identity.IsAuthenticated) { return false; } if (ActionRoles == null) { return true; } if (ActionRoles.Length == ) { return true; } if (ActionRoles.Contains(httpContext.User.Identity.Name)) { return true; } return false; } protected override void HandleUnauthorizedRequest(AuthorizationContext filterContext) { var Request=filterContext.HttpContext.Request; string url=Request.Url.Scheme+"://"+Request.Url.Authority+"/Home/Login"; filterContext.Result = new RedirectResult(url); } public override void OnAuthorization(System.Web.Mvc.AuthorizationContext filterContext) { string controllerName = filterContext.ActionDescriptor.ControllerDescriptor.ControllerName; string actionName = filterContext.ActionDescriptor.ActionName; string roles = ActionRoleManager.GetActionRoles(actionName, controllerName); if (!string.IsNullOrWhiteSpace(roles)) { this.ActionRoles = roles.Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries); } base.OnAuthorization(filterContext); } } }
5.效果图
6.项目下载
http://files.cnblogs.com/humble/%E9%A1%B9%E7%9B%AE%E5%8F%8A%E6%95%B0%E6%8D%AE%E5%BA%93.7z