【ASP.NET】Webform与MVC开发比较

简介:
    去年暑假开始,跟着一个项目,开始接触到了MVC,那时候,自己对Webform的开发还没有在项目中真正实践过,没有什么过渡,就跳跃到MVC开发下了。而最近,在维护的一个项目中,并没有使用MVC开发,用的是Webform开发。 这两次经历的结合,引发了我对本篇博客标题的思考,即Webform与MVC开发比较。
    【Webform下的开发】
     通过这次对ASP.NET Webform的重用,我发现它更接近可视化设计,换句话说,我只需要从设计面板中拖拽控件即可完成用户界面设计,接着在behind code中实现逻辑代码即可完成最后的Web页面功能。
    下面便是我新增加的一个页面,在程序设计中我便可以看到:

    当前台新增了一个按钮时,后台代码中便生成一个button对象,我只需要在按钮的点击事件中实现事件响应代码即可。
    利用Webform开发,*.aspx文件负责前台页面布局的设计,*.aspx.cs文件是一系列事件响应代码。
    部分SuggestionResult.aspx文件代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SuggestionResult.aspx.cs" Inherits="WEB.survey.SuggestionResult" %> 
 
 <div class="search block">
        <div class="h">
            <span class="icon-sprite icon-list"></span>
            <h3>
                查询问卷结果</h3>
            <div class="bar">
            </div>
        </div>
        <div class="tl corner">
        </div>
        <div class="tr corner">
        </div>
        <div class="bl corner">
        </div>
        <div class="br corner">
        </div> 
 </div> 
    部分 SuggestionResult.aspx.cs文件代码:
namespace WEB.survey
{
    public partial class SuggestionResult : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //页面第一次加载时
            //领导登陆成功,判断领导是否登陆成功
            if (Session["UserID"] != null)
            {
                //绑定学院信息
                BindData();
            }
            else
            {
                //Session中没有此用户,跳转到登陆界面,让领导重新登陆系统
                Response.Redirect("../AdminLogin.aspx");
            }
        } 
} 
    【MVC下的开发】
    以最近一直在学习的ITOO项目来说,前台用的便是MVC。
    下面是前台的一个页面,我们在项目中并不能查看到它的设计布局:   

    利用MVC开发,View下的*.cshtml文件是负责前台页面布局,而Controller下的*.cs文件是对应的逻辑代码。
    部分Student下的Index.cshtml文件代码:
@using Microsoft.CSharp;
@{
    ViewBag.Title = "学籍维护";
    Layout = "~/Views/Shared/EasyUILayout.cshtml";
} 
 <div id="a">
        <input id="txtSearch" onkeyup="AutoSuggest(this, event, document.getElementById('urllink').value);" value="学号/姓名/性别/班级" class="gray" onclick="    if (this.value == '学号/姓名/性别/班级') { this.value = ''; this.className = 'black' }" onblur="    if (this.value == '') { this.value = '学号/姓名/性别/班级'; this.className = 'gray' }" style="width: 300px; height: 25px; margin-bottom: 30px;" autocomplete="off" onkeydown="    if (event.keyCode == 13) { doSearch(); }" />
        
        <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search' ,plain:true"  onclick="doSearch()">查询</a>
        <input type="hidden" name="toDate" value="toDate" id="toDate" />
        <input id="urllink" type="hidden" value="/Student/GetResults" />
        <div id="auto" style="position: absolute; z-index: 99; width: 300px; display: none; border: 1px solid #817F82; background-color: #FFFFFF;">
        </div>
    </div> 
    部分StudentController.cs文件下的代码:
