职业院校立体化精品系列规划教材学习培训课件.ppt

1、职业院校立体化精品系列规划教材项目七项目七 实现动态网页效果实现动态网页效果目目 标标v学习目标学习目标 了解动态网页的基础知识、开发流程、了解动态网页的基础知识、开发流程、WebWeb服务器服务器 熟悉熟悉IISIIS的安装与配置，以及的安装与配置，以及AccessAccess数据库的使用数据库的使用 掌握动态站点的创建与配置，以及数据源的创建掌握动态站点的创建与配置，以及数据源的创建v技能目标技能目标 掌握记录集的创建和记录的插入等操作掌握记录集的创建和记录的插入等操作 能够制作常见的简单动态网页能够制作常见的简单动态网页主要内容主要内容配置动态网页数据源1制作登录数据管理页面2实训一制作

2、“加入购物车”页面3实训二 制作蓉锦大学“用户登录”动态页面4配置动态网页数据源配置动态网页数据源任务实施任务实施任务目标任务目标相关知识相关知识任务目标任务目标本任务将完成实现动态网页前的各种配置操作，包括安装于配置本任务将完成实现动态网页前的各种配置操作，包括安装于配置IIS服务器、定义站点、创建数据库连接等。本任务完成后效果如下图所示。服务器、定义站点、创建数据库连接等。本任务完成后效果如下图所示。相关知识相关知识v认识动态网页认识动态网页动态网页以数据库技术为基础，可以极大地降低网站数据维护的工作量。动态网页可以实现用户注册、用户登录、在线调查、订单管理等各种功能。动 态网页并不是独立

3、存在于服务器上的网页，只有当用户请求时服务器才会返回一个完整的网页。相关知识相关知识v动态网页的开发流程动态网页的开发流程在制作动态网页的过程中，一般先制作静态页面，然后创建动态内容，即创建数据库、请求变量、服务器变量、表单变量、预存过程等内容。将这些源内容添加到页面中，最后对整个页面进行测试，测试通过即可完成该动态页面的制作，如果未通过，则需进行检查修改，直至通过为止。最后将完成本地测试的整个网站上传到Internet申请的空间中，再次进行测试，测试成功后就可正式运行。相关知识相关知识vWeb服务器服务器IIS：可在Windows NT以上的系统中对ASP动态网页提供有效的支持，虽然不能跨平

4、台的特性限制了其使用范围，但Windows操作系统的普及使它得到了广泛的应用。IIS主要提供FTP、HTTP、SMTP等服务，它使Internet成为了一个正规的应用程序开发环境。Apache：为网络管理员提供了非常多的管理功能，主要用于Unix和Linux平台，也可在Windows平台中使用。Apache的特点是简单、快速、性能稳定，并可作为代理服务器来使用。Tomcat：可以为独立的Web服务器来使用。但是在作为Web服务器方面，Tomcat处理静态HTML页面时不如Apache迅速，也没有Apache稳定，所以一般将Tomcat与Apache配合使用，让Apache对网站的静态页面请求提

5、供服务，而Tomcat作为专用的JSP引擎，提供JSP解析，以得到更好的性能任务实施任务实施v安装与配置安装与配置IIS打开“Windows功能”对话框，展开“Internet信息服务”选项，单击选中“Web管理工具”选项下的所有子目录。返回“控制面板”窗口，单击“管理工具”超链接，打开“管理工具”窗口，双击“Internet信息服务(IIS)管理器”选项。打开“Internet信息服务(IIS)管理器”窗口，在其中进行设置即可。任务实施任务实施v使用使用Access创建数据创建数据启动Access 2010，新建数据库并保存，单击“创建”按钮，创建空数据库后，在“开始”选项卡的“视图”组中，

6、单击“视图”按钮，在弹出的列表中选择“设计视图”选项，在该视图下编辑表格即可。任务实施任务实施v创建与配置动态站点创建与配置动态站点选择【站点】/【新建站点】菜单命令，在打开对话框左侧的列表框中选择“站点”选项，将站点名称设置为“gsw”，将本地站点文件夹设置为F盘下的“gsw”文件夹。在左侧的列表框中选择“服务器”选项，单击右侧界面中的“添加”按钮，打开设置服务器的界面，在“服务器名称”文本框中输入“gsw”，在“连接方法”下拉列表框中选择“本地/网络”选项，单击“服务器文件夹”文本框右侧的“浏览文件夹”按钮，在其中进行设置。任务实施任务实施v创建数据源创建数据源打开“ODBC 数据源管理器

7、”对话框，选择“系统DSN”选项卡，单击其中的按钮，打开“创建新数据源”对话框，在“名称”列表框中选择“Microsoft Access Driver（*.mdb，*.accdb）”选项，确认后根据提示进行设置。制作登录数据管理页面制作登录数据管理页面任务实施任务实施任务目标任务目标相关知识相关知识任务目标任务目标本任务将使用记录功能来制作本任务将使用记录功能来制作“登录数据管理登录数据管理”页面，制作时先创建页面，制作时先创建记录集，然后进行插入记录、插入重复区域、分页记录集等操作。通过记录集，然后进行插入记录、插入重复区域、分页记录集等操作。通过本任务的学习，可以掌握记录网站数据的方法。本

