首页 > 软件开发 > ASP >

asp.net mvc 实例demo【1】:创建项目

来源:互联网 2023-03-16 19:07:48 527

asp.net mvc是基于ASP.NET Web应用程序的框架,其将项目分为Model、View和Controller,将各层代码分离,使得项目易于维护,减少项目之间的耦合。相信您一旦用过mvc,就再也不想碰web form(aspx)这类页面了xfc办公区 - 实用经验教程分享!

工具/原料

  • VS2013

方法/步骤

  • 1

    打开Visual Studio,点击菜单【文件】-》【新建】-》【项目】xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 2

    在“新建项目”界面:xfc办公区 - 实用经验教程分享!

    1)选择左侧的【Web】模板xfc办公区 - 实用经验教程分享!

    2)选择右侧的【ASP.NET Web 应用程序】xfc办公区 - 实用经验教程分享!

    3)输入项目名称、选择位置、解决方案名称xfc办公区 - 实用经验教程分享!

    4)点击【确定】按钮,进入下一步界面xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 3

    1)选择【Empty】模板,即创建一个mvc模板的空项目xfc办公区 - 实用经验教程分享!

    2)勾选“为以下对象添加文件夹和核心引用”的【MVC】选项xfc办公区 - 实用经验教程分享!

    3)点击【确定】按钮,进入下一步界面xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 4

    创建完成的空MVC项目结构如图,其中没有任何Controller、Models、Views的具体代码xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 5

    创建Controller:xfc办公区 - 实用经验教程分享!

    1)在【Controller文件夹】上点击鼠标右键xfc办公区 - 实用经验教程分享!

    2)在弹出菜单中选择【添加】xfc办公区 - 实用经验教程分享!

    3)再次弹出菜单中点击【控制器】xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 6

    在【添加支架】界面:xfc办公区 - 实用经验教程分享!

    1)选择【MVC 控制器 - 空】选项xfc办公区 - 实用经验教程分享!

    2)点击【添加】按钮,进入下一步界面xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 7

    在弹出【添加控制器】界面xfc办公区 - 实用经验教程分享!

    1)输入控制器的名称,此处以HomeController为例xfc办公区 - 实用经验教程分享!

    2)点击【添加】按钮,进入下一步界面xfc办公区 - 实用经验教程分享!

    注意:MVC项目的所有Controller文件名都必须以Controller结尾xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 8

    添加视图:xfc办公区 - 实用经验教程分享!

    1)在创建好的HomeController文件的Index Action区域,点击鼠标右键xfc办公区 - 实用经验教程分享!

    2)在弹出菜单中点击【添加视图】选项,进入下一步界面xfc办公区 - 实用经验教程分享!

    注意:创建Controller后,默认都会自动创建一个名为Index的Action处理方法xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 9

    在弹出【添加视图】界面:xfc办公区 - 实用经验教程分享!

    1)视图名称:保持默认,与Controller的Action名称一致,便于代码维护,尽量不要使用不同的名称xfc办公区 - 实用经验教程分享!

    2)不要勾选任何【视图选项】,后续项目需要时,再根据情况勾选xfc办公区 - 实用经验教程分享!

    3)点击【添加】按钮,进入下一步界面xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 10

    创建完成后,在Views文件夹下,会看到Home文件夹,里面包含Index.cshtml文件。xfc办公区 - 实用经验教程分享!

    1)视图的层级默认规则:Views\与Controller名称一致的文件夹名\Controller内Action的名称xfc办公区 - 实用经验教程分享!

    2)所有MVC页面默认都是cshtml结尾的(使用C#语言时)xfc办公区 - 实用经验教程分享!

    3)在Index.cshtml页面中,输入【这是Home Controller的页面】测试文字xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 11

    调试:xfc办公区 - 实用经验教程分享!

    1)鼠标点击项目名,点击工具栏的调试按钮xfc办公区 - 实用经验教程分享!

    2)或者, 鼠标点击项目名,按F5快捷键xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 11该信息未经授权抓取自百度经验
  • 12

    MVC的第一个界面运行效果如图xfc办公区 - 实用经验教程分享!

    asp.net mvc 实例demo【1】:创建项目xfc办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xfc办公区 - 实用经验教程分享!


    标签: asp

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码