下载  >  课程资源  >  .Net  > ASP-NET-MVC3中文版教程

ASP-NET-MVC3中文版教程 评分:

ASP-NET-MVC3中文版教程,比较清晰的版本,mvc基础教程,适合入门新手。
点击确定按钮, Visual Web Developer会为你所创建的AS.MTMC项目提供一个默 认模板,这样的话你就拥有了一个可以立刻运行的应用程序。默认的模板屮提供的是一个很 简单的显示“欢迎使用AsP.TMC!”文字的应用程序,你可以以此作为你的开发起点。 H3mm和 83 一 e影v:《anr -Gniktovesdon Fwdg eiwa bate.st动l主 pable emtnaaslt fades T图tt#装密用A,!? 口图t teigen什 计角 paULie artslsralt品 稀方事备朵的孩东素 号x 图1-4 Visual Web Developer提供了一个默认的应用程序模板 点击“调试”菜单中的“启动调试”菜单项(该菜单项的怏捷键为F5),Ⅵ i sual Web Developer将启动一个内置的服务器,并且在该服务器中打开当前Web应用稈序的主页,如 图1-5所 E:B①的 e王 我的MVc应用程序 】 上 欢画 更使用 ASP. NET MVCE 6心步一计 图1-5 ASP NET MVC3的默认应用程序模板的调试画面 请注意该页面在测宽器中的地址为“htp:// localhost:4423/”。其中“ localhost” 代表了本机上你刚刚创建的Web应用程序的临时网站地址,4423代表了 Visual weh Developer使用的一个随机端口,每次调试的时侯, Visual Web Developer都会使用这个端 口来作为内置服务器的端口号。在各计算机上,该端口号都是不相同的,因为该端口号是 Visual Web Developer随机选择的 在这个模板应用程序的页面的右上角,提供了两个按钮与一个“登录”链接,点击“登 录”链接,页面跳转到登录页面,点击“主页”按钮,页面返回到主页,点击“关于”按钮 页面跳转到“关于”页面。 接下来,让我们开始逐步将这个默认的应用程序修改为我们所要的应用程序,在这个过 程中逐步了解ASP. NET MVC3的有关知识。首先,让我们关闭浏览器并开始代码的修改工作 第二节添加一个控制器 MVC的仝称为 mode l-view- controller(模型-视图控制器)。MVC是一种开发应用程序 的模式,这个模式已经具有了很好的框架架构,并且十分容易维护。使用MVC开发出来的应 用程序一般包括以下几块内容: 控制器( ontroller):控制器类处理客户端向Web应用程序发出的请求,获取数据, 并指定返回给客户端,用来显示处理结果的视图 模型( Model):模型类代表了应用程序的数据,这些数据通常具有一个数据验证 逻辑,用来使得这些数据必须符合业务逻辑。 ●视图(Ⅵiew):视图类是Web应用程序中用来生成并显示H格式的服务器端对客 户端请求的响应结果的模板文件。 在本教程中,将全面介绍这些概念,并且向你展示如何刘用它们来搭建一个应用程序。 首先,让我们来创建一个控制器( controller)类。在解决方案资源管理器中,鼠标右击 ontrollers文件,并且点击添加→>控制器,如图2-1所示 体)级模形Q0调①工①g F题A般 4=:1发建发透 imeCtrtrciees c 举方鉴责留理器 in Sat白y aste yeb. lve 数anPe=且6Le, CantE11 public Erticnkernl HShH兵 从项目中排除B 现有项G2 publie sierre 美 础骇招摩一 重响名凹 性 4t Entar 件两名序 Controllers 图2-1添加控制器 在弹出的“添加控訇器”对话框中,将控制器命名为“ Helloworldcontroller”,然后 点击添加按钮,如图2-2所示。 添加控制器 控制器名称N Hellowor controller 口为“创建、“更靳、“删除”和“详细信言息”方案添加柴作方法D 添加()[取 图2-2命名控制器 观察解决方案资源管理器中新增加了一个文件,名字为 Helloworldcontroller.cs,并 且该文件呈打开状态,如图2-3所示。 HYc Moyn- M icrosoft Visual Hob Dove loper2010学习版 文件()细电1目需试④据工只①口的 甲恐A般副 以4,M=2发相创发布说置 Haller.ee x Hema Canceller 理器 espace cowie. Controlers Mye Morie p⊥e已⊥gHe114每er1在ontr11rt工n01e 通用 仰Da GET:/Re11a蓄6r1d e Controllers public Actionkesult Inter( Homecontrollece return”⊥ew自 稀夫方来础资 100% x Hello Wor COntrollers文房= 出来 12|43| 自发工具 自工具命是 生成作'译 复害出目不复割 图2-3控制器代码 修改打开的 Helloforldconlroller.cs文件,在 Helloworldcor troller类中,创建如 代码清单2-1中所示的两个方法,控制器将返回一个HML格式的字符串。 代码2-1控制器中创建方法 public class Hello WorldController: Controller ∥GET:/ Helloworld public string Index rchm"这是我的<h>默认<h> action." I GET: Hello world/welcome public string WelComeD retun"这是我的 Welcome方法.! 在这个修改后的 He lloWorldContro1ler控器中,第个方法名为 Index。现在让我 们从浏览器中调用该方法。运行应用稈序(按F5键或Ctr1F5键),在打开的浏览器中的地 址栏后面,添加“ Helloworld”路径(譬如,在我的计算机上,浏览器中地址为 http://localhost:4423/helloworld)画面显示如图2-4所示。由于在Index方法中,直 接返回了一个ⅢIML格式的字符串,所以在浏览器中将该字符串显示出来。 Chttp://localhost:4423/helloWorld/-windowsInternetExplorer 包回囡 ahttp://localhast442/helloworld/ +x Live Search 7儿)漏集)表示40y儿①AB ☆余/4帖,,心B,少一从 这是我的默认 acton -表示求走 自个女一来外卜 生100% 图2-4 He I loWor I dControl ler控制器中 Index方法的运行结果 在ASP. NET MVC中,可以根据浏览器中的输入地址来调用不司的控制器或控制七种不同 的方法。ASP.NTMC的默认的玦射逻辑使用如下所示的格式米决定应该调用什么控制器或 控制器中的什么方法。 /[Controller/LAction]/pArameters URL地址的第一部分决定调用哪个控制器类,所以“/Hc1 ewOrld”映射到 llelloWorlacontroller控制器类。第二部分决定调用控制器中的哪个方法。所以 / Helloworld/ Index”将会调用 Helloworldcontroller控制器类的 Index方法。白于 Index方法是控制器类的默认方法(可以另外指定控制器类的默认方法),所以也可只输入 “/He1 LoWor1d”来调用该方法。 在浏览器的地址栏中,输入httplocalhostxxxx/heLloWorld/welcome将会调用 Helloworldcontroller控制器类的 Welcome方法,该方法返回“这是我的 Welcome方法..”文 字,所以浏览器中显示该文字,如图25所示。 Chttp://localhest4423/helloWorld/welcoMe-wndowsInternetExplorer 7y儿编集)表示方学八79 会46h/h42收个钟e 坐·园·根·合代一·岁一儿@· 这是我的 Welcom方法 图2-5 Hel loWor cOntroller控制器中 We come方法的运行结果 接下来,让我们修改 Welcome方法,以便在URL地址栏中可以传递一些参数给该方法 (例如:/ Hello World/ Welcome?name=Scot! numtimes=4)。修改后的代妈如下所示。注意这 里我们使用了C的可选参数,当URI地址中没有使用 runtimes参数时,该参数被默认设 定为1。 public string Welcome(string name, int numTimes-1) return Httputility. Htmlencode( helLo + name+, numtimes is:+ numtimes) 运行该应用程序,在浏览器中输入"htp:/ ocalhost xxxx/Hello World/ Welcome? name=Scot! runtimes=4”,运行结果显示如图26所示。浏览器自动将URL地址栏中的参 数映射成 Welcome方法中的传入参数。 Chip: //localhost A423/Hello World/Welcome ?name=Scott&numtimeg4- Windons Internet Explorer 7地瑞集②表示位志知C人少一儿①A a 4ehtt://oates:4423/HelloworHd/welcome'home-s ·8···这代5P· Helo Scott NtmTimes is:4 一9丧示机决态 6不一来外 专100 图2-6在 Welcome方法中使用参数 到现在为止,我们展示了MVC中的“v”(视图与控制器冫部分的工作机制,控制 器返回HTML字符串。很显然大多数情况下你不想让控制器直接返回HTML字符串,因为 那样的话编码起米就太床烦了。所以我们需要使用不同的视图模板文件米帮助生成HIML 格式的贞文件,在下一节中让我们来看一下如何在 ASPNET MVC3中使用视图。 第三节添加一个视图 3.1添加一个视图 在本节中我们修改 Hello worldcontrollet类,以便使用视图来向客户端展示HTML格式 的响应结果。 我们使用 ASP NET MVC3中新增的Raor视图引擎来创建视图。 Razor视图模板文件 的后缀名为 chtml它提供了一种简洁的方式来创建HTML输出流。 Razor视图大大减少了 在书写视图模板文件时所需要输入的字符,提供了一个最快捷,最简便的编码方式。 这里,我们在 Hello world controller类的 Index方法中添加使用一个视图。在修改前的 Index方法中返回一个字符串,我们修改这个方法来使它返回一个视图,代码如下所示。 public ActiorReault Index( ≌ eturn view() 这段代码表示 Index方法使用一个视图模板来在浏览器中生成HTML格式的页面文件 接着,让我们来添加一个 Index方法所使用的视图模板。在 Index方法中点击鼠标右键,然 后点击“添加视图”,将会弹出个“添加视图”对话框。 mivit-Micrazott vi at wah Dawn loper00字习 窗: 科方案理码 Miehrecariyokes Helkekekcoreobe b0叫CO 四h1Ec】Bld41n1ax: Ciruit o2: /HeLford Hatter raum JID 物呢型 Ca Noda 敌地吧 Ca scot R=11a1算吗 1nB(二注速四 tB3in2酸电 Erik Ctr buntIng) 4.代单 稀方需济 F12 :2 唔死都 示出界 切① 图3-1添加视图 添加视图 视围引擎( RacurOSHTML) □创建强类型视臣⑤ 模型类(D 支架模板 回号本军② □创建为分部视图) 回使用布局或母版页D 如果在 Razor view start文件中设置了此选项,则留空) ContentPlaceHclder ID() 加肖 图3-2添加视图对话框 在该对语框中,不做任何修改,直接点击添加按钮,观察鏗决方案资源管理器中,在 MveMovie项目下的 views文件夹下创建了一个 Helloworld文件夹,并且在该文件夹中创建 了一个 Index chtml文件,同时该文件呈打开状态,如图33所示。 MEM-M0301 Uisual Weh Deve/nper2010学习版 文件化编函00项园调试②数工①密口期 到 HM1:的e indoxcsntml Hel rafer cr* Homeccntrolkrs 稀决方案出率讼理器 直ea, Title="ndex" 用 C)Ao Data ch2>Esda/12> aMoment Q中量 H-btridgontollrcr a Accont 司解庚方家”提库资摩 Inde chiM文抖生 量来慧俊 日定义工具 白定工具 生作 复车脂出目罗不复刨 huE 高 图3-3视图模板文件被创建并呈打开状态 让我们在该文件中追加一些文字,代码如代码清单3-1所示。 代码3-1 Index. cshtm|视图模板文件 viewBag.it1e="首页"; <h2>首页</h2> <p>这是我的第一个视图模板</p> 运行应用程序,输入地址"htp:/ localhost: xxxX/Hello world。由于在ndex方法中并没有 做任何事情,只是简单地一行代码“ retum view0”,该行代码表示我们使用一个视图模板文件 米在浏览器中展示响应结果。因为我们并没有显式指定使用哪个视图模板文件,所以使用了 默认的Ⅴiews文件夹下的 Hello world文件夹下的 Index. cshtm视图模板文件。该视图樸板文 件中只有简单的两行文字,在浏览器中的显示结果如图3-4所示。 首页 Windows internet Explorer ehp/ kcalhogt442/他e 71儿但霾但类示①b知3(?①A≠ e首页 我的Mvc应用程序 主贝 关于 首页 这是物第一个视核板 一少苏表示芯 100% 图3-4在浏览器中显示视图 看上士还不错,但是请注意,该网页的标题为“首页”,但是网页中的大标题文字却为我 的MVC应用程序,需要修改一下。 3.2修改视图一修改应用程序的页面布局 首先,让我们修改页面大标题中的“我的MVC应用程序”文字。这段文字是所有页面中 的公共大标题,在这个应用程序中,虽然所有页面中都显示了这个共同的大标题,但只有 处地方对其走行了设置。打开解决方案资源管理器中iews文件夹下的 Shared文件夹下的 Layout. chtml文件。该文件被称为布局页面,位于公有文件夹 Shared下,被所有其他网页 所共用。

...展开详情
2018-05-22 上传 大小:10.21MB
举报 收藏
分享

评论 下载该资源后可以进行评论 共1条

xuxu8412 写得很好!!
2019-03-19
回复