asp.net入门教程,asp.net怎么创建一个简单的首页,首页和母版页有什么区别

编辑:星座之旅 浏览量:

首页和母版页要区分开,两个不能一概而论,首页是一个网站的主界面,而母版页是为了保证页面风格的统一性而创建的,母版页不能单独打开,必须要有网页去引用才能打开。


如果有什么问题可以追问,如果认为我的回答有什么错误还望能不吝指出来!

第二章:ASP.NET MVC-控制器—视图—SQL 数据库-模型

ASP.NET MVC - 控制器


为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

第 4 部分:添加控制器。


Controllers 文件夹

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

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

在我们的实例中,Visual Web Developer 已经创建好了以下文件: HomeController.cs(用于 Home 页面和 About 页面)和AccountController.cs (用于登录页面):


asp.net怎么创建一个简单的首页,首页和母版页有什么区别

Web 服务器通常会将进入的 URL 请求直接映射到服务器上的磁盘文件。例如:URL 请求 "
http://www.w3cschool.cc/index.php" 将直接映射到服务器根目录上的文件 "index.php"。

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

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


Home 控制器

在我们应用程序中的控制器文件HomeController.cs,定义了两个控件 IndexAbout

把 HomeController.cs 文件的内容替换成:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Mvc;

namespace MvcDemo.Controllers

{

public class HomeController : Controller

{

public ActionResult Index()

{return View();}

public ActionResult About()

{return View();}

}

}


Controller 视图

Views 文件夹中的文件 Index.cshtmlAbout.cshtml 定义了控制器中的 ActionResult 视图 Index() 和 About()。

ASP.NET MVC - 视图


为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

第 5 部分:添加用于显示应用程序的视图。


Views 文件夹

Views 文件夹存储的是与应用程序显示(用户界面)相关的文件(HTML 文件)。根据所采用的语言内容,这些文件可能扩展名可能是 html、asp、aspx、cshtml 和 vbhtml。

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

在 Views 文件夹中,Visual Web Developer 已经创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹。

Account 文件夹包含用于用户账号注册和登录的页面。

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

Shared 文件夹用于存储控制器间分享的视图(母版页和布局页)。


asp.net怎么创建一个简单的首页,首页和母版页有什么区别


ASP.NET 文件类型

在 Views 文件夹中可以看到以下 HTML 文件类型:

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

Index 文件

文件 Index.cshtml 表示应用程序的 Home 页面。它是应用程序的默认文件(首页文件)。

在文件中写入以下内容:

@{ViewBag.Title = "Home Page";}

lt;h1gt;Welcome to W3CSchool.cclt;/h1gt;

lt;pgt;Put Home Page content herelt;/pgt;


About 文件

文件 About.cshtml 表示应用程序的 About 页面。

在文件中写入以下内容:

@{ViewBag.Title = "About Us";}

lt;h1gt;About Uslt;/h1gt;

lt;pgt;Put About Us content herelt;/pgt;


运行应用程序

选择 Debug,从 Visual Web Developer 菜单中启动调试 Start Debugging(或者按 F5)。

您的应用程序将显示如下:


asp.net怎么创建一个简单的首页,首页和母版页有什么区别

点击 "Home" 标签页和 "About" 标签页,看看它是如何运作的。


祝贺您

祝贺您。您已经创建好了您的第一个 MVC 应用程序。

注释:您暂时还不能点击 "Movies" 标签页。我们将在本教程的后面章节中为 "Movies" 标签页添加代码。

ASP.NET MVC - SQL 数据库


为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

第 6 部分:添加数据库。


创建数据库

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

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

  • 右击 Solution Explorer 窗口中的 App_Data 文件夹

  • 选择 Add, New Item

  • 选择 SQL Server Compact Local Database *

  • 将数据库命名为 Movies.sdf

  • 点击 Add 按钮

* 如果选项中没有 SQL Server Compact Local Database,则说明您尚未在计算机上安装 SQL Server Compac。请通过以下链接进行安装:SQL Server Compact

Visual Web Developer 会自动在 App_Data 文件夹中创建该数据库。

注释:在本教程中,需要您掌握一些关于 SQL 数据库的基础知识。如果您想先学习这个主题,请访问我们的 SQL 教程。


添加数据库表

双击 App_Data 文件夹中的 Movies.sdf 文件,将打开 Database Explorer 窗口。

如需在数据库中创建一个新的表,请右击 Tables 文件夹,然后选择 Create Table

