ASP.NET MVC5网站开发之用户角色的后台管理1(七)

角色是网站中都有的一个功能,用来区分用户的类型、划分用户的权限,这次实现角色列表浏览、角色添加、角色修改和角色删除。

一、业务逻辑层

1、角色模型

Ninesky.Core【右键】->添加->类,输入类名Role。

引用System.ComponentModel.DataAnnotations命名空间

using System.ComponentModel.DataAnnotations;

namespace Ninesky.Core
{
 /// 
 /// 角色
 /// 
 public class Role
 {
  [Key]
  public int RoleID { get; set; }

  /// 
  /// 名称
  /// 
  [Required(ErrorMessage ="必须输入{0}")]
  [StringLength(20,MinimumLength =2, ErrorMessage ="{0}长度为{2}-{1}个字符")]
  [Display(Name ="名称")]
  public string Name { get; set; }

  /// 
  /// 说明
  /// 
  [StringLength(1000, ErrorMessage = "{0}必须少于{1}个字符")]
  [Display(Name = "说明")]
  public string Description { get; set; }

 }
}

2、添加表映射

打开Ninesky.Core/NineskyContext.cs,添加Role表映射

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第1张图片

3、迁移数据

1)、启用数据迁移

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第2张图片

在【工具栏】->【工具】->NuGet包管理器->程序包管理器控制台。

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第3张图片

输入命令 Enable-Migrations 回车,为Ninesk.Core启用数据迁移。

打开Ninesky.Core/Migrations/Configuration.cs文件

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第4张图片

将 AutomaticMigrationsEnabled = false;改为 AutomaticMigrationsEnabled = ture;来启用自动迁移。

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第5张图片

2)、更新数据表

运行命令Update-Database。提示错误:There is already an object named 'Administrators' in the database.

这是因为先生成了Administrators表后启用的数据迁移。在更新表的时候视图创建Administrators表失败。

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第6张图片

打开服务器资源管理器,如图选择Administrators【右键】->删除。

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第7张图片

删除成功后再次运行Update-Database,执行成功。

因为刚才删除表的时候把管理员账号也删掉了,记得打开Administrators表添加一个管理员账号,记得密码可以输入jZae727K08KaOmKSgOaGzww/XVqGr/PKEgIMkjrcbJI= 这是123456加密后的字符串。

4、角色管理

Ninesky.Core【右键】->添加->类,输入类名RoleManager,类继承自BaseManager

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Ninesky.Core
{
 /// 
 /// 角色管理
 /// 
 public class RoleManager:BaseManager
 {
 }
}

 

二、展示层

Ninesky.Web/Areas/Control/Controllers【右键】->添加->控制器。选择 MVC5 控制器 �C 空, 输入控制器名称RoleController。

在控制器中引入命名空间Ninesky.Core;

添加变量private RoleManager roleManager = new RoleManager();

为控制器添加身份验证[AdminAuthorize]

1、消息提示

在进行操作的时候经常会需要对操作成功、失败、发生错误进行提示,所以专门做一个提示的模型类Prompt。

1)、添加类

Ninesky.Web/Models【右键】->添加->类  输入类名Prompt

复制代码 代码如下:
using System.Collections.Generic;namespace Ninesky.Web.Models{ /// /// 提示 /// public class Prompt { /// /// 标题 /// public string Title { get; set; } /// /// 消息 /// public string Message { get; set; } /// /// 按钮组 /// public List Buttons { get; set; } }}

2、在控制器中引入类的命名空间

在Rolecontroller中引用命名空间Ninesky.Web.Models。

3、添加视图

在Ninesky.Web/Areas/Control/Views/Shared【右键】->添加->视图

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第8张图片 

@model Ninesky.Web.Models.Prompt

@{
 ViewBag.Title = Model.Title;
}

@section SideNav{@Html.Partial("SideNavPartialView")}



@Model.Title

@Html.Raw(Model.Message)

@if(Model.Buttons!=null && Model.Buttons.Count > 0) {

@foreach(var item in Model.Buttons) { @Html.Raw(item+ "  ") }

}

2、管理员列表

1)、返回列表方法(Json方式)

在控制中添加方法 ListJson() ,返回类型 JsonResoult

/// 
  /// 列表【Json】
  /// 
  /// 
  public JsonResult ListJson()
  {
   return Json(roleManager.FindList());
  }

