w3school mvc学习笔记

最新推荐文章于 2024-08-16 10:13:06 发布
最新推荐文章于 2024-08-16 10:13:06 发布
阅读量150 收藏
点赞数
文章标签： 测试 数据库 javascript ViewUI
原文链接：https://my.oschina.net/u/3141521/blog/1817332
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

ASP.NET 是一个开发框架，用于通过 HTML、CSS、JavaScript 以及服务器脚本来构建网页和网站。

ASP.NET 支持三种开放模式：

Web Pages、MVC (Model View Controller) 以及 Web Forms：

 

MVC 编程模型

MVC 是三个 ASP.NET 开发模型之一。

MVC 是用于构建 web 应用程序的一种框架，使用 MVC (Model View Controller) 设计：

  • Model（模型）表示应用程序核心（比如数据库记录列表）
  • View（视图）对数据（数据库记录）进行显示
  • Controller（控制器）处理输入（写入数据库记录）

MVC 模型同时提供对 HTML、CSS 以及 JavaScript 的完整控制。

MVC 模型通过三个逻辑层来定义 web 应用程序：

  • business layer（业务层、模型逻辑）
  • display layer（显示层、视图逻辑）
  • input control（输入控件、控制器逻辑）

模型（Model）

模型（Model）是应用程序中用于处理应用程序数据逻辑的部分。

通常模型对象在数据库中存取数据。

View（视图）

View（视图）是应用程序中处理数据显示的部分。

通常从模型数据中创建视图。

控制器

控制器是应用程序中处理用户交互的部分。

通常控制器从视图读取数据、控制用户输入，并向模型发送数据数据。

MVC 的这种拆分有助于我们管理复杂的应用程序，因为您能够在同一时间关注一个方面。例如，您可以在不依赖业务逻辑的情况下对视图进行设计。同时对应用程序的设计也更加容易。

MVC 的这种拆分同时也简化了分组开发。不同的开发人员可同时开发视图、控制器逻辑和业务逻辑。

Web Forms vs MVC

MVC 编程模型是与传统的 ASP.NET (Web Forms) 相比更轻量级的替代方案。它是轻量级的高可测试性的框架，同时整合了所有已有的 ASP.NET 特性，比如模板页、安全性和认证。

 

MVC 文件夹

典型的 ASP.NET MVC web 应用程序拥有如下文件夹内容：

应用程序信息

  • Properties
  • 引用

应用程序文件夹

  • App_Data 文件夹
  • Content 文件夹
  • Controllers 文件夹
  • Models 文件夹
  • Scripts 文件夹
  • Views 文件夹

配置文件

  • Global.asax
  • packages.config
  • Web.config

所有 MVC 应用程序中的文件夹名称都是相等的。MVC 框架基于默认的命名。控制器位于 Controllers 文件夹，视图位于 Views 文件夹，模型位于 Models 文件夹。您不必在应用程序代码中使用文件夹名称。

标准化的命名减少了代码量，同时有利于开发者对 MVC 项目的理解。

下面是对每个文件夹内容的简要描述：

App_Data 文件夹

App_Data 文件夹用于存储应用程序数据。

我们将在本教程稍后的章节向 App_Data 文件夹添加 SQL 数据库。

Content 文件夹

Content 文件夹用于静态文件，比如样式表（CSS 文件）、图表和图像。

Visual Web Developer 会自动向 Content 文件夹添加一个 themes 文件夹。这个 themes 文件夹存放 jQuery 样式和图片。在这个项目中，您可以删除这个主题文件夹。

Visual Web Developer 同时向项目添加标准的样式表文件：Content 文件夹中的文件 Site.css。这个样式表文件是您希望改变应用程序样式时需要编辑的文件。

我们将在本教程的下一章中编辑这个样式表文件 (Site.css)。

Controllers 文件夹

Controllers 文件夹包含负责处理用户输入和响应的控制器类。

MVC 要求所有控制器文件的名称以 "Controller" 结尾。

Visual Web Developer 已创建好一个 Home 控制器（用于首页和关于页面）以及一个 Account 控制器（用于登录页面）：

我们将在本教程稍后的章节创建更多控制器。

Models 文件夹

Models 文件夹包含表示应用程序模型的类。模型存有并操作应用程序的数据。

我们将在本教程稍后的章节创建模型（类）。

Views 文件夹

Views 文件夹存有与应用程序的显示相关的 HTML 文件（用户界面）。

