电子商务网站建设（第2版）

本章首页继续下一页返回上一页

能力目标：①能运用IIS、VS.NET和MS-SQL等软件安装和配置WEB网站的应用开发环境；②能够使用WEB窗体控件设计和布局网站页面，并使用C#编写控件事件代码；③能够在VS.NET环境中进行简单地调试和发布Web应用程序。

知识目标：①了解VS.NET2005的安装步骤及其工作界面与管理工具；②掌握IIS的基本工作原理及其站点属性与虚拟目录的配置方法；③了解Web应用程序的基本工作原理与开发基本流程；④掌握Web应用程序界面设计、数据库连接及事件代码编写的方法。本章首页继续下一页返回上一页教学目标：

本项目的工作任务首先是安装和配置WEB网站的应用开发环境，然后新建一个简单的WEB应用程序并对其进行调试与发布。即通过开发和发布一个简单的WEB网站让学生了解Web网站的基本结构与运行环境，掌握Web网站开发的基本流程与主要方法。

本项目共设3个工作任务，即任务1安装和配置Web网站的应用开发环境，任务2开发一个简单的Web应用程序和任务3Web应用程序的调试与发布。本章首页继续下一页返回上一页项目简介：返回本章继续下一页返回上一页任务一安装和配置WEB网站的应用开发环境

安装与配置Web网站应用开发环境是设计与开发电子商务网站的首要任务，主要涉及到Web服务器运行环境和Web应用程序开发环境两大工作环境的配置内容。因此，本任务首先是通过安装和配置微软的IIS6.0组件来构建一个基于Windows平台的Web服务器运行环境，IIS6.0服务器管理界面如图1.1所示；然后是通过安装和配置微软的VS.NET2005软件来构建一个基于Windows平台的Web应用程序开发环境，VS.NET2005的正常起始界面如图1.2所示。一、任务引导返回本章继续下一页返回上一页任务一安装和配置WEB网站的应用开发环境图1.1IIS6.0服务器管理界面返回本章继续下一页返回上一页任务一安装和配置WEB网站的应用开发环境图1.2VS.NET2005的正常起始界面返回本章继续下一页返回上一页任务一安装和配置WEB网站的应用开发环境

1、安装和配置IISWeb服务器

（1）在WindowsServer2003中安装IISWeb服务器；

（2）在IISWeb服务器中设置站点属性；

（3）快速构建WEB站点；

（4）在IIS中创建虚拟目录来组织Web应用程序；2、安装VisualStudio2005开发工具VisualStudio2005的安装相对简单，只需双击其中的Setup.exe文件即可开始安装，如系统缺少相应的补丁程序与配置时，程序会提示首先进行相应的安装。二、任务实施返回本章继续下一页返回上一页任务一安装和配置WEB网站的应用开发环境1、ASP.NET应用程序的运行环境

（1）操作系统平台，如WindowsNTSP6及以上版本；

（2）.NETFramework环境，包括包括CLR和CL两个最主要的组件；

（3）IISWeb服务器，必须是5.0及以上版本；

（4）数据访问组件：ADO.NET，且需先安装数据访问组件（MDAC2.7以上版本）；

（5）Web浏览器，如IE、FireFox等。三、相关知识2、ASP.NET应用程序的开发环境

（1）VisualStudio.NET集成开发环境，如VS.NET2003、2005、2008；

（2）.NETFrameworkSDK软件开发工具包。返回本章继续下一页返回上一页任务一安装和配置WEB网站的应用开发环境四、任务拓展1、在IIS服务器中建立多个Web站点

（1）多个IP对应多个Web站点；

（2）一个IP地址对应多个Web站点；

（3）多个主机头对应多个Web站点。2、对IIS服务实现远程管理

（1）在“网站”选项卡中，选择好“IP地址”；

（2）在“目录安全性”选项卡中，选中“授权访问”；

（3）在任意计算机的浏览器中输入http://IP地址:8080。返回本章继续下一页返回上一页任务二开发一个简单的WEB应用程序

本任务主要是通过设计和编写一个具有用户登录功能的Web应用程序，来熟悉和掌握ASP.NETWeb应用程序开发的一般流程与步骤，具体内容如下：首先是在SQLServer2005中创建一个后台数据库ClothesShop.mdf，并在该数据库中创建一张用户信息表userinfo.dbo，用户信息表结构如图1.24所示；其次是在VS.NET2005中新建一个Web应用程序项目；然后是进行Web页面设计；最后是连接数据库，编写事件处理程序；用户登录Web应用程序的运行界面如图1.25所示。一、任务引导返回本章继续下一页返回上一页任务二开发一个简单的WEB应用程序图1.24用户信息表表结构返回本章继续下一页返回上一页任务二开发一个简单的WEB应用程序图1.25用户登录Web应用程序的运行界返回本章继续下一页返回上一页二、任务实施1、项目需求分析

（1）功能需求分析；

（2）数据需求分析；2、系统设计（1）数据库的设计

①概念结构设计

②逻辑结构设计

③物理结构设计（2）详细设计

其程序流程图如图1.30所示。任务二开发一个简单的WEB应用程序返回本章继续下一页返回上一页任务二开发一个简单的WEB应用程序图1.30用户登录程序流程图返回本章继续下一页返回上一页3、新建Web应用程序

（1）新建一个Web应用程序项目；

（2）Web窗体设计；

（3）配置C#和MSSQL2005的远程连接；

（4）ASP.NET网站的配置；

①新建一个Web.config配置文件；

②在Web.config文件的<connectionStrings>节中设置数据库连接的字符串；

③

在Web.config文件的<system.web>节的<authentication>子节和<authorization>字节设置安全身份验证；

（5）编写程序（default.aspx.cs）。任务二开发一个简单的WEB应用程序返回本章继续下一页返回上一页三、相关知识1、VisualStudio.NET开发环境

（1）.NET开发环境基本概述；

（2）VS.NET2005工作界面，Web应用程序开发的基本工作界面可分为5个区域：

①A区是菜单栏和工具栏区；

②B区是工具箱面板区；

