【.NET框架】—— MVC5+EF進行CRUD（六）

時間  2020-08-10
標籤 .NET框架 mvc5+ef mvc 進行 crud 欄目 網站開發 简体版
原文   原文鏈接

1.1.MVC5+EF6配置環境

1.1.1.什麼是Entity Framework

EF框架：EF全稱Entity Framework，是微軟官方發佈的ORM框架，它是基於ADO.NET的，經過EF能夠很方便地將表映射到實體對象或將實體對象轉換爲數據庫表。html

ORM：ORM是將數據庫存儲從域對象自動映射到關係型數據庫的工具。ORM主要包括3個部分：域對象、關係數據庫對象、映射關係。ORM使類提供自動化CRUD，使開發人員從數據庫API和SQL中解放出來。前端

簡單來講，在SQL Server中每一條記錄就是一個實體記錄，在C#中每個實例化的對象就是一個實體，經過EF框架能夠很輕鬆地實現數據庫的操做和鏈接。jquery

1.1.2.EF運行環境

Entity Framework框架曾經是.NET Framework的一部分，但Version 6以後，從.NET Framework中分離出來，其中EF5由兩部分組成：EF API和.NET Framework 4.0/4.5，而EF6是獨立的Entity Framework.dll，不依賴.NET Framework。使用NuGet便可安裝EF，在安裝VS 2017開發環境時，會自動安裝EF5.0和6.0版本。數據庫

 

這裏咱們仍是使用NuGet程序管理包進行項目EF環境的安裝：瀏覽器

①使用工具—>NuGet包管理器—>管理解決方案的NuGet程序包，瀏覽中搜索EntityFramework，須要安裝以下兩個包：安全

 

 

 

 

②安裝完成以後須要建立用戶上下文文件UserContext類，通常放於項目Models文件夾下：框架

UserContext類：ide

//建立一個UserContext上下文鏈接類，繼承DbContext，使用name關聯Web.config中的鏈接語句
    public class UserContext : DbContext
    {
        public UserContext() : base("name=SqlConnString")
        {

        }
    }

③在Web.config文件中作以下配置：工具

<connectionStrings>
    <add name="SqlConnString" connectionString="server=DESKTOP-3POL04N;database=db_news;uid=sa,pwd=******"/>
  </connectionStrings>

 

 以上三步即完成了EF框架運行環境的簡單搭建，關聯到了數據庫post

1.2.MVC5+EF6 Model層建立

建立對應的數據庫表td_user與對應的Model模型類：

 

 

td_user類：

public class td_user
    {
        [System.ComponentModel.DataAnnotations.Key]
        public int UserId { get; set; }
        public int UserName { get; set; }
        public int PassWord { get; set; }
        public int Email { get; set; }
        public int Role { get; set; }
    }

注意：

①C#模型的類名稱與數據庫的表名稱要一致；

②C#模型的類屬性與數據庫的字段要一致。

 

1.3.MVC5+EF6實現數據列表

①建立一個對應的UserController控制器；

public class UserController : Controller
    {
        // GET: User
        public ActionResult Index()
        {
            UserContext context = new UserContext();
            return View(context.td_user.ToList());
        }
    }

②在原來的UserContext上下文文件中配置上下文文件方法：

//建立一個UserContext上下文鏈接類，繼承DbContext，使用name關聯Web.config中的鏈接語句
    public class UserContext : DbContext
    {
        public UserContext() : base("name=SqlConnString")
        {
            
        }
        //建立一個數據庫Model集合獲取方法
        public DbSet<td_user> td_user { get; set; }
    }

③在控制器中調用上下文中方法獲取數據表DataSet集合；

④建立前臺顯示界面視圖View(此過程前要先從新編譯項目):

 

⑤注意在Web.config中配置SqlConnString鏈接語句配置：

  <connectionStrings>
    <add name="SqlConnString" connectionString="server=DESKTOP-3POL04N;uid=sa;pwd=123456;database=db_news;"
         providerName="System.Data.SqlClient"/>
  </connectionStrings>

注意必須加上：providerName="System.Data.SqlClient"，不然會報錯：

 

 

完成後界面展現以下，這樣就完成了初步的頁面展現Select從數據庫獲取數據展現的功能：

 

 

1.4.MVC5+EF6詳細頁面顯示

這裏要基於6.3的內容來實現前端頁面的增刪改查功能，目前實現Details的展現功能，也就是查看的功能：

①首先進行頁面標籤內容的修改，把英文改成中文：

@model IEnumerable<EFFramework.Models.td_user>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("新建", "Create")
</p>
<table class="table">
    <tr>
        <th>
           名稱
        </th>
        <th>
           密碼
        </th>
        <th>
            電子郵箱
        </th>
        <th>
            角色
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.UserName)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.PassWord)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Email)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Role)
        </td>
        <td>
            @Html.ActionLink("編輯", "Edit", new { id=item.UserId }) |
            @Html.ActionLink("查看", "Details", new { id=item.UserId }) |
            @Html.ActionLink("刪除", "Delete", new { id=item.UserId })
        </td>
    </tr>
}