Views 文件夹中含有每个控制器对于的一个文件夹。

Visual Web Developer 已创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹（在 Views 文件夹内）。

Account 文件夹包含用于注册并登录用户帐户的页面。

Home 文件夹用于存储诸如首页和关于页之类的应用程序页面。

Shared 文件夹用于存储控制器间分享的视图（模板页和布局页）。

我们将在本教程的下一章编辑这些布局文件。

Scripts 文件夹

Scripts 文件夹存储应用程序的 JavaScript 文件。

默认地，Visual Web Developer 在这个文件夹中放置标准的 MVC、Ajax 以及 jQuery 文件：

注释：文件 "modernizr" 是用于在应用程序中支持 HTML5 和 CSS3 的 JavaScript 文件。

 

添加布局

文件 _Layout.cshtml 表示应用程序中每个页面的布局。它位于 Views 文件夹中的 Shared 文件夹。

打开这个文件，把其内容替换为：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")"></script>
</head>
<body>
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("Movies", "Index", "Movies")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul> 
<section id="main">
@RenderBody()
<p>Copyright W3schools 2012. All Rights Reserved.</p>
</section>
</body>
</html>

HTML 帮助器

在上面的代码中，HTML 帮助器用于修改 HTML 输出：

@Url.Content() - URL 内容在此处插入。

@Html.ActionLink() - HTML 链接在此处插入。

我们将在本教程稍后的章节讲解 HTML 帮助器。

Razor 语法

在上面的代码中，由红色标记的代码是使用 Razor 标记的 C#。

@ViewBag.Title - 在此处插入页面标题。

@RenderBody() - 此处呈现页面内容。

_ViewStart 文件

Shared 文件夹（位于 Views 文件夹内）中的 _ViewStart 文件包含以下内容：

@{Layout = "~/Views/Shared/_Layout.cshtml";}

这段代码被自动添加到由应用程序显示的所有视图。

如果删除该文件，则必须向所有视图添加这段代码。

您将在本教程稍后的章节学到更多有关视图的知识。

Controllers 文件夹

Controllers 文件夹包含负责处理用户输入和响应的控制器类。

MVC 要求所有控制器的名称必须以 "Controller" 结尾。

在我们的例子中，Visual Web Developer 已创建以下文件：HomeController.cs（用于首页和关于页面）和 AccountController.cs （用于登录页面）：

web 服务器通常会将进入的 URL 请求直接映射到服务器上的磁盘文件。例如：某个 URL 请求（比如 "http://www.w3school.com.cn/index.asp"）将映射到服务器根目录上的文件 "index.asp"。

MVC 框架的映射方式有所不同。MVC 将 URL 映射到方法。这些方法在类中被称为“控制器”。

控制器负责处理进入的请求、处理输入、保存数据、并把响应发送回客户端。

 

Views 文件夹

Views 文件夹存储的是与应用程序显示（用户界面）相关的文件（HTML 文件）。根据语言的不同，这些文件的扩展名可能是 html、asp、aspx、cshtml 以及 vbhtml。

Views 文件夹包含每个控制器对应的一个文件夹。

Visual Web Developer 已创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹（在 Views 文件夹内）。

Account 文件夹包含用于注册并登录用户帐户的页面。

Home 文件夹用于存储诸如首页和关于页之类的应用程序页面。

Shared 文件夹用于存储控制器间分享的视图（模板页和布局页）。
 

ASP.NET 文件类型

能够在 Views 文件夹中找到以下 HTML 文件类型：

文件类型扩展名
纯 HTML.htm or .html
经典 ASP.asp
经典 ASP.NET.aspx
ASP.NET Razor C#.cshtml
ASP.NET Razor VB.vbhtml

 

创建数据库

Visual Web Developer 带有免费的 SQL 数据库，名为 SQL Server Compact。

本教程所需的这个数据库能够通过以下几个简单的步骤来创建：

  1. 右键点击解决方案资源管理器中的 App_Data 文件夹
  2. 选择添加，新项目
  3. 选择 SQL Server Compact Local Database *
  4. 把这个数据库命名为 Movies.sdf
  5. 点击添加按钮

* 如果选项中没有 SQL Server Compact Local Database，则表示您尚未在计算机上安装 SQL Server Compact。请通过以下链接安装：SQL Server Compact

添加链接字符串

向 Web.config 文件中的 <connectionStrings> 元素添加如下元素：