③C区是内容显示、编辑区、界面设计器、代码编辑器；

④D区是选择面板区，通常包括解决方案管理器、属性面板、类视图面板等；

⑤E区是输出信息显示区，包括错误信息显示、输出信息显示和查找信息显示等。任务二开发一个简单的WEB应用程序返回本章继续下一页返回上一页三、相关知识（3）开发环境的个性化设置

①在代码编辑器中显示行号；

②更改项目和解决方案的保存位置；

③设置文本编辑器的字体样式。2、Web应用程序开发（1）什么是Web应用程序；（2）Web应用程序与Web网站的区别；（3）ASP.NETWeb应用程序（网站）结构

—App_Data

—App_Themes

—App_Browsers

—App_Code任务二开发一个简单的WEB应用程序

—App_GlobalResources

—App_LocalResources

—App_WebReferences

—Bin返回本章继续下一页返回上一页四、任务拓展任务二开发一个简单的WEB应用程序1、用户注册页面的设计与实现（1）需求分析；（2）系统设计；（3）窗体设计（4）代码编写（register.aspx.cs）

2、修改用户登录页面，实现用户密码加密登录

基本思路：把用户输入的密码用MD5密钥进行加密，然后同数据库中该用户名对应的加密密码进行比较，如果一致，则允许用户进行登录，否则不允许登录。返回本章继续下一页返回上一页任务三WEB应用程序的调试与发布一、任务引导

在应用程序开发完成后，首先必须要确保其没有错误并且安全可靠，然后才能将其进行发布并交付给用户使用。也就是说，在确定应用程序可以发布之前，程序员必须先彻底检查该应用程序是否存在错误，并且纠正遇到的任何存在于软件中的错误。因此，本任务的主要内容是通过对任务2中的用户登录应用程序进行测（调）试与发布工作，从而熟悉和掌握在VisualStudio.NET的IDE环境中对应用程序进行测（调）试与发布的方法和步骤。返回本章继续下一页返回上一页任务三WEB应用程序的调试与发布二、任务实施1、WEB应用程序的调试（1）在Web.config文件中进行调试配置；（2）设置断点；

①逐语句或逐过程执行语句；

②设置无条件中断的断点；

③设置有条件中断的断点；

④设置命中次数；

⑤继续执行程序2、WEB应用程序的发布

依次单击“生成”—>“发布网站”菜单命令，打开发布网站对话框后进行相关参数设置。返回本章继续下一页返回上一页任务三WEB应用程序的调试与发布三、相关知识1、Web应用程序调试的基本概述（1）调试与测试的异同；（2）Web应用程序的错误类型；

①

语法错误；

②

算法错误；

③

运行时错误；（3）VS.NET中的调试工具

①“局部变量”窗口；

②“监视”窗口；

③“快速监视”对话框

④“即时”窗口返回本章继续下一页返回上一页任务三WEB应用程序的调试与发布三、相关知识2、Web应用程序发布的基本概述

发布具体操作是单击“生成|发布网站”，完成相应对话框设置即可完成发布。发布过程结束后，在指定的文件夹中建立一组文件夹:“项目名\PrecompiledWeb\Web应用程序解决方案名”。

如果在本地发布网站，并想浏览本地所发布网站，可将bin文件夹父文件夹设置为虚拟目录，如MyWebSite，就可以通过http://localhost/MyWebSite/default.aspx访问指定页面default.aspx。返回本章继续下一页返回上一页任务三WEB应用程序的调试与发布四、任务拓展1、对用户注册页面进行调试

按照WEB应用程序调试的基本方法和步骤对任务2中的拓展任务用户注册页面register.aspx和register.aspx.cs进行调试，并使用VS.NET调试器窗口工具对调试的结果进行查看，分析错误，解决错误。2、对Web应用程序进行远程发布

到互联网上申请一个免费域名，然后使用ftp工具（如CutFtp等），登录托管服务器后，将任务2中创建的Web应用程序进行远程发布，并使用注册域名进行远程访问。返回本章继续下一页返回上一页课后习题见教材第39页本章首页继续下一页返回上一页

授课教师:XXXXXXX

电子邮件:

XXXXXXX

能力目标：①能运用Visio绘制软件体系结构图；②能够使用面向对象的设计方法来划分网站功能模块；③能够使用Visio绘制网站的功能模块图；④能够根据用户需求进行数据库的概念结构设计；⑤能够根据概念设计进行逻辑结构设计；⑥能够根据逻辑设计进行物理结构设计；⑦能够使用命令方式创建、执行和删除存储过程。

知识目标：①了解Visio2003的安装步骤及使用方法；②了解B/S和C/S两种软件体系结构；③了解面向对象的设计思想及设计原则；④掌握数据库设计的基本步骤；⑤掌握使用命令方式添加、删除、查询和更新记录；⑥掌握用命令方式创建、执行和删除存储过程。本章首页继续下一页返回上一页教学目标：

本项目的工作任务首先是安装OfficeVisio2003，然后利用安装好的绘图工具绘制出B/S软件体系结构图，在此基础上，对电子商务网站进行模块划分，绘制出电子商务网站的功能模块图，并结合数据库设计常用方法设计出电子商务网站所需的数据库。

本项目共设3个工作任务，即任务1体系结构的，任务2功能结构的设计和任务3网站数据库设计。本章首页继续下一页返回上一页项目简介：返回本章继续下一页返回上一页任务一体系结构设计

Browser/Server结构极大的简化了客户机的工作，客户机上只需安装、配置少量的客户端软件即可，服务器将担负更多的工作，对数据库的访问和应用程序的执行将在服务器上完成。本任务首先是安装MicrosoftOfficeVisio2003，Visio2003的启动界面如图2.1所示；然后利用Visio绘图工具绘制B/S软件体系结构图，B/S软件体系结构如图2.2所示。一、任务引导返回本章继续下一页返回上一页图2.1Visio2003的启动界面任务一体系结构设计返回本章继续下一页返回上一页图2.2B/S软件体系结构任务一体系结构设计返回本章继续下一页返回上一页

