1、职业院校立体化精品系列规划教材项目七 实现动态网页效果目 标v学习目标 了解动态网页的基础知识、开发流程、Web服务器 熟悉IIS的安装与配置，以及Access数据库的使用 掌握动态站点的创建与配置，以及数据源的创建v技能目标 掌握记录集的创建和记录的插入等操作 能够制作常见的简单动态网页主要内容配置动态网页数据源1制作登录数据管理页面2实训一制作“加入购物车”页面3实训二 制作蓉锦大学“用户登录 ”动态页面4配置动态网页数据源任务实施任务目标相关知识任务目标本任务将完成实现动态网页前的各种配置操作，包括安装于配置IIS服务器、定义站点、创建数据库连接等。本任务完成后效果如下图所示。相关知识v
2、认识动态网页动态网页以数据库技术为基础，可以极大地降低网站数据维护的工作量。动态网页可以实现用户注册、用户登录、在线调查、订单管理等各种功能。动 态网页并不是独立存在于服务器上的网页，只有当用户请求时服务器才会返回一个完整的网页。相关知识v动态网页的开发流程在制作动态网页的过程中，一般先制作静态页面，然后创建动态内容，即创建数据库、请求变量、服务器变量、表单变量、预存过程等内容。将这些源内容添加到页面中，最后对整个页面进行测试，测试通过即可完成该动态页面的制作，如果未通过，则需进行检查修改，直至通过为止。最后将完成本地测试的整个网站上传到Internet申请的空间中，再次进行测试，测试成功后就
3、可正式运行。相关知识vWeb服务器IIS：可在Windows NT以上的系统中对ASP动态网页提供有效的支持，虽然不能跨平台的特性限制了其使用范围，但Windows操作系统的普及使它得到了广泛的应用。IIS主要提供FTP、HTTP、SMTP等服务，它使Internet成为了一个正规的应用程序开发环境。Apache：为网络管理员提供了非常多的管理功能，主要用于Unix和Linux平台，也可在Windows平台中使用。Apache的特点是简单、快速、性能稳定，并可作为代理服务器来使用。Tomcat：可以为独立的Web服务器来使用。但是在作为Web服务器方面，Tomcat处理静态HTML页面时不如A
4、pache迅速，也没有Apache稳定，所以一般将Tomcat与Apache配合使用，让Apache对网站的静态页面请求提供服务，而Tomcat作为专用的JSP引擎，提供JSP解析，以得到更好的性能任务实施v安装与配置IIS打开“Windows功能”对话框，展开“Internet信息服务”选项，单击选中“Web管理工具”选项下的所有子目录。返回“控制面板”窗口， “管理工具”超接，打开“管理工具”窗口，双“Internet信息服(IIS)管理器” 。打开“Internet信息服(IIS)管理器”窗口，在其中行置即可。任务实施v使用Access创建数据启动Access 2010，新建数据库并保存
5、， “建”按，建空数据后，在“开始” 卡的“ ”中， “ ”按，在出的列表中 “ ” ，在 下 表格即可。任务实施v创建与配置动态站点选择【站点】/【新建站点】菜单命令，在打开对话框左侧的列表框中选择“ 站点” 选项， 将站点名称设置为“gsw”，将本地站点文件夹设置为F盘下的“gsw”文件夹。在左的列表框中 “服器” ， 右界面中的“添加”按， 打开置服器的界面，在“服器名称”文本框中入“gsw”，在“接方法”下拉列表框中 “本地/网” ， “服器文件”文本框右的“ 文件”按，在其中行置。任务实施v创建数据源打开“ODBC 数据源管理器” 框， “系DSN” 卡， 其中的按，打开“建新数据源
6、” 框，在“名称”列表框中“Microsoft Access Driver（*.mdb，*.accdb）” ，确后根据提示行置。制作登录数据管理页面任务实施任务目标相关知识任务目标本任务将使用记录功能来制作“登录数据管理”页面，制作时先创建记录集，然后进行插入记录、插入重复区域、分页记录集等操作。通过本任务的学习，可以掌握记录网站数据的方法。本任务完成后的效果如下图所示。相关知识在数据 建成果后，若要像示数据中的 必 建 集。因网不能直接 数据中存的数据，需要与 集行交互才能 ， 集是通数据 从数据中提取的的子集， 是一种 用于从数据中找和提取特定信息的搜索句， Dreamweaver中将种
7、句以 集的方式表示任务实施v创建记录集打开“绑定”面板，单击“添加”按钮，在弹出的列表中选择“记录集（查询）”命令。打开“记录集”对话框，在“名称”文本框中输入“mes”，在“连接”下拉列表框中选择“testconn”选项，在“排序”下拉列表框中选择“UserID”选项，在右侧的下拉列表框中选择“升序”选项，确认即可。任务实施v创建插入记录在“绑定”面板中选择插入记录集中的“UserID”选项，单击 按钮，插入点所在元格中将插入“mes” 中的“UserID”字段。任务实施v插入重复区域选择【窗口】/【服务器行为】菜单命令，打开“服务器行为”面板，单击“添加”按钮，在弹出的列表中选择“重复区域
8、”选项。打开“重复区域”框，在其中行置即可。任务实施v分页记录集单击“服务器行为”面板中的“添加”按钮，在弹出的列表中选择【记录集分页】/【移至前一条记录】菜单命令，打开 “移至前一条记录”对话框，确认即可。实训一制作“加入购物车”页面v实训要求本实训要求为果蔬网购物网站制作“加入购物车”页面，使用户可以在此页面中输入需要购买的产品信息，然后通过单击“加入购物车”按钮将这些信息显示到确认购买的页面。实训一制作“加入购物车”页面v实训思路根据 要求，本 涉及 集的建、 的插入、重复区域的插入等内容，同 将涉及“插入 表向”功能的使用。如7-52所示即制作的“加入物”网效果，在 面中入数据后 “加
9、入物”按，可跳到相的确 物面。 实训二制作蓉锦大学“用户登录 ”动态页面v实训要求本实训要求制作蓉锦大学的“用户登录”动态页面，目的在于将用户登录的信息同步收集到数据表中，以便网络管理员对数据进行管理，效果如下图所示。实训二制作蓉锦大学“用户登录 ”动态页面v实训思路根据实训要求，本实训主要包括IIS的配置、动态站点的创建和数据源的添加与绑定等过程。习题（1）创建名为“info ” 的Access数据库并在其中创建“info”表，字段名称包括 “ID”、“Name”、“Sex”、“Age”和“Email”，其中“ID”字段和“Age”字段为数字类型，其余字段为文本类型，并输入各条记录。（2）配置别名为“info”、位置为“D:info”的IIS。配置站点名称为“info”，本地根文件夹为“D:info”，Web URL地址为“http:/localhost/info/”，服务器模型为“ASPVBScript”，访问类型为 “本地/网络”的测试服务器。习题（3）创建数据源名为“info”，说明为“用户信息”，数据库为“info.accdb”的数据源。打开“info.asp”网页文件，绑定“info”记录集，排序为“ID、升序”。在第3行各单元格中依次插入绑定好的记录集中相应的字段，将第3行设置为重复区域，并插入记录集分页等内容。（4）保存并预览网页效果。谢谢观赏
