Asp.net MVC2.0系列文章-添加操作

创建数据模型Model

数据模型主要包括数据信息、验证规则以及业务逻辑。

创建 Model 的方式有多种 , 可以使用微软的 ADO.NET Entity Data Model ，也可以使用第三方工具生成实体对象，对于比较简单的实体，我们可以手工添加，此处就是手动敲上去的。

 

                                                           

 

分析：此处定义了新闻实体对象的的一些属性，在每个 Property 上都存在一些注解，比如字段 Title 上 RequiredAttribute ， 表明 Title 栏位是必填字段，如果不填写会显示错误信息 ” 请输入标题！ ”

DataTypeAttribute 属性表明此字段的数据类型为文本类型，它是个枚举类型集合，如下：

 

 

Member name	Description
Custom	Represents a custom data type.
DateTime	Represents an instant in time, expressed as a date and time of day.
Date	Represents a date value.
Time	Represents a time value.
Duration	Represents a continuous time during which an object exists.
PhoneNumber	Represents a phone number value.
Currency	Represents a currency value.
Text	Represents text that is displayed.
Html	Represents an HTML file.
MultilineText	Represents multi-line text.
EmailAddress	Represents an e-mail address.
Password	Represent a password value.
Url	Represents a URL value.
ImageUrl	Represents a URL to an image.

这些类型，可以分别试试，看看最终效果什么样子的。

 

DisplayNameAttribute 属性表明了此字段要文字说明。

 

创建View视图

MVC 提供了生成 View 的向导工具，很方便的，如下图流程步骤：

我们在 View 文件夹下，新建一个新文件夹，命名为 News

右击 News 文件夹，选择 Add->Add  View 功能菜单，出现如下界面：

在 View name 栏位，我可以给此视图修改名称，比如 AddNews ，

选中 Create a strongly-typed view 栏位，选择刚才定义的实体类 Model ，并选择 View content 栏位为 Create 操作。

其他栏位默认值就 OK

最终效果如下图所示：

单击【 Add 】按钮，即可添加 AddNews.aspx 视图成功。此文件的核心代码如下所示：

 

< asp : Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">     <h2>         添 ¬¨ª 加 ¨® 新 ? 闻 ?</h2>     <% using (Html.BeginForm())        {%>     <%: Html.ValidationSummary(true) %>     <fieldset>         <legend> 新 ? 闻 ?</legend>         <div class="editor-label">             <%: Html.LabelFor(model => model.Title) %>         </div>         <div class="editor-field">             <%: Html.TextBoxFor(model => model.Title) %>             <%: Html.ValidationMessageFor(model => model.Title) %>         </div>         <div class="editor-label">             <%: Html.LabelFor(model => model.CreateTime) %>         </div>         <div class="editor-field">             <%: Html.TextBoxFor(model => model.CreateTime, new { @class = "date" })%>             <%: Html.ValidationMessageFor(model => model.CreateTime) %>         </div>         <div class="editor-label">             <%: Html.LabelFor(model => model.Content) %>         </div>         <div class="editor-field">             <%: Html.EditorFor(model => model.Content) %>             <%: Html.ValidationMessageFor(model => model.Content) %>         </div>         <p>             <input type="submit" value=" 添 ¬¨ª 加 ¨®" />         </p>     </fieldset>     <% } %>     <div>         <%: Html.ActionLink("Back to List", "Index","Home") %>     </div> </ asp : Content >

分析：

   在日期文本框中，新增加属性 new { @class = "date" }) ，此 Class 属性是为了稍后的日历控件的显示。要使日期文本框显示日期控件，可以使用 Jquery UI ，方法是：

1/ 、 Jquery UI 官方网站 http://www.jqueryUI.com 下载最新的 UI 类库

2 、添加日历控件的 CSS 文件和 JS 文件到项目中，如下图

 

由於文字限制，请参照：http://www.cnblogs.com/ywqu/archive/2010/06/24/1764062.html

 

zxcv49

1人

了这篇文章

类别： Asp.net MVC2.0┆阅读( 0)┆评论( 0) ┆ 返回博主首页┆ 返回博客首页

上一篇 Asp.net MVC2.0系列文章-运行Web MVC2.0 Demo 下一篇 Jquery实现回车键Enter切换焦点