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");
        }
    }
}

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>

 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>

6、编辑

7、设置 项目首页