1、安装MicrosoftOfficeVisio20032、使用Visio2003绘制B/S软件体系结构图二、任务实施任务一体系结构设计1、C/S体系结构

（1）C/S体系结构的基本框架；

（2）C/S结构的优缺点；2、B/S体系结构

（1）B/S体系结构的基本框架；

（2）B/S结构的优缺点；3、B/S、C/S体系结构的比较

（1）软件技术上的比较；

（2）商业运用上的比较；三、相关知识返回本章继续下一页返回上一页任务一体系结构设计4、Web系统的三层架构

（1）什么是三层架构；

（2）为什么使用三层架构；

（3）使用三层架构开发的优点；

（4）三层架构的种类三、相关知识四、任务拓展请上网查找有关C/S运用的案例，说明软件系统的体系结构及响应机制。返回本章继续下一页返回上一页任务二功能结构的设计

电子商务网站的功能设计是整个网站策划中最为核心的环节，在电子商务网站建设中起着十分重要的作用。网站功能的可用性、实用性和可扩展性是否设计合理，将直接电子商务网站建设和推广的成败。因此，本任务主要是根据B2C电子商务网站的基本运营流程，对电子商务网站售前服务、售中服务和售后服务的基本功能进行需求分析，然后根据需求分析结果进行网站功能结构设计，并使用VISIO2003工具绘制功能结构图。网站功能结构如图2.14所示。一、任务引导返回本章继续下一页返回上一页图2.14衣购网网站功能结构图任务二功能结构的设计返回本章继续下一页返回上一页二、任务实施1、系统流程分析任务二功能结构的设计图2.15衣购网用户购物流程分析图返回本章继续下一页返回上一页二、任务实施1、系统流程分析任务二功能结构的设计图2.16衣购网销售业务流程分析图返回本章继续下一页返回上一页2、网站功能分析

（1）售前服务；

（2）售中服务；

（3）售后服务；

通过上述三个环节的分析，衣购网电子商务网站应具有先进完备的网上购物功能和强大的后台管理功能。在网站前台功能方面：①顾客可以方便地注册与登录；②顾客可以灵活地检索所需商品信息，查看商品的详细资料，了解特价商品信息；③顾客可以方便地管理自己的购物车，如添加或删除选购商品，修改购买数量。在网站后台功能方面：①管理员可以方便地管理商品及特价商品信息，如新增、删除、修改商品信息；②管理员可以方便地查看订单，进行发货与缺货处理；③管理员可以方便地查看顾客的反馈信息及具体的处理情况；④管理员可以方便地进行网站用户管理，如新增、删除、修改网站用户。任务二功能结构的设计返回本章继续下一页返回上一页3、网站功能设计

（1）网站前台功能模块；

①商品模块；

②用户中心模块

③留言板模块

④商品查询模块

⑤商品交易模块

⑥帮助系统模块

（2）网站后台管理；

①留言管理；

②订单管理；

③会员管理；

④商品类别管理；

⑤商品管理

任务二功能结构的设计返回本章继续下一页返回上一页4、绘制网站功能结构图（1）使用Visio2003，依次选择“文件”—>“新建”—>“框图”—>“框图”

；

（2）在“框图”工作界面中添加相应图标绘制网站功能结构图；任务二功能结构的设计三、相关知识1、电子商务功能设计的关注角度（1）从商家的角度分析如何设计电子商务网站的功能；

（2）从客户的角度分析如何设计电子商务网站的功能；返回本章继续下一页返回上一页任务二功能结构的设计三、相关知识2、电子商务功能设计的关键因素

（1）信息和服务质量；企业和网站设计者应主动寻找通过网站改善信息和服务质量方式。

（2）顾客对交易过程的控制程度、易用性、自信心，能够跟踪订单状况和提供安全保密功能

（3）娱乐性；企业和网站设计者需在网站设计中激励用户参与和吸引用户注意力，使用户从访问网站中获得乐趣。

（4）系统设计质量；尤其安全性对网站的成功至关重要。返回本章继续下一页返回上一页任务二功能结构的设计四、任务拓展

不同行业的企业，其电子商务网站在形式和内容上也会不尽相同。但其主要的功能和服务模块却是万变不离其宗。总体而言，一个成功运营的大型商务网站，一般都包括：网上电子商务系统、用户认证管理系统、个性化服务系统、询价系统、商品检索引擎、邮件列表系统、自助服务系统、论坛系统、短信增值服务系统等几大功能，请通过资料查询并结合已学的知识对这几大系统的功能进行详细定义和描述。返回本章继续下一页返回上一页一、任务引导

数据库设计是电子商务系统设计中必不可少的一个重要环节，一个设计规范、结构合理的数据库将大大减少数据冗余，提高数据检索和存储的效率。由于数据库设计一般包括三个主要过程，即概念结构设计、逻辑结构设计和物理结构设计，因此，本任务的主要任务首先是根据用户需求进行数据库的概念结构设计，绘制E-R图；其次，是根据概念结构设计进行逻辑结构设计，绘制二维逻辑关系表；然后是能够根据逻辑设计进行物理结构设计，并在SQL-SERVER2005中实现；最后是企业管理器创建、执行和删除存储过程。任务三网站数据库设计返回本章继续下一页返回上一页二、任务实施1、数据库概念结构设计

（1）通过对上述系统功能的进一步分析和需求总结，可设计出如下的信息数据项：即用户信息、一类商品信息、二类商品信息、购物车信息、留言板信息、订单信息、商品信息、管理员回复用户留言信息。（2）根据上述数据项，设计出满足用户需求的各种实体及之间的关系，并使用Visio2003工具绘制E-R实体关联图，如图2.20。任务三网站数据库设计图2.20E-R实体关联图返回本章继续下一页返回上一页2、数据库逻辑表设计

数据库逻辑设计阶段的主要工作是将现实世界的概念数据模型设计成数据库的一种逻辑模式，即把E-R实体关联模型转化为适应于SQL-SERVER数据库管理系统所支持的逻辑数据模式。根据上述E-R实体关联模型，本网站设计了8张二维逻辑数据库表。具体见教材65页。

3、数据库物理结构设计

