第13章动态站点开发前的准备和运行环境的设置.ppt

网页制作基础教程 Dreamweaver8 0 电子教案 葛艳玲主编 ISBN7 121 02882 4 第13章准备动态网站的开发和运行环境 本章重点 IIS的设置 创建DSN数据源 站点的重定义 建立数据库连接 第13章准备动态网站的开发和运行环境 13 1动态网站开发准备13 2动态网站概述13 3设置动态网站开发及运行环境13 4实战演练 13 1动态网站开发准备 留言板制作 1 13 1 1案例综述留言板是网站与访客之间进行交流的主要手段 当访问者在留言板上输入留言信息时 通过表单将信息传到服务器 并存入数据库 经过处理之后再将反馈信息传回客户端 管理员还可通过管理界面对留言板进行管理 13 1动态网站开发准备 留言板制作 1 13 1 2案例分析留言板是一个基于WindowsXP 2000操作系统运行的Web应用程序 数据库采用MicrosoftAccess2000作为管理平台 本章主要介绍网站开发和运行的前期准备工作 包括 1 配置IIS服务器 建立虚拟目录2 建立数据库3 设置站点 采用服务器技术 4 创建数据源5 链接数据库 13 1动态网站开发准备 留言板制作 1 13 1 3实现步骤设置IIS站点管理创建数据库设置站点 远程信息 测试服务器 创建数据源 开始 程序 管理工具 数据源 ODBC 连接数据库 13 2动态网站概述 13 2 1动态网页技术通过两个工作流程图进行解释 静态网页请求过程 浏览器 服务器 访问请求 HTML页面 13 2动态网站概述 13 2 1动态网页技术通过两个工作流程图进行解释 动态网页请求过程 访问请求 处理结果 Web服务器 13 2动态网站概述 13 2 2构建动态网站的基本流程 1 安装设置Web服务器 2 安装设置Web应用程序服务器 3 安装动态网站所需数据库程序 4 安装数据库软件所需驱动程序 5 编写动态网站 6 上传服务器 7 客户端浏览 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置1 安装IIS5 0 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置1 安装IIS5 0 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置1 安装IIS5 0 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置1 安装IIS5 0 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置2 启动 停止Web站点 1 单击工具拦中按钮可以启动或停止该Web网站 2 可以通过以下几种方式访问Web站点 http http http 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置3 设置Web站点 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置3 设置Web站点 设置Web站点参数 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置3 设置Web站点 注 每个Web站都应有一个主目录 要设定主目录的物理位置 访问该网站的权限 及应用程序设置 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置 默认文档 当浏览器指定的URL中不包含文件名时 由网站提供给客户的文件 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 注 权限的设置一般按照默认设置即可 对写入权限的设置要慎重 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 创建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 删除虚拟目录仅删除其影射关系并不删除物理目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 1IIS的安装和设置4 新建站点及虚拟目录 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点 Dreamweaver8的站点管理模型由3个部分组成 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点本地站点可以说是Dreamweaver8的工作目录 可以看作是实体站点上的目录结构和文件在Dreamweaver8所在的开发工作站上的一份副本 远程站点Dreamweaver8用它来表示实体站点位置和具体内容 新建的文件只有从本地站点上传后 才会在远程站点中出现 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点测试服务器测试服务器是Dreamweaver8用来测试站点的位置和内容的 Dreamweaver8使用此服务器生成动态内容并在工作时连接到数据库 测试服务器是一个支持开发者选用的应用服务器技术的Web服务器 可以是本地计算机 测试用的服务器或生产服务器 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点建立面向Web应用开发的站点的操作步骤如下 选择 站点 管理站点 命令 选择要编辑的站点 单击 编辑 按钮 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点打开 站点定义 对话框 单击 高级 选项卡 选择 本地信息 分类 在选项中进行相应设置 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点选择 远程信息 分类 定义远程站点 13 3建立动态网站开发及运行环境 13 3 2重新定义Dreamweaver8站点测试服务器用于在设计过程中打开 活动数据 视图 查看和编辑动态内容 13 3 3后台数据库的连接动态页面的正常运行 需要后台数据库的支持 一 数据库系统的选择Oracle系统是当前市场上功能最强大 但是高价 MySQL是最流行的开放源数据库系统 是快速 灵活 性价比良好的数据库软件 SQLServer是市场上最全面的数据库产品 提供强大的企业数据库管理功能 MicrosoftAccess是市场上最流行的桌面数据库 对于数据库方面的新手 Access提供了一种易于使用的界面以便对数据库表进行操作 13 3建立动态网站开发及运行环境 13 3 3后台数据库的连接二 在Dreamweaver8中实现数据库连接的方法1 通过DSN 数据源名称 实现连接 1 定义系统DSN打开控制面板 双击 管理工具 然后打开其中的ODBC数据源管理器 在 ODBC数据源管理器 对话框中选择 系统DSN 选项卡 单击 添加 按钮 创建数据源 13 3建立动态网站开发及运行环境 13 3 3后台数据库的连接 2 在Dreamweaver8中通过DSN实现连接 在Dreamweaver8中打开留言板站点的主页面文档 index asp 在Dreamweaver8 0的 应用程序 面板中选择 数据库 选项卡 单击按钮弹出连接定义方式菜单 单击按钮下的 数据源名称 DSN 命令 打开 数据源名称 DSN 对话框 13 3建立动态网站开发及运行环境 13 3 3后台数据库的连接 2 在Dreamweaver8中通过DSN实现连接 在 连接名称 文本框处输入一个字符串作为连接名 在 数据源名称 DSN 下拉列表中选择所需的DSN 在 用户名 和 密码 对话框中分别输入创建数据源时的用户名和密码 如果没有设置用户名和密码 可以为空 单击 定义 按钮 即可打开如图13 46所示的对话框创建ODBC数据源 13 3建立动态网站开发及运行环境 13 3 3后台数据库的连接 2 在Dreamweaver8中通过DSN实现连接 单击 测试 按钮 弹出 成功创建连接脚本 提示信息 表示连接已创建成功 完成操作确定后 数据库面板就会出现新定义的连接名称 单击它前面的 展开 可以看到留言板数据库中的两个表 13 3建立动态网站开发及运行环境 13 3 3后台数据库的连接2 通过自定义连接字符串实现连接在Dreamweaver8中 使用 自定义连接字符串 方式连接到数据库的具体实现步骤如下 13 3建立动态网站开发及运行环境 单击 数据库 面板上的 选择 自定义连接字符串 选项 13 3 3后台数据库的连接2 通过自定义连接字符串实现连接 13 3建立动态网站开发及运行环境 在 自定义连接字符串 对话框中 在 连接字符串 处输入 Drive MicrosoftAccessDriver mdb DBQ 选中 使用测试服务器上的驱动程序 单选按钮 注意 这里利用Server对象里的MapPath方法 将虚拟路径转换为绝对路径 13 3 3后台数据库的连接2 通过自定义连接字符串实现连接 13 3建立动态网站开发及运行环境 单击 测试 按钮进行测试 连接到数据库的操作成功