<add name="MovieDBContext"
connectionString="Data Source=|DataDirectory|\Movies.sdf"
providerName="System.Data.SqlServerCe.4.0"/>

 

MVC 模型

MVC 模型包含所有应用程序逻辑（业务逻辑、验证逻辑、数据访问逻辑），除了纯视图和控制器逻辑。

通过 MVC，模型可保存并操作应用程序数据。

运行：Install-Package Microsoft.AspNet.Web.Optimization后重新生成项目

添加数据库控制器

本教程所需的数据库控制器能够通过以下几个简单的步骤来创建：

  1. 重建您的项目：选择测试，然后从菜单中选择 Build MvcDemo。
  2. 在解决方案资源管理器中，右键点击 Controllers 文件夹，然后选择添加、控制器。
  3. 把控制器名称设置为 MoviesController
  4. 选择模板：Controller with read/write actions and views, using Entity Framework
  5. 选择模型类：MovieDB (MvcDemo.Models)
  6. 选择 data context 类：MovieDBContext (MvcDemo.Models)
  7. 选择视图 Razor (CSHTML)
  8. 点击添加

Visual Web Developer 将创建如下文件：

  • Controllers 文件夹中的 MoviesController.cs 文件
  • Views 文件夹中的 Movies 文件夹

添加数据库视图

以下文件会被自动地在 Movies 文件夹中创建：

  • Create.cshtml
  • Delete.cshtml
  • Details.cshtml
  • Edit.cshtml
  • Index.cshtml

ASP.NET MVC - 发布网站

1.可以使用IDE自带的发布工。

复制 Web 文件夹

从开发机上把您的网站（所有文件夹和内容）复制到远程主机（服务器）上的应用程序文件夹。

如果 App_Data 文件夹中包含测试数据，请不要复制这个 App_Data 文件夹。

3. 复制 DLL 文件

在远程服务器上的应用程序根目录中创建 bin 文件夹。（如果您已安装帮助器，则 bin 文件夹已经存在）

从您的文件夹中复制以下所有文件：

C:\Program Files (x86)\Microsoft ASP.NET\ASP.NET Web Pages\v1.0\Assemblies

C:\Program Files (x86)\Microsoft ASP.NET\ASP.NET MVC 3\Assemblies

到远程服务器上的 bin 文件夹。

复制 SQL Server Compact DLL 文件

如果您的应用程序使用了 SQL Server Compact 数据库（App_Data 文件夹中的 .sdf 文件），那么您必须复制 SQL Server Compact DLL 文件：

从您的文件夹复制以下所有文件：

C:\Program Files (x86)\Microsoft SQL Server Compact Edition\v4.0\Private

到远程服务器上的 bin 文件夹。

创建或编辑应用程序中的 Web.config 文件：

复制 SQL Server Compact 数据

您的 App_Data 文件夹中有没有包含测试数据的 .sdf 文件？

您是否希望将测试数据发布到远程服务器？

大多数时候是不希望。

如果您不得不复制 SQL 数据文件（sdf 文件），那么您应该删除数据库中的所有数据，然后把这个空的 .sdf 文件从开发机复制到服务器。

 

转载于:https://my.oschina.net/u/3141521/blog/1817332

weixin_34378045
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
c#中创建MVC的步骤
JohnGengWei的博客
12-28 3902
 1 新建项目对话框中： 打开 Visual C# 模板选取模板 ASP.NET MVC 3 Web 应用程序把项目名称设置为 MvcDemo设置磁盘位置，比如 c:\w3school_demo点击确定 当新项目对话框打开时： 选择 Internet Application 模板选择 Razor 引擎选择 HTML5 标记点击确定 2   添加布局（样式：在 Views 文件
