云栖社区>
博客列表>
正文

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

橘子红了呐 2018-01-15 12:32:07 浏览38 评论0

javascript asp class Create html type view

摘要： 创建数据模型Model 数据模型主要包括数据信息、验证规则以及业务逻辑。创建Model的方式有多种,可以使用微软的ADO.NET Entity Data Model，也可以使用第三方工具生成实体对象，对于比较简单的实体，我们可以手工添加，此处就是手动敲上去的。

创建数据模型 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) %>

<%: Html.LabelFor(model => model.Title) %>

</div>

<%: Html.TextBoxFor(model => model.Title) %>

<%: Html.ValidationMessageFor(model => model.Title) %>

</div>

<%: Html.LabelFor(model => model.CreateTime) %>

</div>

<%: Html.TextBoxFor(model => model.CreateTime, new { @class = "date "})%>

<%: Html.ValidationMessageFor(model => model.CreateTime) %>

</div>

<%: Html.LabelFor(model => model.Content) %>

</div>

<%: Html.EditorFor(model => model.Content) %>

<%: Html.ValidationMessageFor(model => model.Content) %>

</div>

<p>

</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 文件到项目中，如下图

3、在母版页面 Site.Master中添加JS 的引用，以及页面初始化时绑定日历控件到文本框，代码如下：

$(document).ready( function () {

$( "input:text.date").datepicker(

{

dateFormat: "yy-mm-dd"

});

</script>

到此，日历栏位的文本框就可以显示日历控件了，稍后看效果图。

创建 Controller 文件

在 Controllers 文件夹下，新增 News文件夹；

单击右键，选择 Add->Controller ，显示如下界面

重命名 Controller Name 栏位为 NewsController，同时选择下方的复选框，最终效果如下图：

单击【 Add】按钮，自动产生 Controller 中的一些方法，这时候对 Controller 中的方法做一些修改，即可完成添加新闻页面初始化的方法，以及添加新闻功能，代码如下：

// GET: /News/Create

//完成页面初始化

public ActionResult AddNews()

{

return View();

}

// POST: /News/Create

// 完成添加按钮事件

[ HttpPost]

public ActionResult AddNews(THelperMVC.Models.News.AddNewsModel news)

{

if (ModelState.IsValid)

{

newsService.AddNews();

return RedirectToAction("index", "Home");

}

else

{

ModelState.AddModelError( "", "请 ?输º? 入¨?合 ?法¤¡§ 的Ì?信 ?息¡é ！ê?");

}

return View(news);

}

至此， MVC的各个层次都已经创建完，让我们看看最终的效果吧。

程序效果图

本文转自灵动生活博客园博客，原文链接：http://www.cnblogs.com/ywqu/archive/2010/06/24/1764062.html ，如需转载请自行联系原作者
版权声明：本文内容由互联网用户自发贡献，版权归作者所有，本社区不拥有所有权，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至： yqgroup@service.aliyun.com 进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。

用云栖社区APP，舒服~

【云栖快讯】中办国办印发《推进互联网协议第六版（IPv6）规模部署行动计划》加快推进基于 IPv6 的下一代互联网规模部署，计划指出2025年末中国 IPv6 规模要达到世界第一,阿里云也第一时间宣布了将全面提供IPv6服务，那么在全面部署 IPV6 前，你需要了解都在这儿详情请点击评论文章 (0) (0) (0)

分享到:

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

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

创建数据模型 Model

创建 View视图

创建 Controller 文件

程序效果图

相关文章

网友评论