创建如下的列:

类型是否允许为 Null
IDint (primary key)No
Titlenvarchar(100)No
Directornvarchar(100)No
DatedatetimeNo

对列的解释:

ID 是用于标识表中每条记录的整数(全数字)。

Title 是 100 个字符长度的文本列,用于存储影片的名称。

Director 是 100 个字符长度的文本列,用于存储导演的名字。

Date 是日期列,用于存储影片的发布日期。

在创建好上述列之后,您必须将 ID 列设置为表的主键(记录标识符)。要做到这点,请点击列名(ID),并选择 Primary Key。在 Column Properties 窗口中,设置 Identity 属性为 True


asp.net怎么创建一个简单的首页,首页和母版页有什么区别

当您创建好表列后,保存表并命名为 MovieDBs

注释:

我们特意把表命名为 "MovieDBs"(以 s 结尾)。在下一章中,您将看到用于数据模型的 "MovieDB"。这看起来有点奇怪,不过这种命名惯例能确保控制器连接上数据库表,您必须这么使用。


添加数据库记录

您可以使用 Visual Web Developer 向 movie 数据库中添加一些测试记录。

双击 App_Data 文件夹中的 Movies.sdf 文件。

右击 Database Explorer 窗口中的 MovieDBs 表,并选择 Show Table Data

添加一些记录:

IDTitleDirectorDate
1PsychoAlfred Hitchcock01.01.1960
2La Dolce VitaFederico Fellini01.01.1960

注释:ID 列会自动更新,您可以不用编辑它。


添加连接字符串

向您的 Web.config 文件中的 lt;connectionStringsgt; 元素添加如下元素:

lt;add name="MovieDBContext"

connectionString="Data Source=|DataDirectory|Movies.sdf"

providerName="System.Data.SqlServerCe.4.0"/gt;

ASP.NET MVC - 模型


为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

第 7 部分:添加数据模型。


MVC 模型

MVC 模型包含了除纯视图和控制器逻辑以外的其他所有应用程序逻辑(业务逻辑、验证逻辑、数据访问逻辑)。

通过 MVC,模型可以控制并操作应用程序数据。


Models 文件夹

Models 文件夹包含表示应用程序模型的类。

Visual Web Developer 自动创建一个 AccountModels.cs 文件,该文件包含用于应用程序安全的模型。

AccountModels 包含 LogOnModelChangePasswordModelRegisterModel


添加数据库模型

本教程所需的数据库模型可以通过以下几个简单的步骤来创建:

  • Solution Explorer窗口中,右击 Models 文件夹,并选择 AddClass

  • 将类命名为 MovieDB.cs,然后点击 Add

  • 编辑这个类:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Data.Entity;

namespace MvcDemo.Models

{

public class MovieDB

{

public int ID { get; set; }

public string Title { get; set; }

public string Director { get; set; }

public DateTime Date { get; set; }

}

public class MovieDBContext : DbContext

{

public DbSetlt;MovieDBgt; Movies { get; set; }

}

}

注释:

我们特意把模型命名为 "MovieDB"。在上一章中,您已经看到用于数据库表的 "MovieDBs"(以 s 结尾)。这看起来有点奇怪,不过这种命名惯例能确保模型连接上数据库表,您必须这么使用。


添加数据库控制器

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

  • 重建您的项目:选择 Debug,然后从菜单中选择 Build MvcDemo

  • 在 Solution Explorer(解决方案资源管理器)中,右击 Controllers 文件夹,选择 AddController

  • 设置控制器名称为 MoviesController

  • 选择模板:Controller with read/write actions and views, using Entity Framework

  • 选择模型类:MovieDB (MvcDemo.Models)

  • 选择 data context 类:MovieDBContext (MvcDemo.Models)

  • 选择视图 Razor (CSHTML)

  • 点击 Add

Visual Web Developer 将创建以下文件:

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

  • Views 文件夹中的 Movies 文件夹


添加数据库视图

在 Movies 文件夹中,会自动创建以下文件:

  • Create.cshtml

  • Delete.cshtml

  • Details.cshtml

  • Edit.cshtml

  • Index.cshtml


祝贺您

祝贺您。您已经向应用程序添加了您的第一个 MVC 数据模型。

现在您可以点击 "Movies" 标签页了。

版权声明:本文内容由互联网用户( admin )自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至378231957@qq.com举报,一经查实,本站将立刻删除。合作:zyjvip666888