namespace ITOO.BasicStudentClient.Controllers
{
    public class StudentController : Controller
    {
        IBasicStudentService studentService = ServiceFactory.GetStudentInfosService();
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult StudentInfo()
        {
            return View();
        } 
    }
} 
    清楚了两种开发的浅层次的布局后,下面我们就进入一些深层次的比较。
    【Webform与MVC的较量】
    (1)运行机制
    可以说,Webform下的开发是一种基于视图的设计方案,当用户发出请求后,先访问视图页面"*.aspx",后台逻辑代码在"*.aspx.cs"中,页面生命周期中会将页面的结果返回给用户。
          

    如果利用MVC的思想,一种基于用户交互行为的方案,那么请求的流程便是如下所示:
          
    (2)耦合关系
    Webform下的开发,*.aspx和*.aspx.cs两个文件是紧紧捆在一起的,我们很难将其分离,也很难服用,这样便导致系统的耦合度很高了。
    MVC下的开发,我们可以将请求先通过Action,而不是直接通过View,action得到的数据再由控制器决定由哪个view展示,
          
    所以,我们可以很方便地控制由哪一个页面进行展示,代码如下:
public ActionResult Index(string DeviceType)
{
           if (viewType == "Mobile")
            {
                return View("MobileView");
            }
            else
            {
                return View("NormalView");
            }
}
    (3)返回类型
    Webform开发下,由于视图view和后台代码behind code紧密耦合在一起,所以默认的返回类型就固定了,都是HTML类型。如果想改变类型就必须设置Content-type和调用Response.End方法。
    MVC开发下, 如果我们创建一个Action,返回的类型由Action中指定,系统就可以在同一个action中根据不同条件输出不同的返回类型。代码如下:
public ActionResult Index(string viewType)
{
            if (viewType == "JSON")
            {
                return Json(new Customer(), JsonRequestBehavior.AllowGet);
            }
            else
            {
                return View("DisplayCustomer", new Customer());
            }
}
    其实,这两者还有很多的不同,这里也就不再一一列举了。
    【Webform与MVC的并存】
    从上面三点看来,更倾向于发现MVC开发下的优点了,然而,这也并不代表Webform技术应该被淘汰了。ASP.NET MVC框架只是给开发者提供了开发Web应用程序的一种选择,并不是要取代Webform,这两种技术各有优缺点,开发者需要根据实际情况,选择对应的技术,有时候,也可以在同一项目中混合使用这两种技术。
    【学习心得】
    这篇博客的内容,参考了 很多别人写的文章,博客,因为很多东西自己并没有在两种开发环境下都实践过,所以自己的体会也不是特别深刻。
    最近 ,通过一个项目的维护,自己对ASP.NET Webform开发更加深刻熟悉了,便有了将两者比较的想法。有了实践的经验,比较之后,自己对两种开发框架还是又多了一些了解的。