2、添加角色首页视图

在index()方法【右键】->添加视图

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第9张图片

@{
 ViewBag.Title = "角色管理";
}

@section SideNav{@Html.Partial("SideNavPartialView")}



@section style{ @Styles.Render("~/Content/bootstrapplugincss") } @section scripts{ @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/bootstrapplugin") }

3、导航视图

导航视图显示在视图的左侧,对该控制器下的功能进行导航

Ninesky.Web/Areas/Control/Views/Role【右键】->添加->视图

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第10张图片

用户管理
@Html.ActionLink("角色添加", "Add", "Role")
@Html.ActionLink("角色管理", "Index", "Role")

4、添加角色

1)、添加方法

在控制器中添加Add方法

复制代码 代码如下:
/// /// 添加 /// /// public ActionResult Add() { return View(); }

2)、添加视图

在方法上右键添加视图

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第11张图片 

@model Ninesky.Core.Role

@{
 ViewBag.Title = "添加角色";
}

@section SideNav{@Html.Partial("SideNavPartialView")}



@using (Html.BeginForm()) 
{
 @Html.AntiForgeryToken()
 
 
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
@Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })
@Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
} @section Scripts { @Scripts.Render("~/bundles/jqueryval") }

3)、添加提交数据的接收处理方法

在控制器中添加Add方法的post方法

[HttpPost]
  [ValidateAntiForgeryToken]
  public ActionResult Add(Role role)
  {
   if (ModelState.IsValid)
   {
    if (roleManager.Add(role).Code == 1)
    {
     return View("Prompt", new Prompt() { Title = "添加角色成功",
      Message ="你已成功添加了角色【"+ role.Name+"】",
      Buttons = new List() { "角色管理", "继续添加"}
     });
    }
   }
   return View(role);
  }

5、管理员资料修改

1)、添加方法

在控制器中添加Modify方法。

/// 
  /// 修改
  /// 
  /// RoleID
  /// 
  public ActionResult Modify(int id)
  {
   var _role = roleManager.Find(id);
   if(_role == null) return View("Prompt", new Prompt()
   {
    Title = "错误",
    Message = "ID为【" + id + "】的角色不存在",
    Buttons = new List() { "角色管理"}
   });
   return View(_role);
  }

2)、添加视图

在方法中右键添加视图

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第12张图片

代码如下:

@model Ninesky.Core.Role

@{
 ViewBag.Title = Model.Name;
}

@section SideNav{@Html.Partial("SideNavPartialView")}




@using (Html.BeginForm())
{
 @Html.AntiForgeryToken()
 
 
@Html.ValidationSummary(true, "", new { @class = "text-danger" }) @Html.HiddenFor(model => model.RoleID)
@Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
@Html.LabelFor(model => model.Description, htmlAttributes: new { @class = "control-label col-md-2" })
@Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } }) @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
} @section Scripts { @Scripts.Render("~/bundles/jqueryval") }

3)、添加提交数据的接收处理方法

在控制器中添加post方式的提交处理方法Modify方法。

[HttpPost]
  [ValidateAntiForgeryToken]
  public ActionResult Modify(Role role)
  {
   if (ModelState.IsValid)
   {
    var _resp = roleManager.Update(role);
    if (_resp.Code == 1) return View("Prompt", new Prompt()
    {
     Title = "修改角色成功",
     Message = "你已成功修改了角色【" + role.Name + "】",
     Buttons = new List() { "角色管理", "查看", "添加" }
    });
    else return View("Prompt", new Prompt()
    {
     Title = "修改角色失败",
     Message = "失败原因:"+ _resp.Message,
     Buttons = new List() { "角色管理", "返回"}
    });
   }
   else return View(role);
  }

6、删除角色

在控制器中添加Modify方法。

/// 
  /// 删除【Json】
  /// 
  /// RoleID
  /// 
  [HttpPost]
  public JsonResult DeleteJson(int id)
  {
   return Json(roleManager.Delete(id));
  }

角色功能完成,按F5浏览器中预览效果

ASP.NET MVC5网站开发之用户角色的后台管理1(七)_第13张图片

 ---------------------------------------------------------------------------------------

代码见:https://ninesky.codeplex.com/SourceControl/latest

代码下载:https://ninesky.codeplex.com 点击SOURCE CODE 点击Download下载源文件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(ASP.NET MVC5网站开发之用户角色的后台管理1(七))