衣购网系统采用SQLSERVER2005作为关系型数据库管理系统。根据数据库逻辑设计阶段的分析并结合SQLSERVER的基本特性，构建了如下图2.21所示的数据库及数据库标间关联。任务三网站数据库设计图2.21数据库物理结构设计图返回本章继续下一页返回上一页三、相关知识任务三网站数据库设计1、数据库概念结构设计（1）概念模型概述；（2）数据库概念模型的设计方法；

①集中式模式设计法；

②视图集成法；（3）采用E-R方法的概念模型设计步骤2、数据库逻辑结构设计（1）逻辑设计概述；（2）E-R图向关系模型的转换（3）转换规则（4）数据模型的优化（5）设计用户子模式返回本章继续下一页返回上一页三、相关知识任务三网站数据库设计3、数据库物理结构设计（1）物理结构设计基本概述；（2）确定关系模型的存取方法；四、任务拓展

根据所学知识和衣购网数据库逻辑设计阶段的结果，将衣购网数据逻辑关系分别在Access和Oracle数据库管理系统中物理实现，并分析三种数据库管理系统有何异同。返回本章继续下一页返回上一页课后习题见教材第69页本章首页继续下一页返回上一页

授课教师:XXXXXXX

电子邮件:

XXXXXXX

能力目标：①能运用窗体控件实现用户控件的设计；②能够使用站点地图定义网站结构，并用导航控件控制网站的导航路径；③能够用母版页实现网站的统一布局；④能够应用主题和样式实现网站的统一外观控制。

知识目标：①了解Web窗体、Web控件和用户控件的概念；②掌握Web窗体、Web控件和用户控件的创建方法；③了解Web母版页和站点地图的作用；④了解XML文件的基本结构和创建方法；⑤掌握站点地图、母版页的定义方法。本章首页继续下一页返回上一页教学目标：

本项目的工作任务首先是根据前期对WEB网站首页界面的设计定义若干用户控件组合实现网站首页，然后对WEB网站的导航结构进行设计并用站点导航控件加以实现，再结合设计的导航控件、登录控件及其它界面元素实现对WEB网站的母版页的设计，最后通过应用主题、皮肤和样式设计实现对Web网站的统一外观设计。即通过对WEB网站的统一布局设计和整体外观设计让学生了解和掌握Web网站的窗体设计的主要方法，用户控件的定义、母版页的定义、站点地图的定义、导航控件的定义及主题样式的使用方法。

本项目共设3个工作任务，即任务1网站首页的窗体设计、任务2网站导航栏的设计和任务3网站母版页的设计。本章首页继续下一页返回上一页项目简介：返回本章继续下一页返回上一页任务一网站首页的窗体设计

电子商务网站首页是浏览者访问电子商务网站时，首先映人浏览者眼帘的内容表现。对于电子商务公司来说，如何让浏览者在承载海量易信息的电子商务网站中更准确、更方便、更直观地找到自己所需要的信息，是首先要考虑的问题。如何设计静态页面已经在前期课程网页设计中了解了。本任务就是根据网页设计课中完成的网站首页界面的设计图，在VS.NET2005中结合Web窗体、Web控件和自己定义的用户控件，实现首页的ASP.NET窗体设计。该页面的整体界面效果如图3.1所示。一、任务引导返回本章继续下一页返回上一页图3.1Web网站首页界面整体效果任务一网站首页的窗体设计返回本章继续下一页返回上一页任务一网站首页的窗体设计

1、新建窗体2、首页窗体界面设计

（1）导入静态页面设计阶段产生的HTML代码;

（2）在首页窗体中添加用户登录状态显示模块;①从如图3.6所示的工具箱中拖放两个Panel控件到页面中显示用户登录状态的位置，并将Panel控件依次设置名称为loginpanel和logoutpanel；②在Panel控件loginpanel中加入用于登录的链接文本；③在Panel控件logoutpanel中加入用于显示已登录用户名的Label控件；二、任务实施返回本章继续下一页返回上一页

④编写事件处理程序。双击Web窗体的空白处，进入代码设计窗口。在Page对象的Load事件中输入代码；

⑤保存文件后执行程序。

（3）在首页窗体中添加用于搜索的用户控件

①在网站主目录下新建一个“文件夹”，并命名为“usercontrol”；

②在文件夹usercontrol上点击鼠标右键，选择“添加新项”，在对话框“模板”选项区中单击“Web用户控件”，将名称改为“research.ascx”；③切换到设计视图，添加一个table控件到控件设计窗体中；添加一个image控件到表格的第一行第一列中，并设置图片的大小和位置；任务一网站首页的窗体设计返回本章继续下一页返回上一页

④

在表格的第二行再放入一个三行一列的表格，设置属性，输入文本，生成的HTML代码；

⑤在工具箱中拖放一个TextBox控件到表格第一行中的文本“关键字：”后，设置ID属性为keywordtb，宽度为80px；

⑥在工具箱中拖放一个DropDownList控件到表格第二行中的文本“商品分类：”后，设置ID属性为type_1ddl，宽度为80px；

⑦切换到源视图，在内层表格的第三行插入相应的代码；

⑧

切换到源视图，在代码的第二行插入相应的Javascript代码，实现查询按钮的点击控制.

⑨

切换到首页窗体的设计视图，将用户控件research.ascx拖放到窗体上相应位置。任务一网站首页的窗体设计返回本章继续下一页返回上一页1、ASP.NET的工作原理

三、相关知识任务一网站首页的窗体设计图3.18ASP.NET工作原理返回本章继续下一页返回上一页2、Web窗体页的组成三、相关知识任务一网站首页的窗体设计WebForm把Web应用程序的用户界面分为两个部分：可视化用户组件界面部分和接口逻辑部分。

（1）可视组件指窗体的可视部分，包含静态HTML及WEB服务器控件声明部分（即浏览器中看到的部分），称为“Web窗体页”文件，带有“.aspx”扩展名。这部分如同一个大容器，开发者可以将各种ASP.NET控件放在其中。返回本章继续下一页返回上一页2、Web窗体页的组成三、相关知识任务一网站首页的窗体设计

