ASP.NET MVC实践系列2-简单应用

简介:

 这里我们建立一个简单的ASP.NET MVC实践应用,对News数据库的News表进行CRUD。

一、准备工作:

在SQLServer中创建News数据库News表,然后建立在Models文件夹中加入NewsData.dbml文件,将News表拖入到dbml文件中

2009102615563338.jpg

二、创建News

1、添加视图

在Views文件夹中加入News文件夹,然后在News文件夹上单击右键-》添加-》View,然后按如下选择(注意需要再添加前先编译,不然无法显示Model中的类)

2009102616333672.jpg

生成的代码如下:(略作修改,将id行去掉)

复制代码
ExpandedBlockStart.gif Code
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcCRUDDemo.Models.News>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Create
</asp:Content>

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

    
<h2>Create</h2>

    
<%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again."%>

    
<% using (Html.BeginForm()) {%>

        
<fieldset>
            
<legend>Fields</legend>
            
<p>
                
<label for="Title">Title:</label>
                
<%= Html.TextBox("Title"%>
                
<%= Html.ValidationMessage("Title""*"%>
            
</p>
            
<p>
                
<label for="Content">Content:</label>
                
<%= Html.TextBox("Content"%>
                
<%= Html.ValidationMessage("Content""*"%>
            
</p>
            
<p>
                
<label for="Author">Author:</label>
                
<%= Html.TextBox("Author"%>
                
<%= Html.ValidationMessage("Author""*"%>
            
</p>
            
<p>
                
<label for="CreateTime">CreateTime:</label>
                
<%= Html.TextBox("CreateTime"%>
                
<%= Html.ValidationMessage("CreateTime""*"%>
            
</p>
            
<p>
                
<label for="Country">Country:</label>
                
<%= Html.TextBox("Country"%>
                
<%= Html.ValidationMessage("Country""*"%>
            
</p>
            
<p>
                
<input type="submit" value="Create" />
            
</p>
        
</fieldset>

    
<% } %>

    
<div>
        
<%=Html.ActionLink("Back to List""Index"%>
    
</div>

</asp:Content>

复制代码

 

第一行中的Inherits="System.Web.Mvc.ViewPage<MvcCRUDDemo.Models.News>"表示这个View的Model为MvcCRUDDemo.Models.News。另:输入的验证我们会在系列3中讲到

2、添加Controler

右键单击Controller文件夹添加-》Controller

复制代码
ExpandedBlockStart.gif Code
   public ActionResult Create()
        {
            News news 
= new News { CreateTime = DateTime.Now };
            
return View(news);
        }
        [AcceptVerbs(HttpVerbs.Post)]
        
public ActionResult Create(News news)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            dc.News.InsertOnSubmit(news);
            dc.SubmitChanges();
            
return RedirectToAction("NewsList");
        }
复制代码

第一个无参的Create方法是当访问/News/Create时调用,第二个以news做为参数的Create方法是进行post提交时会调用。

三、读取News表中的内容:

1、添加列表视图

在Views文件夹中加入News文件夹,然后在News文件夹上单击右键-》添加-》View,然后按如下选择(注意需要再添加前先编译,不然无法显示Model中的类)

然后在View Content下拉框中选择List

生成的View代码为:

省略...

2、添加列表Controller

右键单击Controller文件夹添加-》Controller,然后添加NewsList()方法,代码如下

复制代码
ExpandedBlockStart.gif Code
public ActionResult NewsList()
        {
            NewsDataDataContext dc = new NewsDataDataContext();
            IEnumerable
<News> newsList = dc.News;
            return View(newsList);
        }
复制代码

然后修改一下Global文件:

ExpandedBlockStart.gif Code
 routes.MapRoute(
                
"Default",                                              // Route name
                "{controller}/{action}/{id}",                           // URL with parameters
                new { controller = "News", action = "NewsList", id = "" }  // Parameter defaults
            );

然后就可以浏览defaul.aspx查看结果了。

3、添加details视图

5、添加Details的Controller

ExpandedBlockStart.gif Code
public ActionResult Details(int id)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            
return View(dc.News.First(n => n.id == id));
        }

 

四、编辑News表内容

1、添加Edit视图

2、添加编辑的Controler

复制代码
ExpandedBlockStart.gif Code
public ActionResult Edit(int id)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            
return View(dc.News.First(n => n.id == id)); 
        }
        [AcceptVerbs(HttpVerbs.Post)]
        
public ActionResult Edit(int id, FormCollection formValues)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            News news 
= dc.News.First(n => n.id == id);
            UpdateModel(news);
            dc.SubmitChanges();
            
return RedirectToAction("Details"new { id = id });
        }
复制代码

只有一个参数的Edit是访问News/Edit/5时调用的方法,而另一个是当提交时调用的方法。提交时调用的Edit方法需要注意的就是UpdateModel方法,这个方法就是利用反射来将从客户端页面收集回来的信息更新到实体类中,所以这个地方最简单的方式就是遵守mvc的默认规则,也就是页面端得input的名字要和实体相同。

五、删除News表中的内容

1、添加删除视图

复制代码
ExpandedBlockStart.gif Code
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcCRUDDemo.Models.News>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Delete
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    
<div>
        
<p>
           你确认要删除
                
<%=Html.Encode(Model.Title) %>么? </i>
        
</p>
    
</div>
    
<% using (Html.BeginForm())
       { 
%>
    
<input name="confirmButton" type="submit" value="确认" />
    
<% } %>
</asp:Content>
复制代码

 

2、添加删除Controler

复制代码
ExpandedBlockStart.gif Code
public ActionResult Delete(int id)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            News news 
= dc.News.First(n => n.id == id);
            
return View(news);
        }
        [AcceptVerbs(HttpVerbs.Post)]
        
public ActionResult Delete(int id, string confirmButton)
        {
            NewsDataDataContext dc 
= new NewsDataDataContext();
            var news 
= dc.News.First(n => n.id == id);
            dc.News.DeleteOnSubmit(news);
            dc.SubmitChanges();

            
return RedirectToAction("NewsList");
        }
复制代码

 

六、源码下载

数据库需要自己添加,另外这里的代码为了分步讲解方便,有些重复的地方没有进行优化

源码

本文转自 你听海是不是在笑 博客园博客,原文链接:http://www.cnblogs.com/nuaalfm/archive/2009/10/26/1590064.html   ,如需转载请自行联系原作者

相关文章
|
8天前
|
开发框架 JSON .NET
.Net4.0 Web.config 配置实践
.Net4.0 Web.config 配置实践
|
13天前
|
C# Windows
一款.NET开源、简洁易用的Windows桌面小说阅读应用
一款.NET开源、简洁易用的Windows桌面小说阅读应用
|
15天前
|
开发框架 物联网 测试技术
【专栏】.NET 开发:打造领先应用的基石
【4月更文挑战第29天】本文探讨了.NET开发框架为何成为构建领先应用的首选。高性能与稳定性是.NET的核心优势,它采用先进的技术和优化策略,如.NET Core的轻量级设计和JIT/AOT编译模式。跨平台兼容性让开发者能用相同代码库在不同操作系统上构建应用。现代化的开发体验,如C#语言的创新特性和Visual Studio的强大工具,提升了开发者生产力。丰富的生态系统和广泛支持,包括庞大的开发者社区和微软的持续投入,为.NET提供了坚实后盾。
|
15天前
|
机器学习/深度学习 人工智能 Cloud Native
【专栏】洞察.NET 技术的前沿应用
【4月更文挑战第29天】本文探讨了.NET技术的前沿应用,包括.NET Core的跨平台崛起、云原生及AI/机器学习领域的整合。.NET Core支持多平台运行,开源社区的参与促进了其快速发展和性能优化。Xamarin与.NET MAUI助力跨平台移动应用和统一界面开发,而云原生应用借助.NET Core与Azure云服务得以轻松构建和部署。此外,ML.NET和TensorFlow.NET为.NET开发者提供了机器学习和深度学习工具,推动智能应用和边缘计算的创新。.NET技术正持续演进,引领软件开发新趋势。
|
15天前
|
人工智能 物联网 开发者
【专栏】探究.NET 技术的创新应用
【4月更文挑战第29天】本文探讨了.NET技术的最新进展和创新应用,包括.NET 5及后续版本的统一平台、性能提升、跨平台支持、云集成优化和开源社区的贡献。在创新应用场景中,重点介绍了微服务架构、物联网、AI、游戏开发和移动应用。未来,.NET将持续优化性能,深化云原生应用,集成新兴技术,扩大社区生态,并促进相关教育和培训。开发者应把握.NET技术的潜力,积极参与其发展,创造更多创新软件产品。
|
15天前
|
安全 Linux API
【专栏】.NET 开发:打造卓越应用的秘诀
【4月更文挑战第29天】本文介绍了.NET技术的起源、核心特性和应用场景,揭示了其打造卓越应用的秘诀。自2002年推出,.NET历经发展,现支持跨平台,包括.NET Core和.NET 5。其核心特性包括:跨平台兼容性、面向对象编程、内置安全性和高效性能。丰富的类库、强大的开发工具、简洁的语言语法以及活跃的社区支持,使.NET成为构建高效、安全应用的理想选择。随着技术进步,.NET将持续赋能开发者创造更多可能性。
|
15天前
|
人工智能 安全 API
【专栏】理解 .NET 技术,打造优质应用
【4月更文挑战第29天】本文探讨了如何利用.NET技术构建高质量应用程序,介绍了.NET从2002年发展至今的历程,强调其跨平台能力、高效开发、丰富的类库和API、开源生态及安全性等优势。随着.NET 6的规划,平台将更加统一和跨平台,适应云计算、AI等新兴技术。.NET凭借其特性,成为开发者和企业创新的有力工具,未来将继续扮演重要角色。
|
15天前
|
机器学习/深度学习 自然语言处理 安全
【专栏】.NET 开发:构建智能应用的关键
【4月更文挑战第29天】本文探讨了.NET开发在构建智能应用中的关键作用,强调了其强大的框架、工具集、高效性能和跨平台支持。通过实例展示了.NET在人工智能、物联网及企业级应用中的应用。同时,指出了.NET开发面临的挑战,如技术更新的学习成本、性能优化、资源管理和安全隐私保护,并提出了应对策略。随着技术进步,.NET将在智能应用领域发挥更大作用,推动创新与便利。
|
19天前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
22 0
|
29天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
22 0