</table>

②對應在ActionLink中去實現Controller中的Details方法，查詢的結果視圖：

//點擊查看根據當前的userId來展現用戶信息
        public ActionResult Details(int id)
        {
            UserContext context = new UserContext();
            //var details = from c in context.td_user
            //              where int.Equals(c.UserId, id)
            //              select c;
            //List<td_user> userList = details.ToList();
            List<td_user> userList = context.td_user.Where(c => c.UserId == id).ToList();
            return View(userList.FirstOrDefault());
        }

這裏嘗試使用Linq來進行視圖的查詢封裝，可是失敗了，會報錯：

 

 

緣由是由於LINQ要求源數據必須是可枚舉的集合，這裏的tb_user是數據庫中的Domain對象沒有實現IEnumerable接口，因此仍是使用原始的lamda表達式來求值：

 

③建立視圖Details.cshtml

 

 

<div>
    <h4>td_user</h4>
    <hr />
    <dl class="dl-horizontal">
        <dt>
            名稱
        </dt>

        <dd>
            @Html.DisplayFor(model => model.UserName)
        </dd>

        <dt>
            密碼
        </dt>

        <dd>
            @Html.DisplayFor(model => model.PassWord)
        </dd>

        <dt>
            郵箱
        </dt>

        <dd>
            @Html.DisplayFor(model => model.Email)
        </dd>

        <dt>
            角色
        </dt>

        <dd>
            @Html.DisplayFor(model => model.Role)
        </dd>

    </dl>
</div>
<p>
    @Html.ActionLink("編輯", "Edit", new { id = Model.UserId }) |
    @Html.ActionLink("返回視圖", "Index")
</p>

跳轉頁面進行數據展現，結果如圖所示：

 

 

1.5.MVC5+EF6數據添加

Create添加主要是完成增長數據的功能：

①根據@Html.ActionLink("新建", "Create")新建Create方法，主要用於編輯頁面展現：

//新增Create
        public ActionResult Create()
        {
            return View();
        }

創建View界面：

 

 

修改展現頁面參數：

@model EFFramework.Models.td_user

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>