（2）接口逻辑部分指在窗体后与窗体交互的代码。这些代码由开发人员编写以与窗体进行交互。在可视组件部分中定义了网页的布局和静态内容，而决定网页内容动态部分的是其源代码。

源代码放置的位置有两种：

一是位于与“Web窗体页”文件不同的另一个文件中。

另一种是在相同文件的<script>块中。返回本章继续下一页返回上一页2、ASP.NET页面的结构任务一网站首页的窗体设计

（1）指令

ASP.NET页面通常包含一些指令，允许用户指定页属性和配置信息，作为页面编译器在处理文件时使用的设置。页面指令位于页面文件的顶部，语法如下：<%@directive{attribute=value}*%>

常用的指令包括：@Page指令、@Import指令、@Register指令。（2）默认HTML内容默认HTML内容，包括一个<html>元素，其中嵌套包含<head>和<body>元素，在<body>元素内是一个<form>元素，在<form>元素内是一个<div>元素。当我们在设计视图中拖放控件到页面时，控件对应的标记将放在这个<div>元素中。返回本章继续下一页返回上一页2、ASP.NET页面的结构任务一网站首页的窗体设计

（3）服务器端控件

①ASP.NET服务器端控件分为两种：HTML控件与HTML标记直接对应，只是新增了Id和Runat属性；

②Web控件对应于System.Web.UI.WebControls命名空间中的控件对象，是使用asp字头的XML标记。

（4）事件处理程序

在ASP.NET网页的源代码部分编写代码实际就是在创建针对特定事件的事件处理程序。一个典型例子就是Page对象的Load事件，该事件在页面被请求时触发，相应的事件处理程序可用于放置在页面每次被请求时都要执行的代码。返回本章继续下一页返回上一页四、任务拓展

设计和实现商城后台管理系统首页的窗体。

任务要求：

①新建窗体，制作管理系统首页的界面。

②编写代码，判断如果管理员未登录，则跳转到商城首页。任务一网站首页的窗体设计返回本章继续下一页返回上一页任务二网站导航栏的设计

随着电子商务网站的规模扩大、栏目增加、内容越来越多，用户在浏览时容易“迷路”：无从判断自身位置，找不到到达想要访问的页面的捷径。解决这个问题的方式是合理安排网站结构的同时在网页中设置便于使用的导航提示。

本任务就是根据设计好的网站结构，创建网站地图，并选择适当的导航控件，实现网站的导航。页面的导航效果如图3.21所示。商品分类导航效果如图3.22所示。一、任务引导返回本章继续下一页返回上一页图3.22商品分类导航效果任务二网站导航栏的设计图3.21网站导航效果返回本章继续下一页返回上一页任务二网站导航栏的设计二、任务实施

1、新建各页面

2、建立站点地图文件

（1）创建SiteMap文件

（2）根据导航菜单修改Web.Sitemap文件内容（3）使用SiteMapPath控件

（4）使用Menu控件

（5）使用Treeview控件绑定XML文件创建分类导航；

（6）将分类导航创建为用户控件返回本章继续下一页返回上一页三、相关知识1、XML文档简介XML文档是一种用来描述数据并构建数据的语言。它是目前通用数据共享的标准。XML文档的内容是树状结构的文本。2、用站点地图定义网站结构（1）站点地图文件是一个XML文件，它的作用是表示应用程序页面之间的导航关系，这种关系与页面的物理存储关系无关。（2）站点地图文件的文件名为Web.Sitemap，必须位于应用程序的根目录中。

（3）站点地图文件的根结点是<siteMap>元素，该元素在文件中只能有一个。任务二网站导航栏的设计返回本章继续下一页返回上一页

（4）<siteMapNode>元素有三个主要属性，如title、description和url。

3、导航控件的使用（1）SiteMapPath控件SiteMapPath控件通过导航路径向用户显示当前页面在网站中所处的位置，并以链接的形式显示返回主页的层次路径。该控件显示的数据直接来自站点地图，因此在根目录中必须存在名为Web.sitemap的网站地图。

（2）Menu控件Menu控件用于在Web网页中显示水平或垂直方向的菜单，常常与数据源控件绑定使用。Menu控件能够以菜单界面方式显示站点地图的全部内容，也可以显示XML文档或数据库中的数据。任务二网站导航栏的设计返回本章继续下一页返回上一页任务二网站导航栏的设计

（3）TreeView控件TreeView控件用于以树状结构图形界面显示分层数据，如文件目录、站点导航地图、分类信息等。当TreeView控件绑定到一个SiteMapDataSource控件时，在它的树形结构中显示的就是站点地图中定义各节点。用户可以看到网站的所有部分及自己所在位置。树中每个节点显示为一个超链接，当用户单击时就被引导到相应的页面。TreeView控件的树中的每个项都称为一个节点，它是一个TreeNode对象。有些节点包含子节点，被单击时可以展开或折叠。返回本章继续下一页返回上一页

ASP.NET2.0及以后版本中提供了母版页，可以将上述公共元素封装在母版页中，作为内容页面的基础，统一应用程序站点中各页面的布局。

本任务就是根据网站的统一布局设计，创建网站的母版页，并在在新建内容页面时套用网站的母版页，达到整个网站统一布局的效果。页面的母版页设计如图3.66所示。任务三网站母版页的设计一、任务引导返回本章继续下一页返回上一页任务三网站母版页的设计图3.66完成的母版页效果返回本章继续下一页返回上一页二、任务实施

1、创建母版页

2、向母版页添加内容

（1）删除母版页中默认包含的ContentplaceHolder控件，使母版页成为空白页面；

（2）切换到源视图，查看母版页代码；

（3）复制首页内容到母版页；

（4）删除母版页的中间区域内容；

（5）从工具箱中找到ContentPlaceHolder控件,拖放到母版页的中间区域。3、使用母版页新建内容页

（1）使用母版页新建一个Web页面；任务三网站母版页的设计返回本章继续下一页返回上一页

