第5章 动态网页的设计初步.ppt

5.3 搭建动态网站设计环境 5.3.4 开发环境的搭建 安装完成ASP服务器后，就可以在Dreamweaver中搭建开发环境，制作动态网站。我们以5.3.3中的ASP服务器为例介绍一下Dreamweaver中开发环境的搭建。假设ASP服务器完装在“D:\ASP服务器”下，则网站的根目录应放在“D:\ASP服务器\web”目录下。 Step1 打开Dreamweaver，新建站点，在“高级”选项卡中输入图5-20的信息，注意本地根文件夹一定要处于“D:\ASP服务器\web”目录下； 图5-20 站点本地信息 5.3 搭建动态网站设计环境 5.3.4 开发环境的搭建 Step2 单击图5-20左侧的“远程信息”，按图5-21输入信息； 图5-21 站点远程信息 5.3 搭建动态网站设计环境 5.3.4 开发环境的搭建 Step3 单击图5-21左侧的“测试服务器”，按图5-22输入信息；由于新建的网站在ASP服务器根目录的子目录下，注意的“URL前缀”中输入子目录的名称。 图5-21 站点远程信息 5.3 搭建动态网站设计环境 5.3.4 开发环境的搭建 Step4 单击“确定”完成开发环境的搭建。要测试服务器架设是否成功。在图5-23所示的站点文件窗口中新建一个名称为“index.asp”的文件，双击输入“测试”字样。单击“在浏览器中预览／调试”，（或者打开IE浏览器，输入http://localhost/dongtai，其中dongtai是根目录中子目录的名称)，如果能够正常打开并访问网页（如图5-24），表示网站的开发环境搭建成功。 5-22 站点的远程服务器信息 图5-23 新建文件 图5-24 开发环境搭建成功的界面 5.3 搭建动态网站设计环境 5.3.4 开发环境的搭建 Step4 单击“确定”完成开发环境的搭建。要测试服务器架设是否成功。在图5-23所示的站点文件窗口中新建一个名称为“index.asp”的文件，双击输入“测试”字样。单击“在浏览器中预览／调试”，（或者打开IE浏览器，输入http://localhost/dongtai，其中dongtai是根目录中子目录的名称)，如果能够正常打开并访问网页（如图5-24），表示网站的开发环境搭建成功。 为了保证开发工作的正常进行，以上环境搭建必须经过成功测试，否则以下的工作将有可能无法完成。 5.4 数据库的建立与连接 5.4.1 数据库建立 在创建数据库之前，首先要规划自己的数据库，要尽量使数据库设计合理。既要包含重要的信息，又要能节省数据的存储空间。例如设计网页上的论坛界面，就需要建立一个用户数据库，添加一个保存用户信息的表，用来存放用户的基本信息，包括用户名、密码、注册时间。还需要一个记录用户登录信息的表，记录用户的登录时间、留言内容、登录IP字段等信息。 打开“office Access”程序（如果系统中没有安装Access数据库，则需要重新安装Access数据库），进入其主页面，在右侧找到“新建文件”下的“空数据库”。单击“空数据库”，将会弹出新建一个空数据库的窗口，如图所示。在弹出的“文件新建数据库”窗口中，选择新建立的数据库的存放位置以及数据库的名称。填写完后单击“创建”，系统就建好了一个空数据库。 5.4 数据库的建立与连接 5.4.1 数据库建立 空数据库中还没有包括数据信息，需要在数据库中创建表。表在表现形式上是一个二维表格，一个数据库实际上是包含有多个表的集合。当我们在如图所示的窗口中单击“创建”完成数据库的创建后，系统会弹出如图所示的窗口，它提供了三种在数据库中创建表的方法，即“使用设计器创建表”、“使用向导创建表”和“通过输入数据创建表”。我们可以采用“使用设计器创建表”方法新建表。 5.4 数据库的建立与连接 5.4.1 数据库建立 创建表分为两步，第一步是创建表的结构，即定义表中每一列（字段）的属性，第二步是向表中添加数据。在图5-26所示窗口中单击“使用设计器创建表”，可以弹出如图5-27所示的定义表的结构对话框，在此创建表的结构。 双击“使用设计器创建表”选项，在新弹出的窗口填写字段名称，选择该字段相应的数据类型，搭建起表的基本结构。例如我们要创建的是一个记录用户登录信息的表，则需要有的字段为“编号”、“用户名”、“电话”、“邮箱”、“内容”等字段。考虑到编写程序的需要，一般用字母表示如id、user、tele、mail、content。 5.4 数据库的建立与连接 5.4.1 数据库建立 创建表分为两步，第一步是创建表的结构，即定义表中每一列（字段）的属性，第二步是向表中添加数据。