W3School(含源码)
10-09
《W3School源码解析与学习指南》 W3School，全球知名的在线Web技术教程平台，为初学者和专业人士提供了丰富的HTML、CSS、JavaScript、PHP、SQL等Web开发语言的学习资源。其源码的开放，为我们深入理解其背后的实现...
【MVC】C# MVC基础知识点、原理以及容器和管道
小5聊的博客
10-06 3083
国庆假期马上结束，闲暇时间，重温一遍C#关于MVC的技术，控制器、视图、模型，知识点和原理，小伙伴们还记得吗
w3schoolWeb全套教程.chm
03-02
w3schoolWeb全套教程.chmw3schoolWeb全套教程.chmw3schoolWeb全套教程.chm
RabbitMQ系列之四 Spring RabbitMQ整合
程序猿的博客
11-15 1841
本文将会详细介绍Spring和RabbitMQ整合，
W3School离线指导.chm
10-11
在 w3school，你可以找到你所需要的所有的网站建设教程。 从基础的 HTML 到 CSS，乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。 从左侧的菜单选择你需要的教程！ 完整的网站技术参考手册 完整的网站技术参考手册 ...
W3School离线手册.rar
06-04
W3School是一个全球知名的在线学习平台，专注于Web技术教育，包括HTML、CSS、JavaScript、SQL、PHP、XML等众多编程语言和相关技术。离线手册包含了这些关键领域的详细指南，让你无需网络连接也能随时学习和查询。 1...
W3School离线手册(2015.01.26)高清完整chm版
01-26
W3School离线手册(2015.01.26) W3School离线手册更新： 该文档为本人于2015年2月26日下午从W3School官网下载整理制作的CHM电子书文档。 1）要是有些人碰到chm打开空白的（因为chm未解锁，通常可以打开chm但显示无法...
w3school离线文档
05-29
【w3school离线文档】是一份非常实用的IT学习资源，它包含了互联网技术的各个方面，特别是对于初学者和开发者来说，是不可或缺的学习工具。在没有网络连接的情况下，这个离线版的文档使得学习和查阅相关知识变得...
No such file or directory: 解决方法
热门推荐
csdndimo的专栏
06-01 4万+
刚刚编译时突然报红No such file or directory: '/Users...，在项目里搜对应文件发现它就静静的在那，没有任何异常，解决方法：删掉TARGETS - Build Phases - Compile Sources 里白框的文件
ASP.NET MVC – 模型
nginxs的博客
08-02 214
为了学习 ASP.NET MVC，我们将构建一个 Internet 应用程序。 部分 7：添加数据模型。 MVC 模型 MVC 模型包含所有应用程序逻辑（业务逻辑、验证逻辑、数据访问逻辑），除了纯视图和控制器逻辑。 通过 MVC，模型可保存并操作应用程序数据。 Models 文件夹 Models 文件夹包含表示应用程序模型的类。 Visual Web Developer
MVC学习笔记
weixin_30877493的博客
12-25 121
MVC——Modle-View-Controller MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制. Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。 View（视图）是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。 Controller（控制器）是应用程序中处理用户交互的部分。通常控制...
php学习----w3school学习中遇到的问题
Fighting..
11-22 1083
1. 在创建一个load.php文件的时候，上传照片出问题了，提示：
Java学习日记（day20）
qq_59031302的博客
08-14 384
MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。最简单的、最经典就是JSP(view) +Servlet(controller) + JavaBean(model)JavaBean：一种规范，表达实体和信息的规范，便于封装重用。什么是JavaBean。
接口自动化-Postman(3)
zxcvbnm_1206的博客
08-12 1128
接口信息需求。
SpringMVC快速入门
bobplease的博客
08-14 1108
文章总结了SpringMVC的使用流程，以及处理请求时的流程和异常处理，拦截器，过滤器以及跨域问题的解决。
Python 如何使用 mock 进行测试
最新发布
Itmastergo的博客
08-16 806
Mock 是一种模拟对象的技术，用于测试中替代真实的对象。通过 Mock 对象，我们可以在测试时完全控制被测代码的外部依赖，而不需要真正的依赖。隔离测试：通过使用 Mock 对象，可以避免测试中真实依赖的干扰，确保测试的稳定性和重复性。提高测试速度：Mock 可以替代一些耗时操作，如数据库查询或 API 调用，从而大幅度提高测试速度。更好的错误模拟：可以通过 Mock 对象来模拟一些异常情况或错误状态，从而测试代码的健壮性和容错性。
Java Spring|day3.SpringBoot
weixin_60364343的博客
08-15 366
告诉Spring boot需要什么功能,它就能引入需要的依赖库起步依赖就是特殊的Maven依赖，利用了传递依赖解析，把常用库聚合在一起，组成几个为特定功能而定制的依赖。
深入学习W3School PHP教程
"w3school PHP教程，包括PHP的介绍、文件类型、功能、优势以及安装方法。" ...学习PHP，你需要具备HTML、CSS和JavaScript的基础...对于初学者，可以从w3school提供的PHP教程开始学习，逐步探索这个强大的服务器端语言。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值