（2）将第一行的Page指令中的Title属性值改为“分类显示”；（3）在Content控件中插入一个一行两列的表格，从解决方案资源管理器中拖放一个“sort.ascx”用户控件到表格的第一列，在第二列打入一行字：“分类显示”，并设置为“标题一”。4、对已有页面使用母版页（1）找到“aboutus.aspx”页面，双击在设计窗口中打开该页面；（2）在第一行的Page指令中加入Masterpage和Title两个属性；（3）将从第二行开始直到<div>标记为止的一段代码删除，将从</div>到后面所有代码删除；任务三网站母版页的设计返回本章继续下一页返回上一页

（4）在“<h1>”标记前输入<asp:Content>标记。任务三网站母版页的设计三、相关知识

1、母版页概述

母版页（MasterPage）是一个特殊的ASP.NET网页，也包含源代码部分和HTML，且HTML也由静态HTML内容和Web控件组成。创建新网页时，可以关联到创建好的母版页，继承母版页的外观。

母版页由两个部分组成：可编辑区域，对应ContenPlaceHolder控件，该控件决定内容页的内容要放在哪里，而其内容由套用母版页的网页定制。返回本章继续下一页返回上一页2、Web应用程序开发任务三网站母版页的设计图3.81母版页的工作过程返回本章继续下一页返回上一页任务三网站母版页的设计4．创建内容页面

套用母版页的网页被称为内容页（ContentPage）。网页的共享部分都已在母版页中设计完成，建立内容页时，需要完成的任务就是定义对应母版页ContentPlaceHolder控件的内容。5．在内容页中控制母版页

母版页与内容页是分开设计的，但在执行时会合并输出。如果内容页在执行时需要访问母版页中的控件或数据，可以使用Page对象的Master属性取得所引用的母版页。

例如：要设置内容页的页标题，可用以下代码实现。this.Master.Page.Title=”关于我们”;返回本章继续下一页返回上一页任务三网站母版页的设计6．母版页的事件处理

母版页具有ASP.NET网页的特征和功能。因此它也可以收集用户输入和进行事件的处理。通常会将用户登录功能放在母版页实现。课后习题见教材第116页本章首页继续下一页返回上一页

授课教师:XXXXXXX

电子邮件:

XXXXXXX

能力目标：①能够使用ASP.NET内置对象Response、Request、Application和Session；②能够设置Global.asax文件中的相关事件；③能够对页面进行统一出错处理；④能够使用XML语法进行Web.Config文件的配置。

知识目标：①了解Response、Request、Application和Session对象的功能及使用方法；②了解Global.asax中事件被触发的顺序；③了解XML文件的基本结构和语法；④了解Web.Config配置文件的基本结构；⑤掌握Global.asax文件的使用方法；⑥掌握Web.Config文件的配置方法。本章首页继续下一页返回上一页教学目标：

本项目的工作任务首先是为电子商务网站创建全局应用程序类Global.asax，然后设置Application_Error事件处理代码，使得当Web服务器出现未处理异常时将出错信息传递给出错处理页面，并通过编辑配置文件Web.config实现Web应用程序的总体设置，在任务分析中将进一步介绍内置对象Response、Request、Application和Session的功能及使用方法。即通过学习，让学生了解ASP.NET常用内置对象，使学生能够灵活运用ASP.NET内置对象，掌握利用Global.asax和Web.config对站点进行总体设置的方法。

本项目共设2个工作任务，即任务1Global.asax文件配置和任务2Web.Config文件配置。本章首页继续下一页返回上一页项目简介：返回本章继续下一页返回上一页任务一Global.asax文件配置

本任务首先为电子商务网站创建全局应用程序类Global.asax，如图4.1，然后为Web应用程序设置Application_Error事件处理代码，使得当Web服务器出现未处理异常时将出错信息传递给出错处理页面。在任务分析中将进一步学习ASP.NET内置对象Response、Request、Application和Session，以了解它们的功能及使用方法。一、任务引导返回本章继续下一页返回上一页图4.1创建全局应用程序类Global.asax任务一Global.asax文件配置返回本章继续下一页返回上一页1、Global.asax文件配置

（1）创建全局应用程序类Global.asax；

（2）添加事件代码；①打开“Global.asax”文件，在该文件中将自动产生一些事件；②为Application_Error事件添加事件处理代码，使得当Web服务器出现未处理异常时将出错信息传递给出错处理页面error.aspx。2、创建出错处理页面error.aspx

（1）在解决方案资源管理器中，创建一个窗体页面error.aspx；

（2）切换到代码视图，为error.aspx添加代码；（3）打开文件error.aspx.cs，添加后置代码。二、任务实施任务一Global.asax文件配置返回本章继续下一页返回上一页任务一Global.asax文件配置1、ASP.NET内置对象

（1）Response对象①Response对象的属性；②Response对象的方法；

（2）Request对象①Request对象的属性；②Request对象的方法。

（3）Application对象

①Application对象的属性

②Application对象的方法

（4）Session对象

①Session对象的属性；

②Session对象的方法三、相关知识返回本章继续下一页返回上一页任务一Global.asax文件配置2、Global.asax文件配置（1）Global.asax文件的结构Global.asax文件主要是定义Web应用程序的Application_Start()、Application_End()、Session_Start()和Session_End()等事件处理程序。（2）Global.asax文件的使用①Global.asax事件处理程序的执行顺序；②ASP.NET程序：Global.asax。Global.asax使用了微软的HTML拓展<script>标记语法来限制脚本，即必须用<script>标记来引用上面的事件而不能用<%和%>符号引用。三、相关知识返回本章继续下一页返回上一页任务一Global.asax文件配置

