- 1、ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
- 2、三种开发模式
- 1. Web Pages(Web页面) 单页面模式
- 2. MVC(Model View Controller) 模型-视图-控制器模式
- 3. Web Forms(Web窗口) 事件驱动模式 - 3、…
一、Web Pages
- 1.实例 C# 和 VB -》 传送门
- 1.获取并展示日期和时间
@DateTime.Now - 2.复用页部和页尾
- 1.VB
@RenderPage(“header.vbhtml”)
@RenderPage(“footer.vbhtml”) - 2.C#
@RenderPage(“header.cshtml”)
@RenderPage(“footer.cshtml”)
- 1.VB
- …
- 1.获取并展示日期和时间
- 2.ASP.NET 类参考手册 -》 传送门
- 3.WebMatrix介绍
- WebMatrix 是一个简单但功能强大的,由微软专门为 Web Pages 量身定做的,免费的 ASP.NET 开发工具。
- WebMatrix 包含:
- Web Pages 实例和模板
- 一种 Web 服务器语言(VB 或者 C# 的 Razor 服务器标记语法)
- 一种 Web 服务器(IIS Express)
- 一种数据库服务器(SQL Server Compact)
- 一个完整的 Web 开发框架(ASP.NET)
- 注:通过使用 WebMatrix ,您可以从一个空的网站和一个空白页面开始开发,或者您也可以使用"Web 应用程序库"中的开源应用程序进行二次开发。
- 4.Razor介绍 -》 传送门
- Razor 是一种将基于服务器的代码添加到网页中的标记语法
- Razor 具有传统 ASP.NET 标记的功能,但更容易使用并且更容易学习
- Razor 是一种服务器端标记语法,与 ASP 和 PHP 很像
- Razor 支持 C# 和 Visual Basic 编程语言
- 1.Razor C# 语法规则
- Razor 代码块包含在 @{ … } 中
- 内联表达式(变量和函数)以 @ 开头
- 代码语句用分号结束
- 变量使用 var 关键字声明
- 字符串用引号括起来
- C# 代码区分大小写
- C# 文件的扩展名是 .cshtml
- 2.Razor VB 语法规则
- Razor 代码块包含在 @Code … End Code 中
- 内联表达式(变量和函数)以 @ 开头
- 变量使用 Dim 关键字声明
- 字符串用引号括起来
- VB 代码不区分大小写
- VB 文件的扩展名是 .vbhtml
- 5.页面布局
- 1.Content Blocks(内容块):@RenderPage(“header.cshtml”)
- 2.Layout Page(布局页): @RenderBody()、@{Layout=“Layout.cshtml”;}
- 3.防止文件被浏览:在 ASP.NET 中,文件的名称以下划线开头,可以防止这些文件在网上被浏览。如果您不想让您的内容块或者布局页被您的用户看到,可以重命名这些文件:_header.cshtm、_footer.cshtml、_Layout.cshtml
- 6.隐藏敏感信息
- 在 ASP.NET 中,隐藏敏感信息(数据库密码、电子邮件密码等等)最通用的方法是将这些信息保存在一个名为"_AppStart"的单独的文件中。
- 7.文件夹介绍
- 1.逻辑文件夹结构
- Account 文件夹包含登录和安全文件
- App_Data 文件夹包含数据库和数据文件
- Images 文件夹包含图片
- Scripts 文件夹包含浏览器脚本
- Shared 文件夹包含公共的文件(比如布局和样式文件)
- 1.逻辑文件夹结构
- 8.物理文件夹结构
- C:\Documents\MyWebSites\Demo\Images
- 9.虚拟名称和物理名称
- 1.网站图片的虚拟名称可能是"Images/pic31.jpg"。
- 2.对应的物理名称是"C:\Documents\MyWebSites\Demo\Images\pic31.jpg"。
- 10.URL 和路径
- 文件夹路径有 3 种工具:~ 运算符、Server.MapPath 方法 和 Href 方法。
- ~ 运算符
- 站点迁移到其他不同的文件夹或者位置时,无需修改任何代码。
- var myImagesFolder = “~/images”;
- var myStyleSheet = “~/styles/StyleSheet.css”;
- Server.MapPath 方法
- Server.MapPath 方法将虚拟路径(/index.html)转换成服务器能理解的物理路径(C:\Documents\MyWebSites\Demo\default.html)。
- var pathName = “~/dataFile.txt”;
- var fileName = Server.MapPath(pathName);
- Href 方法
- 将代码中的使用的路径转换成浏览器可以理解的路径(浏览器无法理解 ~ 运算符)。
@{var myStyleSheet = "~/Shared/Site.css";}
<link rel="stylesheet" type="text/css" href="@Href(myStyleSheet)" />
<link rel="stylesheet" type="text/css" href="/Shared/Site.css" />
二、MVC
-
Model(模型)表示应用程序核心(比如数据库记录列表)。
-
View(视图)显示数据(数据库记录)。
-
Controller(控制器)处理输入(写入数据库记录)
-
1.创建项目
- 1.文件 -》 新建 -》 项目 -》Visual C# -》 ASP.NET MVC 4 Web 应用程序
- 2.设置项目名称为 MVCApplicationDemo1 -》 设置磁盘位置,比如 E:.NETProjects\ -》 点击 OK
- 3.选择 Internet Application 模板 -》 选择 Razor Engine(Razor 引擎) -》 选择 HTML5 Markup(HTML5 标记) -》 点击 OK
-
2.项目结构介绍
- 1.应用程序信息:Properties、References
- 2.应用程序文件夹:App_Data、Content 、Controllers、Models、Scripts、Views
- 3.配置文件:Global.asax、packages.config、Web.config
- 注:所有的 MVC 应用程序的文件夹名称都是相同的。MVC 框架是基于默认的命名。控制器写在 Controllers 文件夹中,视图写在 Views 文件夹中,模型写在 Models 文件夹中。
-
3.文件夹介绍
- 1.App_Data 文件夹用于存储应用程序数据。
- 2.Content 文件夹用于存放静态文件,比如样式表(CSS 文件)、图标和图像。
- 注:Visual Web Developer 会自动添加一个 themes 文件夹到 Content 文件夹中。themes 文件夹存放 jQuery 样式和图片。在项目中,您可以删除这个 themes 文件夹。Visual Web Developer 同时也会添加一个标准的样式表文件到项目中:即 content 文件夹中的 Site.css 文件。这个样式表文件是您想要改变应用程序样式时需要编辑的文件。
- 3.Controllers 文件夹包含负责处理用户输入和响应的控制器类。
- 注:MVC 要求所有控制器文件的名称以 “Controller” 结尾。Visual Web Developer 已经创建好一个 Home 控制器(用于 Home 页面和 About 页面)和一个 Account 控制器(用于 Login 页面)。
- 4.Models 文件夹包含表示应用程序模型的类。模型控制并操作应用程序的数据。
- 5.Views 文件夹用于存储与应用程序的显示相关的 HTML 文件(用户界面)。
- 注:Views 文件夹中包含每个控制器对应的一个文件夹。在 Views 文件夹中,Visual Web Developer 已经创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹。Account 文件夹包含用于用户账号注册和登录的页面。Home 文件夹用于存储诸如 home 页和 about 页之类的应用程序页面。Shared 文件夹用于存储控制器间分享的视图(母版页和布局页)。
- 6.Scripts 文件夹存储应用程序的 JavaScript 文件。
- 注:默认情况下,Visual Web Developer 在这个文件夹中存放标准的 MVC、Ajax 和 jQuery 文件。名为 “modernizr” 的文件时用于在应用程序中支持 HTML5 和 CSS3 的 JavaScript 文件。
三、Web Forms
-