MVC（实战一）

一、创建MVC项目

二、界面分布

Content：是存放css文件等，暂时先不考虑。

Controllers：重要， 控制层，控制界面显示和界面逻辑的，其实真正业务逻辑层，建议分层出去。

Models：重要，界面展示Model，

Script：暂不考虑

Views：重要，界面层。

Global.asax：全局文件，配置资源加载 和 初始启动页。

Web.config:系统全局配置文件。

三、创建新功能

1、创建Model类

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Web;
 using System.ComponentModel.DataAnnotations;
 using System.ComponentModel;

 /*
  * [Required]
    [DataType(DataType.Text)]
    [DisplayName("姓名")]
  * 进行数据验证
  */
 namespace MvcApplication1.Models
 {
     public class GuestbookModel:ICloneable
     {
         [Required]
         [DataType(DataType.Text)]
         [DisplayName("姓名")]
         public string name { get; set; }

         [DataType(DataType.EmailAddress)]
         [DisplayName("邮箱")]
         public string Email { get; set; }

         [Required]
         [DataType(DataType.MultilineText)]
         [DisplayName("内容")]
         public string content { get; set; }

         public object  Clone()
         {
              return this.MemberwiseClone();
         }
    }

     public class GuestbookSource
     {
         private static GuestbookSource m_Source = null;
         private static List<GuestbookModel> m_LstModel = null;
         private GuestbookSource()
         {
             m_LstModel = new List<GuestbookModel>();
         }

         public static GuestbookSource GetInstance()
         {
             if (m_Source == null)
                 m_Source = new GuestbookSource();

             return m_Source;
         }

         public bool Add(GuestbookModel model)
         {
             if(!m_LstModel.Contains(model))
             m_LstModel.Add(model);
             return true;
         }

         public bool Delete(GuestbookModel model)
         {
             if(m_LstModel.Contains(model))
             m_LstModel.Remove(model);
             return true;
         }
         public bool Delete(string name)
         {
             return Delete(m_LstModel.FirstOrDefault(a => a.name == name));
         }

         public List<GuestbookModel> SelectAll()
         {
             List<GuestbookModel> lst = new List<GuestbookModel>();
             foreach (GuestbookModel m in m_LstModel)
                 lst.Add((GuestbookModel)m.Clone());

             return lst;
         }

         public GuestbookModel Find(string name)
         {
             return m_LstModel.FirstOrDefault(a=>a.name.Equals(name));
         }
     }
 }

示例代码

这个Model类，需要将的地方，只有一个，就是 属性上的说明

using System.ComponentModel.DataAnnotations;
using System.ComponentModel;

[Required]                                          表示 name 属性 是必填的
[DataType(DataType.Text)]                表示 name属性 的数据类型
[DisplayName("姓名")]                       表示 name属性 显示的注释

public string name { get; set; }

注释：GuestbookSource 是模拟缓存数据，跟逻辑没有关系。

2、创建Controller 类 GuestbookController ，

注意：

1) 类名，必须以Controller结尾，并必须继承Controller（对初学者，先理解到这个地方）

2)创建Index Action，获取数据源。然后将获取到的数据，传入到View(结果集)

 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Web;
 using System.Web.Mvc;
 using MvcApplication1.Models;

 namespace MvcApplication1.Controllers
 {
     public class GuestbookController : Controller
     {
         //
         // GET: /Guestbook/

         public ActionResult Index()
         {
             List<GuestbookModel> lstModel = GuestbookSource.GetInstance().SelectAll();

             return View(lstModel);
         }

         public ActionResult Write()
         {
             return View();
         }

         public ActionResult Edit(GuestbookModel model)
         {
             string name = model.name.ToString();
             string em = model.Email;
             Console.WriteLine("aa=" + name);

             if (!string.IsNullOrWhiteSpace(name))
             {
                 GuestbookModel m = GuestbookSource.GetInstance().Find(name);
                 return View(m);
             }
             else
                 return View();
         }

         public ActionResult Delete(string name)
         {
             if (!string.IsNullOrWhiteSpace(name))
             {
                 bool b = GuestbookSource.GetInstance().Delete(name);

             }

            return  RedirectToAction("Index");
         }

         [HttpPost]
         public ActionResult Save(GuestbookModel model)
         {
             //ModelState.IsValid 表示验证通过。
             if (ModelState.IsValid)
             {
                 GuestbookSource.GetInstance().Add(model);

                 //执行完毕后，执行Index的方法
                 return RedirectToAction("Index");
             }
             else
                 return RedirectToAction("Write");
         }
     }
 }

Controller

3、创建View

右键Controller类中的 Index()方法，选择 添加View

添加后，在Views中增加如下视图

切记，方法名和View保持一致，这是最好的编程习惯

4、在View显示结果信息

 <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<MvcApplication1.Models.GuestbookModel>>" %>

 <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
     显示留言
 </asp:Content>

 <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

     <h2>显示留言</h2>

     <table>
         <tr>
             <th>姓名：</th>
             <th>Email：</th>
             <th>内容：</th>
         </tr>

     <% foreach (var item in Model) { %>

         <tr>
             <td>
             <%: item.name %>
             </td>
              <td>
             <%: item.Email %>
             </td>
              <td>
             <%: item.content %>
             </td>
             <td>
                 <%: Html.ActionLink("Edit", "Edit", new MvcApplication1.Models.GuestbookModel(){ name = item.name, Email = item.Email })%> |
                 <%: Html.ActionLink("Details", "Details", new {  id=item.name })%> |
                 <%: Html.ActionLink("Delete", "Delete", new { name=item.name })%>
             </td>
         </tr>

     <% } %>

     </table>

     <p>
         <%: Html.ActionLink("留下足迹", "Write") %>
     </p>

 </asp:Content>

View显示列表

 5、前端校验

在模板页中，增加javascript引用。

<!--在界面层加入验证-->
  <script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
  <script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
  <script src="../../Scripts/MicrosoftMvcValidation.js" type="text/javascript"></script>
<!--在界面层加入验证-->

 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcApplication1.Models.GuestbookModel>" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>Write</title>
 </head>
 <body>
     <div>

     <form method=post action="/Guestbook/Save">
     <!--前端验证-->
      <% Html.EnableClientValidation(); %>

     <% using (Html.BeginForm("Save", RouteData.Values["controller"].ToString()))
        {%>
     <%=Html.LabelFor(x=>x.name)%>
     <%=Html.TextBoxFor(x=>x.name)%>

     <!--为每个字段添加验证-->
     <%=Html.ValidationMessageFor(a=>a.name) %>
     <br/>

     <%=Html.LabelFor(x=>x.Email)%>
     <%=Html.TextBoxFor(x=>x.Email)%>
     <%=Html.ValidationMessageFor(a=>a.Email) %>
     <br/>

     <%=Html.LabelFor(x=>x.content)%>
     <%=Html.TextAreaFor(x=>x.content)%>
     <%=Html.ValidationMessageFor(a=>a.content) %>
     <br/>

     <input type=submit />
     </form>

     <% } %>
     </div>
 </body>
 </html>

Write

6、编辑

7、设置 项目首页