目录
相关文章
|
2天前
|
开发框架 JavaScript 前端开发
分享7个.NET开源、功能强大的快速开发框架
分享7个.NET开源、功能强大的快速开发框架
|
9天前
|
开发框架 .NET C#
使用C#进行.NET框架开发:深入探索与实战
【5月更文挑战第28天】本文探讨了C#在.NET框架中的应用,展示了其作为强大编程语言的特性,如类型安全、面向对象编程。C#与.NET框架的结合,提供了一站式的开发环境,支持跨平台应用。文中介绍了C#的基础知识,如数据类型、控制结构和面向对象编程,以及.NET的关键技术,包括LINQ、ASP.NET和WPF。通过一个实战案例,展示了如何使用C#和ASP.NET开发Web应用,包括项目创建、数据库设计、模型和控制器编写,以及视图和路由配置。本文旨在揭示C#在.NET开发中的深度和广度,激发开发者探索更多可能性。
|
22天前
|
人工智能 量子技术 C#
【专栏】.NET 开发:开启数字化新时代
【4月更文挑战第29天】.NET开发在数字化新时代中发挥关键作用,借助跨平台能力、高性能和现代编程语言支持,如C#,助力企业实现数字化转型。通过企业级应用开发、移动应用和云计算集成,.NET加速业务流程和提升用户体验。未来,.NET将涉足AI、ML、MR/AR及量子计算,持续推动技术创新和数字化转型。开发者应提升技能,适应高性能需求,把握发展机遇。
|
22天前
|
缓存 监控 算法
【专栏】.NET 开发:实现卓越性能的途径
【4月更文挑战第29天】本文探讨了.NET开发中的性能优化,强调了理解性能问题根源和使用分析工具的重要性。基础优化包括代码优化(如减少计算、避免内存泄漏)、资源管理及选择合适算法。高级策略涉及并行编程、缓存策略、预编译(AOT)和微服务架构。持续性能测试与监控是关键,包括性能测试、监控分析和建立优化反馈循环。开发者应持续学习和实践性能优化,以构建高性能应用。
|
22天前
|
开发框架 .NET C#
【专栏】理解.NET 技术,提升开发水平
【4月更文挑战第29天】本文介绍了.NET技术的核心概念和应用,包括其跨平台能力、性能优化、现代编程语言支持及Web开发等特性。文章强调了深入学习.NET技术、关注社区动态、实践经验及学习现代编程理念对提升开发水平的重要性。通过这些,开发者能更好地利用.NET构建高效、可维护的多平台应用。
|
22天前
|
机器学习/深度学习 vr&ar 开发者
【专栏】.NET 技术:引领开发新方向
【4月更文挑战第29天】本文探讨了.NET技术如何引领软件开发新方向,主要体现在三方面:1) 作为跨平台开发的先锋,.NET Core支持多操作系统和移动设备,借助.NET MAUI创建统一UI,适应物联网需求;2) 提升性能和开发者生产力,采用先进技术和优化策略,同时更新C#语言特性,提高代码效率和可维护性;3) 支持现代化应用架构,包括微服务、容器化,集成Kubernetes和ASP.NET Core,保障安全性。此外,.NET还不断探索AI、ML和AR/VR技术,为软件开发带来更多创新可能。
|
22天前
|
物联网 vr&ar 开发者
【专栏】.NET 技术:为开发注入活力
【4月更文挑战第29天】本文探讨了.NET技术的创新,主要体现在三个方面:1) .NET Core实现跨平台开发革命,支持多种操作系统和硬件,如.NET MAUI用于多平台UI;2) 性能提升与生产力飞跃,C#新特性简化编程,JIT和AOT优化提升性能,Roslyn提供代码分析工具;3) 引领现代化应用架构,支持微服务、容器化,内置安全机制。未来,.NET 7将带来更多新特性和前沿技术整合,如量子计算、AI,持续推动软件开发创新。开发者掌握.NET技术将赢得竞争优势。
|
22天前
|
人工智能 前端开发 Cloud Native
【专栏】洞察.NET 技术的开发趋势
【4月更文挑战第29天】本文探讨了.NET技术的三大发展趋势:1) 跨平台与云原生技术融合,通过.NET Core支持轻量级、高性能应用,适应云计算和微服务;2) 人工智能与机器学习的集成,如ML.NET框架,使开发者能用C#构建AI模型;3) 引入现代化前端开发技术,如Blazor,实现前后端一致性。随着.NET 8等新版本的发布,期待更多创新技术如量子计算、AR/VR的融合,.NET将持续推动软件开发的创新与进步。
|
22天前
|
开发框架 物联网 测试技术
【专栏】.NET 开发:打造领先应用的基石
【4月更文挑战第29天】本文探讨了.NET开发框架为何成为构建领先应用的首选。高性能与稳定性是.NET的核心优势,它采用先进的技术和优化策略,如.NET Core的轻量级设计和JIT/AOT编译模式。跨平台兼容性让开发者能用相同代码库在不同操作系统上构建应用。现代化的开发体验,如C#语言的创新特性和Visual Studio的强大工具,提升了开发者生产力。丰富的生态系统和广泛支持,包括庞大的开发者社区和微软的持续投入,为.NET提供了坚实后盾。
|
22天前
|
人工智能 前端开发 Devops
【专栏】洞察.NET 技术在现代开发中的作用
【4月更文挑战第29天】本文探讨了.NET技术在现代软件开发中的核心价值、应用及挑战。.NET提供语言统一性与多样性,强大的Visual Studio工具,丰富的类库,跨平台能力及活跃的开发者社区。实际应用包括企业级应用、Web、移动、云服务和游戏开发。未来面临性能优化、容器化、AI集成等挑战,需持续创新。开发者应深入理解.NET,把握技术趋势,参与社区,共创美好未来。