@using (Html.BeginForm("AddUser", "User")) //表單提交到後臺AddUser控制方法
{
    @Html.AntiForgeryToken()
    
    <div class="form-horizontal">
        <h4>td_user</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            <label class = "control-label col-md-2">姓名</label>
            <div class="col-md-8">
                @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <label class = "control-label col-md-2">密碼</label>
            <div class="col-md-8">
                <input type="password" class="form-control" name="PassWord">
                @Html.ValidationMessageFor(model => model.PassWord, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-md-2">郵箱</label>
            <div class="col-md-8">
                @Html.EditorFor(model => model.Email, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Email, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-md-2">角色</label>
            <div class="col-md-8">
                @Html.EditorFor(model => model.Role, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Role, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="新增" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("返回視圖", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

②根據Form表單提交建立AddUser方法進行數據插入，同時返回Index視圖界面作數據展現：

//新增點擊方法
        public ActionResult AddUser(td_user user)
        {
            UserContext context = new UserContext();
            context.td_user.Add(user);
            //保存新增至數據庫
            context.SaveChanges();
            //返回展現頁面，UserController下面的Index頁面
            return View("Index", context.td_user.ToList());
        }

1.6.MVC5+EF6數據編輯

編輯和添加相似，這裏主要說起注意的幾個點：

①根據Index.cshtml中@Html.ActionLink("編輯", "Edit", new { id=item.UserId })建立編輯Controller方法：

//編輯Edit
        public ActionResult Edit(int id)
        {
            //顯示傳過來的數據
            UserContext context = new UserContext();
            var queryUser = context.td_user.Where(u => u.UserId == id).ToList().FirstOrDefault();
            return View(queryUser);
        }

②同時須要建立Edit.cshtml視圖頁面，不能和Create.cshtml共享，主要密碼部分是要顯示的：

 

 

③更新Update方法在Controller中注意是返回Index視圖，也是IEnumerable類型的集合：

//保存點擊方法
        public ActionResult Update(td_user user)
        {
            UserContext context = new UserContext();

            //先從數據庫查詢到user對應id在數據庫中的那個值
            var queryOne = context.td_user.Where(u => u.UserId == user.UserId).ToList().FirstOrDefault();
            //再把這個值更新
            queryOne.UserName = user.UserName;
            queryOne.PassWord = user.PassWord;
            queryOne.Email = user.Email;
            queryOne.Role = user.Role;

            context.SaveChanges();
            return View("Index", context.td_user.ToList());
        }

1.7.MVC5+EF6數據刪除

刪除比較簡單，直接實現Delete方法便可：

//點擊刪除按鈕
        public ActionResult Delete(int id)
        {
            UserContext context = new UserContext();

            //先從數據庫查詢到user對應id在數據庫中的那個值
            var queryOne = context.td_user.Where(u => u.UserId == id).ToList().FirstOrDefault();
            //再把這個值刪除
            context.td_user.Remove(queryOne);
            context.SaveChanges();
            return View("Index", context.td_user.ToList());
        }

1.8.MVC5+EF6查詢功能

①首先肯定前臺View中使用<form>進行表單數據提交，將查詢信息經過<input>中的name屬性值代入後臺Controller控制器方法中：

<form action="/User/Search" method="post">
    請輸入用戶名查詢：<input type="text" name="username"/>
    <input type="submit" value="查詢">
</form>

②後臺Controller對應Search方法，查詢到結果進行封裝並返回Index頁面進行查詢數據展現：

//username必須和View視圖中的姓名輸入框中的name屬性值一致
        [HttpPost]
        public ActionResult Search(string username)
        {
            UserContext context = new UserContext();
            //模糊查詢出全部類似的結果
            List<td_user> queryList = context.td_user.Where(u => u.UserName.Contains(username)).ToList();
            //跳轉到前臺進行頁面展現
            return View("Index", queryList);
        }

1.9.MVC5+EF6多條件查詢

多條件查詢須要在前臺進行對應條件的新增，與新增參數傳入後臺Controller進行數據篩選：

<form action="/User/Search" method="post">
    請輸入用戶名查詢：<input type="text" name="username"/>
    角色：<select name="role">
            <option>管理員</option>
            <option>普通員工</option>
          </select>
    <input type="submit" value="查詢">
</form>

  //username必須和View視圖中的姓名輸入框中的name屬性值一致
        [HttpPost]
        public ActionResult Search(string username, string role)
        {
            UserContext context = new UserContext();
            //模糊查詢出全部類似的結果
            List<td_user> queryList = context.td_user
                .Where(u => u.UserName.Contains(username))
                .Where(u => u.Role == role)
                .ToList();
            //跳轉到前臺進行頁面展現
            return View("Index", queryList);
        }

對應查詢結果：

 

 

1.10.MVC5+EF6系統登陸

登陸首先是要建立一個登錄界面Index.cshtml，這裏面有個action會跳轉LoginController進行後臺參數傳遞，@ViewBag.Message進行的是登陸失敗後的信息顯示；

<form action="/Login/Login" method="post">
    <table>
        <tr>
            <td>帳號:</td>
            <td><input type="text" name="userName" /></td>
        </tr>
        <tr>
            <td>密碼:</td>
            <td><input type="password" name="pwd" /></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="登陸" /></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2">@ViewBag.Message</td>
        </tr>
    </table>
</form>

LoginController主要是進行登錄參數傳遞，跳轉頁面：

public class LoginController : Controller
    {
        // GET: Login
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Login(string userName, string pwd)
        {
            UserContext context = new UserContext();
            //先到數據庫進行用戶名，密碼的匹配查詢
            List<td_user> queryRes = context.td_user.Where(u => u.UserName == userName).Where(u => u.PassWord == pwd).ToList();

            //查詢到了數據庫有這個用戶
            if (queryRes != null && queryRes.Count > 0)
            {
                //跳轉到用戶管理界面進行數據頁面展現，UserController中的Index
                return RedirectToAction("Index", "User");
            }
            //沒有這個用戶
            else
            {
                //返回登陸頁面
                ViewBag.Message = "用戶信息不存在";
                return View("Index");//返回本類的Index登陸頁面視圖
            }
        }
    }

1.11.MVC5+EF6系統登陸安全設置AuthorizeAttribute

安全設置是爲了不用戶在訪問時直接經過展現頁面的Controller接口url訪問後臺數據，通常老系統在實現時會在方法中使用Session來查看是否有值，可是這樣會形成多個控制器接口都須要增長同一套Session取值判斷代碼，這裏統一使用AuthorizeAttribute設置來避免重複代碼。

 

傳統的Session驗證方式：

 

 

 

 

使用AuthorizeAttribute配置註解的方式：

①自定義一個註解類UserAuthorizeAttibute來繼承自AuthorizeAttribute安全註解屬性類，並覆寫AuthorizeCore方法：

public class UserAuthorizeAttribute : AuthorizeAttribute
    {
        protected override bool AuthorizeCore(HttpContextBase httpContext)
        {
            if (System.Web.HttpContext.Current.Session["username"] == null)
            {
                return false;
            }
            return true;
        }
    }

在後臺訪問控制器類上面加上註解[UserAuthorizeAttribute]，表示當前類已經統一進行了Session訪問的驗證：

 

 

加入註解限制後那麼咱們再次使用url嘗試進行訪問驗證時，就不能越過攔截進行後臺數據的訪問了，這裏會直接攔截跳轉到401界面：

 

 

而上述401界面能夠由開發者自定義展現，不顯示401報錯界面，能夠在Web.config頁面下進行下面的配置：

<!--用戶自定義攔截驗證跳轉頁面：登陸失敗返回loginUrl頁面，timeout自定義登陸後Session有效時間：通常20分鐘-->
    <authentication mode="Forms">
      <forms loginUrl="/Login/Index"  timeout="20"></forms>
    </authentication>

 

 

經過上述配置，在瀏覽器地址欄中再次嘗試輸入/User進行頁面訪問後會自動重定向到登陸頁面不會進行401報錯顯示：

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程