在Global.asax中除了为Application_Error事件添加事件处理代码，还可以为其他几个事件添加代码，其中，一个典型的应用就是统计在线人数，考虑使用Application内置对象保存当前在线人数，当用户建立Session时，就触发Session_Start事件，可以在该事件中为当前在线人数作加1操作，当用户在默认时间内没有进入其他ASP.NET程序时，将触发Session_End()事件，在该事件中为当前在线人数作减1操作，尝试为网站实现统计在线人数功能，在存取Application对象的值时考虑进程同步问题。四、任务拓展返回本章继续下一页返回上一页一、任务引导任务二Web.Config文件配置ASP.NET具有一个非常重要的特性，就是它为开发者提供了一个非常便利的配置系统。这个配置系统借助基于XML格式的文件（Machine.Config和Web.Config）来存储配置信息，使得开发者可以轻松快速地建立自己的Web应用环境。本任务首先为电子商务网站创建Web配置文件，如图4.4，然后通过Web.Config配置文件中节点的设置，为应用程序设置配置信息，如指定编译信息、身份验证模式、为应用程序指定会话超时时间等。在任务分析中将进一步学习XML语法，并详细介绍配置文件的查找优先级及Web.Config配置文件的使用方法。返回本章继续下一页返回上一页1、创建Web配置文件Web.config；

2、配置Web.config文件；3、<customErrors>节测试；（1）创建页面NoAccess.htm，用于当用户没有权限访问请求的资源时，为用户提供信息提示，并编写相应程序代码；（2）创建页面FileNotFound.htm，用于当用户访问的资源不存在时，为用户提供信息提示，并编写相应程序代码；（3）进行两种错误页测试：一是用户访问的资源不存在，即NoAccess.htm；另一种情况是用户访问了无权请求的资源，即FileNotFound.htm。二、任务实施任务二Web.Config文件配置返回本章继续下一页返回上一页1、Web.Config配置文件的基本概述三、相关知识

每个web.config文件都是基于XML的文本文件，并且可以保存到Web应用程序中的任何目录中。在发布Web应用程序时web.config文件并不编译进dll文件中。2、Web.config配置文件的优点3、配置文件的查找优先级4、Web.Config配置文件的基本结构

①配置节处理程序声明

②配置节设置任务二Web.Config文件配置返回本章继续下一页返回上一页任务二Web.Config文件配置①<appSettings>节点

②<connectionStrings>节点

③<compilation>节点

④<authentication>节点

⑤<customErrors>节点

⑥<error>子节点

⑦<httpHandlers>节点

⑧<httpRuntime>节点

⑨<pages>节点

⑩<sessionState>节点<globalization>节点5、Web.Config配置文件的配置方法返回本章继续下一页返回上一页四、任务拓展

本任务需要创建一个SqlHelper类，为其添加静态方法GetSqlConnection()，用于返回数据库连接字符串，然后创建测试页面test.aspx，在Page_Load事件中调用SqlHelper类的GetSqlConnection()方法，向页面输出数据库连接字符串。1、SqlHelper类

（1）创建SqlHelper类

（2）编辑代码2、测试页面test.aspx任务二Web.Config文件配置返回本章继续下一页返回上一页课后习题见教材第146页本章首页继续下一页返回上一页

授课教师:XXXXXXX

电子邮件:

XXXXXXX

能力目标：①能够在VS.NET环境中使用C#编写一个能实现异常处理、内容校验等功能的通用业务类；②能够在VS.NET环境中使用C#编写一个能实现读取、修改、删除和添加系统代码的业务类；。

知识目标：①了解业务逻辑层的基本结构及其作用；②了解构造器的概念及其作用；③掌握业务逻辑规范和数据规范的定义方法；④掌握异常处理、内容校验的的设计步骤与方法；⑤掌握C#类定义、实现与调用的方法。本章首页继续下一页返回上一页教学目标：

在B/S三层架构的应用程序开发中，通常把对业务需求有关的逻辑处理（如业务规则的制定、业务流程的实现等）进行封装，以供表示层页面程序的调用，保证程序运行的健壮性。因此，本项目的主要任务是对衣购网电子商务网站相关的业务逻辑规范以及数据规范进行定义和程序实现。

本项目共设1个工作任务，即任务1业务逻辑层的设计与实现。本章首页继续下一页返回上一页项目简介：返回本章继续下一页返回上一页任务一业务逻辑层的设计与实现

业务逻辑层主要完成系统中的业务逻辑，包括业务规则的制定和业务流程的实现两大部分，如完成数据添加、修改和查询业务等；不允许指定的文本框中输入空字符串，数据格式是否正确以及数据类型验证；用户权限的合法性判断等。因此，本任务首先是根据需求分析确定业务逻辑功能；然后在VS.NET中使用C#语言编写这些业务逻辑功能类的实现。一、任务引导返回本章继续下一页返回上一页1、由需求分析确定业务逻辑

由需求分析可知，衣购网电子商务网站主要包括购物车、留言板、订单、商品、回复、商品类型和用户信息等业务逻辑。通过对业务逻辑层的各个业务逻辑的操作流程和业务规则的分析，确定各个业务逻辑类的操作方法。2、接口的编程实现

（1）编写CartBLL接口类；

（2）编写MessageBLL接口类；（3）编写OrderBLL接口类；

（4）编写IProductDAL接口类；

（5）编写RelayBLL接口类

（6）编写UserinfoBLL接口类二、任务实施任务一业务逻辑层的设计与实现返回本章继续下一页返回上一页1、类的继承

（1）基本概念

继承是允许重用现有类去创建新类的过程。派生类继承基类的语法如下：