8、任务完成后的效果如本任务的学习，可以掌握记录网站数据的方法。本任务完成后的效果如下图所示。下图所示。相关知识相关知识在数据库创建成果后，若要像显示数据库中的记录还必须创建记录集。因为网页不能直接访问数据库中存储的数据，需要与记录集进行交互才能访问，记录集是通过数据库查询从数据库中提取的记录的子集，查询是一种专门用于从数据库中查找和提取特定信息的搜索语句，Dreamweaver中将这种查询语句以记录集的方式表示任务实施任务实施v创建记录集创建记录集打开“绑定”面板，单击“添加”按钮，在弹出的列表中选择“记录集（查询）”命令。打开“记录集”对话框，在“名称”文本框中输入“mes”，在“连接”下拉列

9、表框中选择“testconn”选项，在“排序”下拉列表框中选择“UserID”选项，在右侧的下拉列表框中选择“升序”选项，确认即可。任务实施任务实施v创建插入记录创建插入记录在“绑定”面板中选择插入记录集中的“UserID”选项，单击 按钮，插入点所在单元格中将插入“mes”记录中的“UserID”字段。任务实施任务实施v插入重复区域插入重复区域选择【窗口】/【服务器行为】菜单命令，打开“服务器行为”面板，单击“添加”按钮，在弹出的列表中选择“重复区域”选项。打开“重复区域”对话框，在其中进行设置即可。任务实施任务实施v分页记录集分页记录集单击单击“服务器行为服务器行为”面板中的面板中的“添加

10、添加”按钮，在弹出的列表中选择按钮，在弹出的列表中选择【记记录集分页录集分页】/【移至前一条记录移至前一条记录】菜单命令，打开菜单命令，打开“移至前一条记录移至前一条记录”对话框，确认即可。对话框，确认即可。实训一实训一制作制作“加入购物车加入购物车”页面页面v实训要求实训要求本实训要求为果蔬网购物网站制作本实训要求为果蔬网购物网站制作“加入购物车加入购物车”页面，使用户可以在页面，使用户可以在此页面中输入需要购买的产品信息，然后通过单击此页面中输入需要购买的产品信息，然后通过单击“加入购物车加入购物车”按按钮将这些信息显示到确认购买的页面。钮将这些信息显示到确认购买的页面。实训一实训一制作制

11、作“加入购物车加入购物车”页面页面v实训思路实训思路根据实训要求，本实训涉及记录集的创建、记录的插入、重复区域的插入等内容，同时还将涉及“插入记录表单向导”功能的使用。如图7-52所示即为制作的“加入购物车”网页效果，在该页面中输入数据后单击“加入购物车”按钮，可跳转到相应的确认购物页面。实训二实训二制作蓉锦大学制作蓉锦大学“用户登录用户登录”动态页面动态页面v实训要求实训要求本实训要求制作蓉锦大学的“用户登录”动态页面，目的在于将用户登录的信息同步收集到数据表中，以便网络管理员对数据进行管理，效果如下图所示。实训二实训二制作蓉锦大学制作蓉锦大学“用户登录用户登录”动态页面动态页面v实训思路实

12、训思路根据实训要求，本实训主要包括根据实训要求，本实训主要包括IIS的配置、动态站点的创建和数据源的的配置、动态站点的创建和数据源的添加与绑定等过程。添加与绑定等过程。习题习题（1）创建名为）创建名为“info”的的Access数据库并在其中创建数据库并在其中创建“info”表，字段表，字段名称包括名称包括“ID”、“Name”、“Sex”、“Age”和和“Email”，其中，其中“ID”字段字段和和“Age”字段为数字类型，其余字段为文本类型，并输入各条记录。字段为数字类型，其余字段为文本类型，并输入各条记录。（2）配置别名为）配置别名为“info”、位置为、位置为“D:info”的的IIS

13、。配置站点名称为。配置站点名称为“info”，本地根文件夹为，本地根文件夹为“D:info”，Web URL地址为地址为“http:/localhost/info/”，服务器模型为，服务器模型为“ASPVBScript”，访问类型为，访问类型为“本地本地/网络网络”的测试服务器。的测试服务器。习题习题（3）创建数据源名为）创建数据源名为“info”，说明为，说明为“用户信息用户信息”，数据库为，数据库为“info.accdb”的数据源。打开的数据源。打开“info.asp”网页文件，绑定网页文件，绑定“info”记录集，排记录集，排序为序为“ID、升序、升序”。在第。在第3行各单元格中依次插入绑定好的记录集中相应的行各单元格中依次插入绑定好的记录集中相应的字段，将第字段，将第3行设置为重复区域，并插入记录集分页等内容。行设置为重复区域，并插入记录集分页等内容。（4）保存并预览网页效果。）保存并预览网页效果。谢谢观赏