ASPNET动态网站设计课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2.3.2 创建Web窗体 （2）在“添加新项”窗口中的“模板”列表中选择 “Visual C#”；
中间区域的位置中选择“Web窗体”，单击【添加】按钮，并可根据需 要重新命名Web窗体名，如图2-33所示。
图2- 33 “添加新项”对话框
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.3 添加Web控件 在Web页面中添加一个Label控件，然后设置该控件【Font】中的 【Name】属性为“黑体”、【Size】属性为“Larger”、【Bold】属性 为“True”，其【Text】属性值为“这是我创建的第一个Web页面”。 该Label控件的属性设置面板如图2-34所示。
2.1.2 安装Visual Studio 2010 2．安装向导
图2- 3 Visual Studio 2010软件安装向导界面
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 3．选项页
图2- 4 安装程序选项页
任务2-1 安装Visual Studio 2010 集成开发环境
图2- 31 新建网站的“源”视图界面
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.2 创建Web窗体 下面将介绍如何创建
一个新的Web窗体。 （1）在“解决方案资
源管理器”中，右击“网 站名”节点，弹出快捷菜 单，选择【添加新项】选 项，如图2-32所示。
图2- 32 “添加新项”
任务2-3 创建基于C#的Web应用程序的基本步骤
图2- 10 “添加或删除程序”窗口
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS （3）在“添加或删除程序”对话框中，单击左侧的【添加/删除
Windows组件】图标打开“Windows组件向导”对话框，如图2-11 所示。
图2- 11 “Windows组件向导”对话框
任务2-2 架设Web程序的运行环境
图2- 1 本单元教学导航
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.1 ASP.NET简介
ASP.NET的设计初衷是解决ASP程序开发的“复杂”、“烦 琐”等问题。ASP.NET彻底抛弃了脚本语言，而使用编译式语言，为 开发者提供更加强有力的编程资源，允许用服务器端控件取代传统的 HTML元素并充分支持事件驱动机制。ASP.NET是建立在.NET Framework的公共语言运行库上的编程框架，可用于在服务器上生成 功能强大的Web应用程序。与ASP相比，ASP.NET具有以下优点。
所示。
图2- 28 “属性”窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework （5）窗体设计器 如图2-29所示。
图2- 29 窗体设计器
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.1 创建Web项目 具体操作步骤如下。 （1）选择【开始】｜【程序】｜【Microsoft Visual Studio 2010】｜【Microsoft Visual Studio 2010】命令，启动Microsoft Visual Studio 2010，进入.NET集成开发环境。 （2）选择【文件】|【新建】|【网站】命令，打开“新建网站”对话 框，如图2-30所示。
1．安装IIS服务器 （1）将Windows XP操作系统光盘放到光盘驱动器中。 （2）依次选择【开始】|【设置】|【控制面板】命令，打开【控 制面板】窗口，双击【添加\删除程序】图标，打开“添加或删除程序” 窗口，如图2-10所示。
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS
图2- 24 安装.NET Framework
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework 2．Microsoft Visual Studio 2010介绍 （1）主窗口 启动Microsoft Visual Studio 2010之后，首先出现主窗口，如图2-
任务2-2 架设Web程序的运行环境
2.2.2 设置虚拟目录
下面介绍一种常用的设置 虚拟目录的方法。
首先选择Web项目所在 的文件夹，然后右击文件夹， 在打开的快捷菜单中选择 【共享和安全】命令或者选 择【属性】命令打开【属性】 对话框，切换到【Web共享】 选项卡，打开“属性”对话 框，如图2-22所示。
2.2.1 安装与配置IIS （5）单击【确定】按钮返回到“Windows组件向导”对话框，
再单击【下一步】按钮开始安装IIS服务器。如图2-13所示。 （6）单击“完成”按钮，完成IIS信息服务的安装。
图2- 13 “正在配置组件”窗口
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS 2．配置IIS服务器 (1) 选择【开始】|【设置】|【控制面板】|【管理工具】|
ASPNET动态网站设计课件
学习目标
【知识目标】
掌握IIS的安装与配置 掌握虚拟目录的设置 掌握Visual Studio 2010的安装 熟悉ASP.NET集成开发环境的应用
【技能目标】
能搭建ASP.NET项目的开发环境 能熟练使用ASP.NET集成开发环境 学会编写简单的ASP.NET程序
学习导航
图2- 34 Label控件的属性设置面板
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.4 编写代码 1．查看前台的HTML代码 在图2-34中单击左下角标签“源”，可以查看Web页面的HTML代 码，如图2-35所示。同样单击标签，可以切换到页面的设计视图。
图2- 35 Web页面的HTML代码
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (7) 设置目录安全性
图2- 20 “身份验证方法”对话框
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS （8）设置ASP.NET的版本 （9）单击【确定】按钮，完成IIS的配置。
图2- 21 设置ASP.NET版本对话框
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.3 ASP.NET的服务器控件简介 本节首先介绍Label控件。
图2- 9 工具箱中的Web控件
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS
IIS（Internet Information Server）为Internet 信息服务器的简 写，通常称之为Web服务器。IIS是一个功能强大的Internet信息服务 系统，是Windows服务器操作系统中集成的最重要的Web技术。
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.4 编写代码 2．查看后台代码 在如图2-34所示的设计视图区域中双击空白的地方，会显示一个名 为first.aspx.cs的文件，如图2-36所示，该文件专门负责处理first.aspx 页面的逻辑事务。后台代码即是用编程语言编写的事件代码，其后缀名 为.aspx.cs。
图2- 17 “默认网站属性”对话框的【主目录】选项卡
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (6) 设置默认文档
图2- 18 “默认网站 属性”对话框的【文档】选项卡
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (7) 设置目录安全性
图2- 19 “默认网站 属性”对话框的【目录安全性】选项卡
【Internet 信息服务】选项，打开“Internet 信息服务”窗口，如图 2-14所示。
图2- 14 “Internet 信息服务”对话框
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (2) 单击左边窗格中的折叠符号“ ”，展开折叠项目如图2-15所
示。
图2- 15 展开的“Internet 信息服务”对话框
2.1.2 安装Visual Studio 2010 4．选择要安装的功能
图2- 7 安装完成页
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 5．启动Visual Studio 2010
图2- 8 Visual Studio 2010主界面
2.2.3 安装 .NET Framework
.NET Framework是微软 提ຫໍສະໝຸດ Baidu的一个框架结构，也是支 持Web应用程序运行的关键组 件之一。
1．安装Microsoft .NET Framework SDK v4.0
运行从微软件网站下载的 安装文件，如图2-24所示，接 下来的步骤按默认选项进行安 装。
图2- 22 “属性”对话框的【Web共享】选项卡
任务2-2 架设Web程序的运行环境
2.2.2 设置虚拟目录
在“属性”对话框的 【Web共享】选项卡中选 择【共享文件夹】单选按 钮，单击【添加】按钮， 打开“编辑别名”对话框， 如图2-23所示。
图2- 23 “编辑别名”对话框
任务2-2 架设Web程序的运行环境
2.1.2 安装Visual Studio 2010 4．选择要安装的功能
图2- 5 选择要安装的功能
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 4．选择要安装的功能
图2- 6 安装程序安装页
任务2-1 安装Visual Studio 2010 集成开发环境
(1) 支持多语言开发 (2) 代码分离 (3) 增强的性能
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 1.运行Setup.exe程序文件
图2- 2 Visual Studio 2010软件安装界面
任务2-1 安装Visual Studio 2010 集成开发环境
图2- 26 “工具箱”窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework
（3）解决方案资源 管理器
在主窗口的右侧有 一个隐藏的“解决方案 资源管理器”窗口，如 图2-27所示。
图2- 27 “解决方案资源管理器”窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework （4）属性窗口 属性窗口如图2-28
2.2.1 安装与配置IIS （4）在“Windows组件向导”对话框中，选中【Internet 信息
服务(IIS)】复选框，然后单击【详细信息】按钮，打开“Internet 信 息服务(IIS)”对话框，如图2-12所示。
图2- 12 “Internet 信息服务(IIS)”对话框
任务2-2 架设Web程序的运行环境
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (3) 在“Internet 信息服务”窗口中，右击【默认网站】图标，
在打开的快捷菜单中选择【属性】命令，打开“默认网站 属性”对话 框，如图2-16所示。
图2- 16 “默认网站 属性”对话框
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (4) 设置IP地址与TCP端口 在“默认网站 属性”对话框的【网站】选项卡中，可以设置服务
器的IP地址和TCP端口，IP地址是用来访问此服务器的地址，一般采 用默认值；TCP端口默认值为80，可以通过使用不同的端口在同一个 IIS服务器上配置多个项目。
(5) 设置主目录
图2- 30 “新建网站”
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.1 创建Web项目 （3）在“新建网站”对话框中，【模板】列表中选择“Visual C#”； 中间区域的位置中选择“ASP.NET网站”，单击【浏览】按钮，选择要 存放网站的位置并输入网站名，这里假设网站存放在E：盘根目录下，网 站名为“first_Web”。单击【确定】，创建网站，打开新建网站的“源” 视图界面，如图2-31所示。
25所示。主窗口是主要的工作界面。
图2- 25 Microsoft Visual Studio 2010主窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework
（2）工具箱 Microsoft Visual Studio 2010的窗口左侧 有一个隐藏的工具箱， 当用户将鼠标停留在工 具箱标签上时，会向中 间展出一个“工具箱” 窗口，如图2-26所示。
中间区域的位置中选择“Web窗体”，单击【添加】按钮，并可根据需 要重新命名Web窗体名，如图2-33所示。
图2- 33 “添加新项”对话框
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.3 添加Web控件 在Web页面中添加一个Label控件，然后设置该控件【Font】中的 【Name】属性为“黑体”、【Size】属性为“Larger”、【Bold】属性 为“True”，其【Text】属性值为“这是我创建的第一个Web页面”。 该Label控件的属性设置面板如图2-34所示。
2.1.2 安装Visual Studio 2010 2．安装向导
图2- 3 Visual Studio 2010软件安装向导界面
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 3．选项页
图2- 4 安装程序选项页
任务2-1 安装Visual Studio 2010 集成开发环境
图2- 31 新建网站的“源”视图界面
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.2 创建Web窗体 下面将介绍如何创建
一个新的Web窗体。 （1）在“解决方案资
源管理器”中，右击“网 站名”节点，弹出快捷菜 单，选择【添加新项】选 项，如图2-32所示。
图2- 32 “添加新项”
任务2-3 创建基于C#的Web应用程序的基本步骤
图2- 10 “添加或删除程序”窗口
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS （3）在“添加或删除程序”对话框中，单击左侧的【添加/删除
Windows组件】图标打开“Windows组件向导”对话框，如图2-11 所示。
图2- 11 “Windows组件向导”对话框
任务2-2 架设Web程序的运行环境
图2- 1 本单元教学导航
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.1 ASP.NET简介
ASP.NET的设计初衷是解决ASP程序开发的“复杂”、“烦 琐”等问题。ASP.NET彻底抛弃了脚本语言，而使用编译式语言，为 开发者提供更加强有力的编程资源，允许用服务器端控件取代传统的 HTML元素并充分支持事件驱动机制。ASP.NET是建立在.NET Framework的公共语言运行库上的编程框架，可用于在服务器上生成 功能强大的Web应用程序。与ASP相比，ASP.NET具有以下优点。
所示。
图2- 28 “属性”窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework （5）窗体设计器 如图2-29所示。
图2- 29 窗体设计器
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.1 创建Web项目 具体操作步骤如下。 （1）选择【开始】｜【程序】｜【Microsoft Visual Studio 2010】｜【Microsoft Visual Studio 2010】命令，启动Microsoft Visual Studio 2010，进入.NET集成开发环境。 （2）选择【文件】|【新建】|【网站】命令，打开“新建网站”对话 框，如图2-30所示。
1．安装IIS服务器 （1）将Windows XP操作系统光盘放到光盘驱动器中。 （2）依次选择【开始】|【设置】|【控制面板】命令，打开【控 制面板】窗口，双击【添加\删除程序】图标，打开“添加或删除程序” 窗口，如图2-10所示。
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS
图2- 24 安装.NET Framework
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework 2．Microsoft Visual Studio 2010介绍 （1）主窗口 启动Microsoft Visual Studio 2010之后，首先出现主窗口，如图2-
任务2-2 架设Web程序的运行环境
2.2.2 设置虚拟目录
下面介绍一种常用的设置 虚拟目录的方法。
首先选择Web项目所在 的文件夹，然后右击文件夹， 在打开的快捷菜单中选择 【共享和安全】命令或者选 择【属性】命令打开【属性】 对话框，切换到【Web共享】 选项卡，打开“属性”对话 框，如图2-22所示。
2.2.1 安装与配置IIS （5）单击【确定】按钮返回到“Windows组件向导”对话框，
再单击【下一步】按钮开始安装IIS服务器。如图2-13所示。 （6）单击“完成”按钮，完成IIS信息服务的安装。
图2- 13 “正在配置组件”窗口
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS 2．配置IIS服务器 (1) 选择【开始】|【设置】|【控制面板】|【管理工具】|
ASPNET动态网站设计课件
学习目标
【知识目标】
掌握IIS的安装与配置 掌握虚拟目录的设置 掌握Visual Studio 2010的安装 熟悉ASP.NET集成开发环境的应用
【技能目标】
能搭建ASP.NET项目的开发环境 能熟练使用ASP.NET集成开发环境 学会编写简单的ASP.NET程序
学习导航
图2- 34 Label控件的属性设置面板
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.4 编写代码 1．查看前台的HTML代码 在图2-34中单击左下角标签“源”，可以查看Web页面的HTML代 码，如图2-35所示。同样单击标签，可以切换到页面的设计视图。
图2- 35 Web页面的HTML代码
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (7) 设置目录安全性
图2- 20 “身份验证方法”对话框
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS （8）设置ASP.NET的版本 （9）单击【确定】按钮，完成IIS的配置。
图2- 21 设置ASP.NET版本对话框
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.3 ASP.NET的服务器控件简介 本节首先介绍Label控件。
图2- 9 工具箱中的Web控件
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS
IIS（Internet Information Server）为Internet 信息服务器的简 写，通常称之为Web服务器。IIS是一个功能强大的Internet信息服务 系统，是Windows服务器操作系统中集成的最重要的Web技术。
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.4 编写代码 2．查看后台代码 在如图2-34所示的设计视图区域中双击空白的地方，会显示一个名 为first.aspx.cs的文件，如图2-36所示，该文件专门负责处理first.aspx 页面的逻辑事务。后台代码即是用编程语言编写的事件代码，其后缀名 为.aspx.cs。
图2- 17 “默认网站属性”对话框的【主目录】选项卡
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (6) 设置默认文档
图2- 18 “默认网站 属性”对话框的【文档】选项卡
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (7) 设置目录安全性
图2- 19 “默认网站 属性”对话框的【目录安全性】选项卡
【Internet 信息服务】选项，打开“Internet 信息服务”窗口，如图 2-14所示。
图2- 14 “Internet 信息服务”对话框
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (2) 单击左边窗格中的折叠符号“ ”，展开折叠项目如图2-15所
示。
图2- 15 展开的“Internet 信息服务”对话框
2.1.2 安装Visual Studio 2010 4．选择要安装的功能
图2- 7 安装完成页
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 5．启动Visual Studio 2010
图2- 8 Visual Studio 2010主界面
2.2.3 安装 .NET Framework
.NET Framework是微软 提ຫໍສະໝຸດ Baidu的一个框架结构，也是支 持Web应用程序运行的关键组 件之一。
1．安装Microsoft .NET Framework SDK v4.0
运行从微软件网站下载的 安装文件，如图2-24所示，接 下来的步骤按默认选项进行安 装。
图2- 22 “属性”对话框的【Web共享】选项卡
任务2-2 架设Web程序的运行环境
2.2.2 设置虚拟目录
在“属性”对话框的 【Web共享】选项卡中选 择【共享文件夹】单选按 钮，单击【添加】按钮， 打开“编辑别名”对话框， 如图2-23所示。
图2- 23 “编辑别名”对话框
任务2-2 架设Web程序的运行环境
2.1.2 安装Visual Studio 2010 4．选择要安装的功能
图2- 5 选择要安装的功能
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 4．选择要安装的功能
图2- 6 安装程序安装页
任务2-1 安装Visual Studio 2010 集成开发环境
(1) 支持多语言开发 (2) 代码分离 (3) 增强的性能
任务2-1 安装Visual Studio 2010 集成开发环境
2.1.2 安装Visual Studio 2010 1.运行Setup.exe程序文件
图2- 2 Visual Studio 2010软件安装界面
任务2-1 安装Visual Studio 2010 集成开发环境
图2- 26 “工具箱”窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework
（3）解决方案资源 管理器
在主窗口的右侧有 一个隐藏的“解决方案 资源管理器”窗口，如 图2-27所示。
图2- 27 “解决方案资源管理器”窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework （4）属性窗口 属性窗口如图2-28
2.2.1 安装与配置IIS （4）在“Windows组件向导”对话框中，选中【Internet 信息
服务(IIS)】复选框，然后单击【详细信息】按钮，打开“Internet 信 息服务(IIS)”对话框，如图2-12所示。
图2- 12 “Internet 信息服务(IIS)”对话框
任务2-2 架设Web程序的运行环境
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (3) 在“Internet 信息服务”窗口中，右击【默认网站】图标，
在打开的快捷菜单中选择【属性】命令，打开“默认网站 属性”对话 框，如图2-16所示。
图2- 16 “默认网站 属性”对话框
任务2-2 架设Web程序的运行环境
2.2.1 安装与配置IIS (4) 设置IP地址与TCP端口 在“默认网站 属性”对话框的【网站】选项卡中，可以设置服务
器的IP地址和TCP端口，IP地址是用来访问此服务器的地址，一般采 用默认值；TCP端口默认值为80，可以通过使用不同的端口在同一个 IIS服务器上配置多个项目。
(5) 设置主目录
图2- 30 “新建网站”
任务2-3 创建基于C#的Web应用程序的基本步骤
2.3.1 创建Web项目 （3）在“新建网站”对话框中，【模板】列表中选择“Visual C#”； 中间区域的位置中选择“ASP.NET网站”，单击【浏览】按钮，选择要 存放网站的位置并输入网站名，这里假设网站存放在E：盘根目录下，网 站名为“first_Web”。单击【确定】，创建网站，打开新建网站的“源” 视图界面，如图2-31所示。
25所示。主窗口是主要的工作界面。
图2- 25 Microsoft Visual Studio 2010主窗口
任务2-2 架设Web程序的运行环境
2.2.3 安装 .NET Framework
（2）工具箱 Microsoft Visual Studio 2010的窗口左侧 有一个隐藏的工具箱， 当用户将鼠标停留在工 具箱标签上时，会向中 间展出一个“工具箱” 窗口，如图2-26所示。