usingSystem;publicclassPerson{//这是基类;}publicclassStudent:Person

（2）调用基类的构造函数

（3）虚方法

（4）隐藏方法三、相关知识任务一业务逻辑层的设计与实现返回本章继续下一页返回上一页2、类的多态

（1）基本概念

多态性是指同一操作作用于不同的对象，可以有不同的解释，产生不同的执行结果。多态性通过派生类重载基类中的虚函数型方法来实现。多态性分为两种，一种是编译时的多态性，一种是运行时的多态性。

（2）多态的四个概念

①重载

②覆写

③虚方法

④抽象方法三、相关知识任务一业务逻辑层的设计与实现返回本章继续下一页返回上一页四、任务拓展1、编写Type_1BLL业务逻辑类

①打开VS.NET，选择“文件”—>“新建文件”命令，打开“新建文件”对话框。然后在模板列中，选择“VisualC#类”模板。

②单击“打开”按钮，进入“VisualC#类”模板类编程界面，然后编写相应代码。2、编写Type_2BLL接口类

①打开VS.NET，选择“文件”—>“新建文件”命令，打开“新建文件”对话框。然后在模板列中，选择“VisualC#类”模板，如图5.5所示。

②单击“打开”按钮，进入“VisualC#类”模板类编程界面，然后编写相应代码。任务二Web.Config文件配置返回本章继续下一页返回上一页课后习题见教材第167页本章首页继续下一页返回上一页

授课教师:XXXXXXX

电子邮件:

XXXXXXX

能力目标：①能够运用Visio工具绘制数据访问层定义的类图及其类间关系；②能够在VS.NET环境中使用C#和SQL语句编写数据访问辅助类；③能够在VS.NET环境中使用C#和SQL语句编写数据访问层接口及数据访问工厂接口；④能够在VS.NET环境中使用C#和SQL语句编写数据访问层接口的实现类。

知识目标：①了解ADO.NET的体系结构及其接口技术；②了解数据访问层的基本结构及现实意义进行分析；③掌握基于Factory模式的数据访问层的设计步骤与方法；④掌握数据库连接、打开、关闭以及插入、修改、删除的SQL语法；⑤掌握C#数据绑定控件的功能及其代码编写的方法。本章首页继续下一页返回上一页教学目标：

本项目的工作任务首先是进行数据访问层的各个子层（类）及其交互关系进行规划与设计；其次是通过对业务逻辑层接口的分析确定需要何种数据访问操作，从而确定数据访问层接口以及数据访问工厂接口；然后是编写数据访问辅助类，用于向数据实体操作子层提供数据库连接、数据库命令、事务、参数和连接字符串；最后是定义数据实体操作子层，即编写在各个数据访问层接口及数据访问工厂接口的实现类。本章首页继续下一页返回上一页项目简介：返回本章继续下一页返回上一页任务一数据访问层的规划与设计

规划与设计数据访问层的结构与类间关系是数据访问层设计与开发的首要任务，主要涉及到数据访问层的结构框架和类的定义与关系两大内容。因此，本任务主要是根据业务逻辑层的接口定义和关系数据库表，确定数据访问层中的各个数据实体操作类，接口类和辅助类；然后是根据Factory模式划分各个子层（类）及其关系，并绘制数据访问层类图。数据访问层类图结果如图6.1所示。一、任务引导返回本章继续下一页返回上一页图2.1Visio2003的启动界面任务一数据访问层的规划与设计图6.1数据访问层类图返回本章继续下一页返回上一页

1、由业务逻辑确定数据访问操作；

（1）CartBLL需要的数据访问操作；

（2）MessageBLL需要的数据访问操作

（3）OrderBLL需要的数据访问操作

（4）ProductBLL需要的数据访问操作

（5）RelayBLL需要的数据访问操作

（6）Type_1BLL需要的数据访问操作

（7）Type_2BLL需要的数据访问操作

（8）UserinfoBLL需要的数据访问操作

2、数据访问层的结构框架

（1）数据访问接口子层二、任务实施任务一数据访问层的规划与设计返回本章继续下一页返回上一页

（2）实体操作类子层

（3）数据访问辅助类子层3、绘制数据访问层类图

（1）打开Visio2003，依次选择“文件”—>“新建”—>“软件”—>“UML模型图”，打开“UML模型图”工作界面；

（2）选择“形状”面板中的“UML静态结构”选项卡，并在该选项卡中将“类”图标拖动到工作区，然后双击类图标，打开“UML类属性”对话框，如图6.3所示。

（3）在“UML类属性”对话框中的“名称”文二、任务实施任务一数据访问层的规划与设计返回本章继续下一页返回上一页本框中，输入相应的类名，如输入“接口子层”中的购物车类接口名“Icart”，其他选项默认，最后单击“确定”。（4）重复（2）、（3）两个步骤，依次为各个子层添加相对应的类名。（5）为各个类之间添加类间关系，其中，数据访问工厂类IDALFactory与数据实体访问类之间建立依赖关系，数据接口类与数据实体访问类之间建立泛化关系，数据实体访问类与数据访问辅助类之间建立依赖关系。二、任务实施任务一数据访问层的规划与设计返回本章继续下一页返回上一页1、ADO.NET数据库访问技术（1）ADO.NET体系结构三、相关知识任务一数据访问层的规划与设计图6.4ADO.NET对象层次结构返回本章继续下一页返回上一页（2）.NET数据提供程序.NET数据提供程序是ADO.NET架构的核心组件，它使得数据源与组件、XMLWebServices以及应用程序之间可以进行通信。数据提供程序允许应用程序连接到数据源进行数据检索、更新和删除等操作。目前Microsoft.NET框架中主要包含了SQLServer、OLEDB、ODBC、Oracle以及EntityClient五种类型的.NET数据提供程序。2、Factory设计模式（1）基本原理（2）主要分类三、相关知识任务一数据访问层的规划与设计返回本章继续下一页返回上一页（2）主要分类

①简单工厂模式；

②工厂方法模式

③抽象工厂模式；

④工厂方法模式与抽象工厂模式的区别

工厂方法模式：只能有一个抽象产品类，但可以派生出多个具体产品类；只能有一个抽象工厂类，但可以派生出多个具体工厂类；每个具体工厂类只能创建一个具体产品类的实例。

抽象工厂模式：可以有多个抽象产品类，而每个抽象产品类可以派生出多个具体产品类；只能有一个抽象工厂类，但可以派生出多个具体工厂类；每个具体工厂类可以创建多个具体产品类的实例。三、相关知识任务一数据访问层的规划与设计返回本章继续下一页返回上一页四、任务拓展

●通用数据访问层的设计

①设计面向业务逻辑层的通用数据存储结构；

②设计供业务逻辑层调用的表接口；

③设计继承自接口的连接不同数据源的数据提取类；

④在配置文件中定义连接数据库的配置信息；

⑤利用factory模式实现不同数据源的调用任务一数据访问层的规划与设计返回本章继续下一页返回上一页为了实现对底层数据库连接和操作的封装，提高软件代码的可移植性与统