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

《职业院校立体化精品系列规划教材学习培训课件.ppt》由会员分享，可在线阅读，更多相关《职业院校立体化精品系列规划教材学习培训课件.ppt（26页珍藏版）》请在优文库上搜索。

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

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

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

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

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

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

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

8、，然后进行插入记录、插入重复区域、分页记录集等操作。通过本任务的学习，可以掌握记录网站数据的方法。本任务完成后的效果如本任务的学习，可以掌握记录网站数据的方法。本任务完成后的效果如下图所示。下图所示。 相关知识相关知识 在数据库创建成果后，若要像显示数据库中的记录还必须创建记录集。因为网页不能直接访问数据库中存储的数据，需要与记录集进行交互才能访问，记录集是通过数据库查询从数据库中提取的记录的子集，查询是一种专门用于从数据库中查找和提取特定信息的搜索语句， Dreamweaver中将这种查询语句以记录集的方式表示 任务实施任务实施 创建记录集创建记录集 打开“绑定”面板，单击“添加”按钮，在弹

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

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