应用原型-结构化生命周期法的开发步骤课件

图2.3 应用原型+结构化生命周期法的开发步骤系统实现与评价意满不系统设计系统分析系统定义修改扩充原型建立系统原型提出新需求6总体设计7评审8详细设计5需求分析9评审4评审3可行性研究11切换运行12系统评价2系统调查1系统请求系统建设阶段满意原型评价10编程调试系统规划阶段系统重构阶段简易学生管理实验一实验一 建立项目管理器、建立数据库建立项目管理器、建立数据库和表、输入部分数据和表、输入部分数据 实验目的实验目的实验内容实验内容实验步骤实验步骤实验目的实验目的v熟悉熟悉Visual Visual FoxproFoxpro项目管理器的使用；项目管理器的使用；v熟悉数据库的概念和熟悉数据库的概念和Visual Visual FoxproFoxpro数据表的数据表的概念；概念；v掌握数据表的建立方法，数据直接输入的方掌握数据表的建立方法，数据直接输入的方法；法；v熟练掌握表文件的打开、浏览、关闭。熟练掌握表文件的打开、浏览、关闭。实验内容实验内容v建立项目管理器建立项目管理器“学生成绩管理系统学生成绩管理系统”；v建立数据库建立数据库“成绩库成绩库”，并创建，并创建4个与学生个与学生成绩管理系统工作密切相关的数据表成绩管理系统工作密切相关的数据表“班班级号名级号名”、“学生学生”、“学生选课学生选课”、“课程课程”(任课教师任课教师)；v直接为直接为“班级号名班级号名”、“课程课程”两个数据表两个数据表输入数据。输入数据。实验步骤实验步骤（一）（一）Visual Visual FoxproFoxpro基本操作基本操作（二）项目管理器和数据库的建立（二）项目管理器和数据库的建立（三）创建数据表和输入部分数据（三）创建数据表和输入部分数据班级班级所所 属属学学 生生学学生生选选课课成成 绩绩课课 程程授授 课课教教 师师l ln nm mn nm mn n（1 1）班级号名）班级号名.DBF.DBF与学生与学生.DBF.DBF通过班级编号字段通过班级编号字段相互连接相互连接（2 2）学生）学生.DBF.DBF与学生学课与学生学课.DBF.DBF通过学号字通过学号字段相互连接段相互连接（3 3）学生学课）学生学课.DBF.DBF与任课教师与任课教师.DBF.DBF通过课通过课程编号字段相互连接程编号字段相互连接实验二实验二 数据输入表单的建立数据输入表单的建立实验目的实验目的实验内容实验内容实验步骤实验步骤实验目的实验目的v熟悉表单的概念、常用控件的用途、对象熟悉表单的概念、常用控件的用途、对象的属性等概念的属性等概念 v掌握掌握Visual Visual FoxproFoxpro数据输入表单的建立数据输入表单的建立过程过程 实验内容实验内容v建立一个满足对成绩进行各种输入建立一个满足对成绩进行各种输入所需的表单；所需的表单；v通过表单输入学生基本数据通过表单输入学生基本数据实验步骤实验步骤v打开项目管理器打开项目管理器 v建立记录输入表单建立记录输入表单:利用表单设计器设计利用表单设计器设计“学生基本数据输入学生基本数据输入”表单表单(进入表单设计界面进入表单设计界面 、标题设置、有关控件设置、标题设置、有关控件设置 、命令按钮设置、命令按钮设置 、过、过程代码编辑程代码编辑 ）v输入数据输入数据 实验三实验三 成绩输入成绩输入另外一种输入方法另外一种输入方法 实验目的实验目的实验内容实验内容实验步骤实验步骤实验目的实验目的v熟悉表单的的另一种在输入数据方面的应熟悉表单的的另一种在输入数据方面的应用。用。v掌握掌握Visual Visual FoxproFoxpro表格（表格（GridGrid）的编辑）的编辑方法。方法。v掌握表格与数据表对应关系的建立方法。掌握表格与数据表对应关系的建立方法。实验内容实验内容v从表单或页框中的页面中添加表格从表单或页框中的页面中添加表格（Grid）控件）控件 v从表格中输入数据从表格中输入数据实验步骤实验步骤v进入项目管理器进入项目管理器 v建立成绩输入表单建立成绩输入表单 进入表单设计界面进入表单设计界面 、输入标题、输入标题 、建立下拉列表框和表、建立下拉列表框和表格格 、为组合框、为组合框Combo1Combo1及文本框及文本框Text1Text1设置属性设置属性 、“返回返回”按钮的设置按钮的设置 、过程代码设置、过程代码设置 v运行表单输入成绩运行表单输入成绩 简易学生管理实验四实验四 成绩查询成绩查询实验目的实验目的实验内容实验内容实验步骤实验步骤实验目的实验目的v熟悉表单的在查询方面的应用；熟悉表单的在查询方面的应用；v理解并掌握视图的概念和建立方法理解并掌握视图的概念和建立方法 v掌握页框的使用方法掌握页框的使用方法 v掌握按班级、按学号、按课程查询学生成绩的掌握按班级、按学号、按课程查询学生成绩的方法，以及查询全体学生成绩概况的方法方法，以及查询全体学生成绩概况的方法 表单用于显示和编辑表的内容，表单是程序和人进行交互的重要界面，表单是一个容器，可以在其中包含多个控件或菜单，还可以捆绑数据环境，运行表单时，它所包含的所有控件将都被加载，同时数据环境中的表和视图等也自动打开。视图是从一个或多个表或视图中导出的数据集合。由于视图中的数据是从数据表库提取的，数据库只保存它的定义，所以视图只是一个虚表。视图不能以自由表的形式存在，只能依附于某一数据库而存在，并且只有在打开相应的数据库后，才能创建和使用视图。页框（页框（pageframe)是包含页面是包含页面（page)的容器，用户可以在页的容器，用户可以在页框中定义多个页面，以生成带框中定义多个页面，以生成带有选项卡的对话框。页框的常有选项卡的对话框。页框的常用属性是用属性是pagecount，它指定页，它指定页框中包含的页面数，页面常用框中包含的页面数，页面常用的属性是的属性是caption，它是页面的，它是页面的标题，即选项卡的标题。标题，即选项卡的标题。实验四实验四 成绩查询成绩查询实验目的实验目的实验内容实验内容实验步骤实验步骤实验内容实验内容v建立一个满足对成绩进行各种查询所建立一个满足对成绩进行各种查询所需的视图；需的视图；v建立一个有多页面页框的表单，使表建立一个有多页面页框的表单，使表单运行时通过页面的选择，能分别查询单运行时通过页面的选择，能分别查询全体学生成绩概况、按班级、按学号、全体学生成绩概况、按班级、按学号、按课程查询学生成绩。按课程查询学生成绩。实验四实验四 成绩查询成绩查询实验目的实验目的实验内容实验内容实验步骤实验步骤实验步骤实验步骤v进入项目管理器进入项目管理器 v建立成绩查询所需要的视图建立成绩查询所需要的视图 v建立成绩查询表单建立成绩查询表单 v设置数据环境设置数据环境v设计页面：设计页面：学生成绩概况、按班级查询、学生成绩概况、按班级查询、按学号查询、按课程查询按学号查询、按课程查询 实验五实验五 打印成绩表打印成绩表 实验目的实验目的实验内容实验内容实验步骤实验步骤实验目的实验目的 v 设计按不同的需要调用报表的表单设计按不同的需要调用报表的表单 v 熟悉打印所需中间表的使用熟悉打印所需中间表的使用v 理解通过编程由多表产生一个临时表理解通过编程由多表产生一个临时表的方法的方法 v 掌握使用报表设计器创建和修改报表掌握使用报表设计器创建和修改报表的方法的方法的方法的方法 报表是最常用的打印文档，它可以以数据库表、自由表、视图、查询临时表等为数据源，由用户自定义打印格式，为显示数据提供了灵活的途径。VFP提供了三种创建报表的方法：使用报表向导创建报表、使用报表设计器创建自定义报表、使用快速报表创建简单规范的报表。当打印所需数据来源于多个表时，为方便编程操作这些数据，可建立一个临时中间表存放这些数据，待打印结束再删除这个临时表。实验五实验五 打印成绩表打印成绩表 实验目的实验目的实验内容实验内容实验步骤实验步骤实验内容实验内容v设计一个学生成绩打印表单，在表单设计一个学生成绩打印表单，在表单上通过单选按钮可分别选择按班级、上通过单选按钮可分别选择按班级、按课程打印学生成绩。按课程打印学生成绩。v设计有关的控件，并根据应用问题为设计有关的控件，并根据应用问题为各控件设计相应的程序代码。各控件设计相应的程序代码。v设计班级成绩单、课程成绩单两个报设计班级成绩单、课程成绩单两个报表定义文件，可通过运行表单分别调表定义文件，可通过运行表单分别调用这两个文件，输出所需报表。用这两个文件，输出所需报表。实验五实验五 打印成绩表打印成绩表 实验目的实验目的实验内容实验内容实验步骤实验步骤实验步骤实验步骤v设计设计“学生成绩打印学生成绩打印”表单表单 v创建报表定义文件创建报表定义文件“班级成绩表班级成绩表”v调试调试“按班级打印按班级打印”报表报表 v创建报表定义文件创建报表定义文件“课程成绩表课程成绩表”，并调，并调试试“按课程打印按课程打印”报表报表 实验六实验六 统计分析统计分析 实验目的实验目的实验内容实验内容实验步骤实验步骤实验目的实验目的 v熟悉成绩管理中统计分析的简单要求熟悉成绩管理中统计分析的简单要求v掌握分析结果的数据表现形式掌握分析结果的数据表现形式v掌握分析结果的图形表现形式掌握分析结果的图形表现形式v掌握统计表单的深入应用掌握统计表单的深入应用 实验六实验六 统计分析统计分析 实验目的实验目的实验内容实验内容实验步骤实验步骤实验内容实验内容v设计一个能进行学生成绩统计分析的设计一个能进行学生成绩统计分析的表单；表单；v运行表单，通过页面的选择，将学生运行表单，通过页面的选择，将学生成绩统计分析结果分别以数据和图形成绩统计分析结果分别以数据和图形的形式显示出来。的形式显示出来。实验六实验六 统计分析统计分析 实验目的实验目的实验内容实验内容实验步骤实验步骤实验步骤实验步骤v设计设计“成绩分析成绩分析”表单表单 v调试调试“数据形式数据形式”页面页面 v在在“图形形式图形形式”页面中进行用图形表示页面中进行用图形表示统计结果的设置统计结果的设置v调试调试“图形形式图形形式”页面页面 实验七实验七 打印空成绩单打印空成绩单实验目的实验目的实验内容实验内容实验步骤实验步骤一、实验目的一、实验目的v进一步掌握打印报表的方法；进一步掌握打印报表的方法；v进一步掌握临时表的用法；进一步掌握临时表的用法；v掌握打印常用的几条命令；掌握打印常用的几条命令；v进一步熟悉表单与报表之间的衔接方法。进一步熟悉表单与报表之间的衔接方法。二、实验内容二、实验内容(1)v设计设计“打印空成绩单打印空成绩单”表单，在表单上通表单，在表单上通过单选按钮可分别选择按班级、按课程打过单选按钮可分别选择按班级、按课程打印学生的空成绩单；印学生的空成绩单；v设计有关的控件，并根据应用问题为各控设计有关的控件，并根据应用问题为各控件设计相应的程序代码；件设计相应的程序代码；二、实验内容二、实验内容(2)v设计报表定义文件设计报表定义文件“班级空成绩单班级空成绩单”，通，通过运行表单调用该文件，输出所需班级空过运行表单调用该文件，输出所需班级空成绩单；成绩单；v“课程空成绩单课程空成绩单”的设计、输出与此类似，的设计、输出与此类似，学生可自行完成。学生可自行完成。三、实验步骤三、实验步骤 v设计表单设计表单v创建报表定义文件创建报表定义文件 v调试报表调试报表（一）设计表单（一）设计表单 1.建立表单建立表单“打印空成绩单打印空成绩单”2.设置数据环境设置数据环境 在数据环境中添加在数据环境中添加“学生学生”、“班级号名班级号名”、“课程课程”。3.设置各控件主要属性设置各控件主要属性 o4.事件代码o（1）单选按钮组Optiongroup1的Click过程代码：opublic non=this.valueo（2）双击Combo1，为Click过程输入代码：Thisform.refresh（3）双击）双击“生成生成”按钮，在过程窗口输入如按钮，在过程窗口输入如下程序代码：下程序代码：public bjjc,kcmc,rkjs&l三个变量分别存三个变量分别存放班级简称、课程名称和任课教师放班级简称、课程名称和任课教师set safe offclos databjjc=bo1.valuekcmc=bo2.valuerkjs=课程课程.任课教师任课教师if!file(dylsb1.dbf)create table dylsb1(学号学号 c(12),姓名姓名 c(6),总评成绩总评成绩 c(3),考考试成绩试成绩 c(3),；平时成绩；平时成绩 c(3),备注备注 c(40)else sele F use dylsb1endifsele dylsb1 zap appe from 学生学生 dele for substr(学号学号,3,8)#substr(班级号名班级号名.班级编号班级编号,2,8)pack （4）双击命令按钮）双击命令按钮“预览预览”，为其，为其Click过程输入代码过程输入代码if n=1 report form 班级空成绩表班级空成绩表 previewelse report form 课程空成绩表课程空成绩表 previewendif（5）双击命令按钮）双击命令按钮“打印打印”，为其，为其Click过程输入代过程输入代码：码：if n=1 report form 班级空成绩表班级空成绩表 to printelse report form 课程空成绩表课程空成绩表 to printendif（6）双击命令按钮）双击命令按钮“退出退出”，为其，为其Click过程过程输入代码：输入代码：thisform.release5.运行表单生成中间表运行表单生成中间表（二）创建报表定义文件（二）创建报表定义文件 1.使用向导创建报表定义文件使用向导创建报表定义文件 2.修改标题和页表头修改标题和页表头 修改后的修改后的“班级空成绩表班级空成绩表”（三）调试报表（三）调试报表 运行表单得到的运行表单得到的“班级空成绩表班级空成绩表”预览效果预览效果 四、思考题与注意事项四、思考题与注意事项v此处用了另外一个临时文件此处用了另外一个临时文件dylsb1.dbfdylsb1.dbf，它是在什么地方生成的？它是在什么地方生成的？v本实验为什么要定义一些本实验为什么要定义一些publicpublic变量？这变量？这几个几个publicpublic变量各起什么作用？变量各起什么作用？v如果要求按课程打印空成绩表，应该如何如果要求按课程打印空成绩表，应该如何设计？设计？v如果按姓名打印成绩，要求输入姓名如果按姓名打印成绩，要求输入姓名,能能够打印该同学所有课程成绩，又应该如何够打印该同学所有课程成绩，又应该如何设计？设计？实验八实验八 主菜单及主程序文件主菜单及主程序文件 实验目的实验目的实验内容实验内容实验步骤实验步骤一、实验目的一、实验目的v掌握菜单的设计方法；掌握菜单的设计方法；v掌握主程序文件的构造方法；掌握主程序文件的构造方法；v理解主菜单、主界面表单、主程序文件之间理解主菜单、主界面表单、主程序文件之间的衔接关系；的衔接关系；v掌握对系统的组装、编译；掌握对系统的组装、编译；v理解通过主菜单对各子功能（表单）实现的理解通过主菜单对各子功能（表单）实现的调用。调用。二、实验内容二、实验内容v设计设计“学生成绩管理系统学生成绩管理系统”的主菜单。的主菜单。v设计带图片背景的表单作为设计带图片背景的表单作为“学生成绩管理学生成绩管理系统系统”的主界面，并将其设置为顶层表单，的主界面，并将其设置为顶层表单，将主菜单嵌入表单中；将主菜单嵌入表单中；并设计退出表单。并设计退出表单。v建立主程序，连编建立主程序，连编“学生成绩管理系统学生成绩管理系统”，并创建快捷方式。并创建快捷方式。v运行系统。运行系统。三、实验步骤三、实验步骤 v通过通过“菜单设计器菜单设计器”设计菜单设计菜单v设计主界面表单设计主界面表单 v退出系统表单退出系统表单 v建立主程序与编译建立主程序与编译 （一）通过（一）通过“菜单设计器菜单设计器”设计菜单设计菜单 1.进入菜单设计器进入菜单设计器2.设计菜单项设计菜单项 3.生成菜单程序文件与运行菜单 4.修改菜单的设置修改菜单的设置（二）设计主界面表单（二）设计主界面表单 1.建立表单建立表单新建一个表单（前面已多次建立表单，在此不赘述），取名新建一个表单（前面已多次建立表单，在此不赘述），取名“主界面主界面”。（1）表单主要属性设置）表单主要属性设置AlwaysOnButtom .T.-真真AutoCenter .T.-真真Caption 欢迎使用学生成绩管理系统欢迎使用学生成绩管理系统Closable .F.假假Height 704Left 0Top -2Width 1018MaxButton .F.假假MinButton .F.假假Icon (自行选择一个图标文件自行选择一个图标文件*.ico)Picture (自行选择一个图像文件自行选择一个图像文件*.jpg，大小为，大小为1024768，以便能满屏显示，以便能满屏显示)ShowWindow 2 作为顶层表单作为顶层表单WindowState 0 普通普通 完成控件及主要属性设置后的主界面表单完成控件及主要属性设置后的主界面表单（2）表单控件及主要属性设置 该表单上设置两个标签控件“学生成绩管理系统”和“Designed By”，见图8-11，它们的BackStyle属性均设置成“0-透明”，字型、字体、字号、颜色皆可自行设计。（3）表单的事件代码1）Init事件代码set path to d:mis实验成绩管理thisform.windowstate=0do 主菜单.mpr with this,Tthisform.release2）Destroy事件代码release menu 主菜单 extended（三）设计退出系统表单（三）设计退出系统表单（1）表单主要属性设置AutoCenter .T.-真Height 704Left 0Top 0Width 1018Icon (自行选择一个图标文件*.ico)Picture (自行选择一个图像文件*.jpg，大小为1024768，以便能满屏显示)WindowState 0 普通（2）表单主要控件及其属性设置 表单上有两个控件：标签“欢迎再次使用本系统！”和命令按钮“退出”。它们的主要属性的设置参照前面的实验。双击“退出”按钮，为其Click事件输入如下代码：clear eventsclose allquit(四四)建立主程序与编译建立主程序与编译 o1.建立主程序建立主程序v在项目管理器在项目管理器“代码代码”选项卡下单击选项卡下单击“程序程序”，然后单击，然后单击“新建新建”按钮，输入下面程序按钮，输入下面程序代码：代码：do form 主界面主界面read eventsv按按Ctrl+W存盘，取名为存盘，取名为“主程序主程序”，回到，回到项目管理器界面。项目管理器界面。v点击点击“主程序主程序”，单击鼠标右键，将快捷菜，单击鼠标右键，将快捷菜单单“设置主文件设置主文件”打上打上“”。2.编译在项目管理器中单击“连编”按钮，然后按图8-13设置，按“确定”按钮。再按图8-14取名，单击“保存”。3.创建快捷方式 4.运行系统 四、思考题与注意事项四、思考题与注意事项 v理解菜单项与子菜单项的关系，它们在构造菜单时的作用。v为了通过顶层表单调用菜单，在设计主界面表单之前，应该如何修改菜单的相应设置？v分清菜单定义文件（.mnx）、菜单备注文件（.mnt）、菜单程序文件（.mpr）和菜单程序的运行文件（.mpx）。v运行时如果出现小问题，可单击“忽略”。v根据自己实际设计的内容重新设计一个菜单。实验九实验九 利用利用HTML与与Frontpage 设计网页设计网页 实验目的实验目的实验内容实验内容实验步骤实验步骤一、实验目的一、实验目的v掌握掌握HTML的基本结构；的基本结构；v掌握掌握HTML的常用标记；的常用标记；v掌握网页中使用图片的方法；掌握网页中使用图片的方法；v掌握网页中使用超级链接的方法；掌握网页中使用超级链接的方法；v掌握网页中表格使用的方法；掌握网页中表格使用的方法；v掌握交互网页的制作。掌握交互网页的制作。二、实验内容二、实验内容v使用常用的使用常用的HTML标记制作网页；标记制作网页；v使用使用FrontPage制作网页。制作网页。三、实验步骤三、实验步骤 vHTMLHTML的基本结构的基本结构 v常用的常用的HTMLHTML标记元素标记元素 v列表列表 v图片图片v超链接超链接 v表格表格 v交互网页交互网页 vFrontPage 2000 FrontPage 2000（一）（一）HTML的基本结构的基本结构 o一个简单的一个简单的HTML代码。代码。ooo我喜爱的站点我喜爱的站点ooo我喜爱的站点我喜爱的站点o包括包括新浪新浪、o搜狐搜狐等。等。oo（二）常用的（二）常用的HTML标记元素标记元素标记元素元素功能功能 超文本文件的开始和超文本文件的开始和结束束 超文本文件超文本文件头的起止的起止 超文本超文本标题的起止的起止超文本正文主体的起止超文本正文主体的起止 定定义标题字体大小，字体大小，n n值为1-6 1-6 元素元素间的内容居中的内容居中回回车换行行 段落的起止，也可以加空行段落的起止，也可以加空行字体字体颜色加深色加深字体字体为斜体斜体 下划下划线变化字体大小和化字体大小和颜色色 按原文格式按原文格式用序号用序号显示一示一级标题 无序号无序号显示一示一级标题清清单条目，用于目条目，用于目录列表列表 上角上角标 下角下角标 插入插入图形形图像文件像文件锚元素，定元素，定义超文本超文本链接点接点 表格的起止表格的起止 表中一行的起止表中一行的起止表表头的起止的起止 表格中一表格中一栏内容的起止内容的起止 表格表格标题看看下面代码的结果。看看下面代码的结果。页面文字页面文字登鹳雀楼登鹳雀楼白日依山尽，白日依山尽，黄河入海流。黄河入海流。欲穷千里目，欲穷千里目，更上一层楼。更上一层楼。(三三)列表列表 列表列表这是一个有序列表：这是一个有序列表：国际互联网提供的服务有：国际互联网提供的服务有：WWW服务服务文件传输服务文件传输服务电子邮件服务电子邮件服务远程登录服务远程登录服务其他服务其他服务这是一个无序列表：这是一个无序列表：国际互联网提供的服务有：国际互联网提供的服务有：WWW服务服务文件传输服务文件传输服务电子邮件服务电子邮件服务远程登录服务远程登录服务其他服务其他服务（四）图片（四）图片 超文本支持的图片格式一般有超文本支持的图片格式一般有X Bitmap(XBM)、GIF、JPEG三种三种。插入图片的标签是插入图片的标签是，其格式为：，其格式为：。SRC属性指明了所要链接的图片文件地址，这个图形属性指明了所要链接的图片文件地址，这个图形文件可以是本地机器上的图形，也可以是位于远端文件可以是本地机器上的图形，也可以是位于远端主机上的图片。地址的表示方法可以沿用上一篇内主机上的图片。地址的表示方法可以沿用上一篇内容容“文件的链接文件的链接”中中URL地址表示方法。地址表示方法。例：例：IMG属性有属性有HEIGHT、WIDTH、BORDER、ALT等，分别表示图片的高、宽、边框、替代文字等。等，分别表示图片的高、宽、边框、替代文字等。图片图片我下载的图片我下载的图片注意：图片注意：图片ball.gif和和HTML应该保存在相同的文件目录里。应该保存在相同的文件目录里。（五）超链接（五）超链接 超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图像或者服务器。一个链接的基本格式如下：链接文字或图片地址 URL链接的形式是：协议名：/域名或IP地址路径文件名ooo超文本链接 ooo新浪o我的页面oo（六）表格（六）表格表格表格定货单定货单苹果苹果香蕉香蕉葡萄葡萄200公斤公斤200公斤公斤100公斤公斤(七七)交互网页交互网页交互网页交互网页您的姓名您的姓名:您的主页的网址您的主页的网址:密码密码:（八）（八）FrontPage 20001.创建一个简单网页v选择菜单“文件”-“新建”-“网页”（或者点击新建网页工具图标），建立一个空白页面。v在这个页面中我们可以像使用WORD那样键入与编辑文字，选择字型、字体、字号、对齐方式等。v一个网页一般对应一个HTML文件（.htm或.html）。当网页制做完毕后，一定要保存该文件，以便将来使用或进行链接。v一个最简单的网页就建立并保存好了。我们可以立刻单击“预览标签”进行预览，或单击工具条中的预览图标从浏览器中检查网页的显示效果。2插入图片将插入点（光标）定位于需要插入图片的位置，打开菜单“插入”-“图片”-“来自文件”，或单击“常用”工具栏中的“插入文件中的图片”图标。3给文本加超链接用鼠标选中这几个文字，使之反相显示。然后选择“插入”菜单-“超链接”，或单击常用工具栏中的超链接图标，或按组合键“Ctrl+K”，则弹出“创建超链接”对话框，如图9-2所示。4设置页面背景属性鼠标指向页面单击右键，弹出快捷菜单，从中选择“页面属性”，弹出“页面属性”对话框 四、思考题与注意事项四、思考题与注意事项 vHTML的基本结构包括哪些？牢记常用的HTML标记。v如何将无序列表符号改变为空心圆？v如何设置网页背景图片？v如何改变插入网页中的图片大小？v如何在新的浏览器窗口打开目标页面？v如何设置表格和单元格的背景颜色？实验十实验十 利用利用ASP实现网页与实现网页与Web 服务器之间的信息交互服务器之间的信息交互 实验目的实验目的实验内容实验内容实验步骤实验步骤一、实验目的一、实验目的v掌握掌握IIS的安装与设置；的安装与设置；v掌握掌握ASP脚本语言；脚本语言；v掌握网页与掌握网页与WEB服务器之间的信息交互；服务器之间的信息交互；v掌握掌握Web数据库。数据库。二、实验内容二、实验内容vASP的运行环境；的运行环境；v制作简单的制作简单的ASP文件；文件；v与与WEB服务器之间的信息交互；服务器之间的信息交互；v与与Web数据库交互。数据库交互。三、实验步骤三、实验步骤（一）（一）ASP的运行环境的运行环境 o用HTML写的文本是静态的。你可以看到页面上的内容，但不能在屏幕上输入并传送数据到Web 服务器，更无法进行完整的人机对话，当涉及到页面与数据库的连接问题和从站点返回一个页面给客户的问题时，仅依靠HTML文本是做不到的。ASP就是为了解决动态交互的问题和与数据库连接的问题而设计的。oASP（Active Server Pages）是微软公司为它的WEB服务器（互联网信息服务器，简称IIS）开发的一个组件（软件）。它是一种实现动态网页开发技术的服务器端的开发环境。通过ASP，我们能够将HTML页面、脚本命令、ASP内置对象和Active X组件结合起来，建立动态、交互而又高效的Web应用程序。ASP可利用ADO（Active Data Object）方便地访问数据库。o对于普通学习者，将自己的计算机当作服务器，只需在Windows 2000和Windows XP环境下安装IIS（Internet服务管理器），Windows 98环境下安装PWS4.0（个人WEB服务器）。接入Internet后，这台计算机就成为了一个Internet服务器。1选择选择 开始开始-设置设置-控制面板控制面板-添加删除程序。添加删除程序。2在添加/删除Windows组件中选择Internet信息服务，然后单击下一步。3选择 开始-设置-控制面板-管理工具-Internet服务管理器。IIS安装完毕后，会自动生成C:inetPubwwwroot（默认Web站点），以后将程序存放在该文件夹下，就可以访问了。也可以自己设置默认Web站点。例如对于文件C:inetPubwwwroot1.asp，访问方法如下：vhttp:/localhost/1.aspvhttp:/127.0.0.1/1.asp vhttp:/计算机的名字/1.aspvhttp:/IP地址/1.asp（二）简单的（二）简单的ASP文件文件 示例一：下面是一个使用示例一：下面是一个使用VBSCRIPTVBSCRIPT脚本通过循环多次显示一段文本的例子。脚本通过循环多次显示一段文本的例子。简单的简单的ASPASP文件文件11FONT SIZE=FONT SIZE=这里是手机市场！这里是手机市场！示例二：下面是一个使用示例二：下面是一个使用VBSCRIPTVBSCRIPT脚本通过脚本通过ASPASP的内建对的内建对象象responseresponse的的writewrite方法来显示当前时间的例子。方法来显示当前时间的例子。简单的简单的ASPASP文件文件22您的来访时间是：您的来访时间是：%time()%注意：脚本用注意：脚本用分隔；文件保存时扩展名用分隔；文件保存时扩展名用.asp.asp；对于文件对于文件C:inetPubwwwroot1.aspC:inetPubwwwroot1.asp，必须采用必须采用http:/localhost/1.asphttp:/localhost/1.asp等方法访问。等方法访问。(三三)与与Web服务器之间的信息交互服务器之间的信息交互 表单在网页中的作用不可小视，主要负责数据采集，比如你可以采集表单在网页中的作用不可小视，主要负责数据采集，比如你可以采集访问者的名字和访问者的名字和e-mail地址、调查表、留言簿等等。地址、调查表、留言簿等等。访问访问ASP集合的一般技术大多数集合的一般技术大多数ASP集合与在集合与在VB中见到的普通集合中见到的普通集合相差不多。实际上，它们是值的数组，但能通过使用一个文本字相差不多。实际上，它们是值的数组，但能通过使用一个文本字符串键（对大小不敏感）以及一个整型索引进行访问。因此，假符串键（对大小不敏感）以及一个整型索引进行访问。因此，假如客户端如客户端Web页面包含的页面包含的如下：如下：FirstName:LastName:可通过访问可通过访问ASP的的Form集合来访问其控件内的值：集合来访问其控件内的值：strFirstName=Request.Form(“FirstName”)strLastName=Request.Form(“LastName”)示例三：文件示例三：文件TIJIAO3.HTM通过表单来提交姓名、密码数据。通过表单来提交姓名、密码数据。表单表单请提供以下信息，然后单击提交。请提供以下信息，然后单击提交。姓名：姓名：密码：密码：示例四：文件示例四：文件FANHUI3.ASP通过通过Request对象的对象的Form集合来接受数据，集合来接受数据，然后显示。然后显示。提交提交先生（女士）：我们接受您的申请。先生（女士）：我们接受您的申请。您可以用以下密码查阅我们的资料：您可以用以下密码查阅我们的资料：ABCDE对不起！您的密码不对。对不起！您的密码不对。（四）（四）Web数据库数据库 网站运用了数据库技术，就可以实现网页更新的自动网站运用了数据库技术，就可以实现网页更新的自动化，即只要将数据库中的内容更新了，网页上的内化，即只要将数据库中的内容更新了，网页上的内容也就自动更新了。容也就自动更新了。首先在首先在Access中建立数据库中建立数据库tsxt.mdb,然后建立如然后建立如下表文件下表文件tsxt。ididsmsmdjdjkclkcl001001管理信息系管理信息系统32325050002002网网页设计与制作与制作25253535003003互互联网数据网数据库28284040示例五：下面示例五：下面HTML文件通过表单来提交图书代码。文件通过表单来提交图书代码。欢迎查看新书价格和库存量欢迎查看新书价格和库存量欢迎查看新书价格和库存量欢迎查看新书价格和库存量请输入新书代码请输入新书代码 示例六：文件示例六：文件CX-BACK.ASP获得图书代码数据后，通过对数据库的查询取得其他数据，并按一定获得图书代码数据后，通过对数据库的查询取得其他数据，并按一定格式显示出来。格式显示出来。查询结果查询结果您查询的新书详单您查询的新书详单新书代码新书代码新书名称新书名称单价（元）单价（元）库存量库存量    对不起，没有您要查找的书籍数据！对不起，没有您要查找的书籍数据！四、思考题与注意事项四、思考题与注意事项 v脚本怎样插入HTML文件中，ASP文件的扩展名是什么？如何运行ASP文件？v常用的脚本语言有哪些？vASP常用对象有哪些？他们各起什么作用？v如何创建记录集？v按照格式“今天的日期是：2007年5月20日”在浏览器窗口显示今天的日期，写出HTML代码。v计算1+3+5+99的值，并在浏览器窗口显示结果。写出相应html代码。