上机操作指南6：创建学生信息管理页面.docxVIP

上机操作指南 6： 创建学生信息管理页面 基本要求：利用 Dreamweaver 工具和 ASP 编程技术开发学生信息管理功能，实现学生基本信息的查询、添加、修改以及删除。 要点：（1）利用 HTML 技术进行表单及页面设计； （ 2）利用 ODBC 数据源创建数据库连接； 3）为页面进行数据绑定； （ 4）为页面添加服务器行为；具体步骤： 1、点击文件菜单“新建” ，选择类别为“动态页 /ASP VBScript 件名为“ xsxxgl.asp ”。  ”并确定，按  ctrl+s  保存，文 2、点击菜单 “插入 -HTML- 文本对象 -标题 1”，在设计窗口中输入文字 “学生基本信息管理”并使之居中。 3、按下图属性在页面在插入一个表格，并使之居中。 4、合并表格第一行， 输入文字 “当前系统共有名学生， 分属个学院。 其中男生名， 女生名。” 5、在表格第二行输入表格栏目标题，并适当调整行高、列宽。 6、在表格下面正中使用“插入 -超级链接”插入两个超级链接，链接属性如下图： 7、打开右侧功能面板中的“应用程序 -数据库”，确保前三项已经打上“√” （若没有，请检查站点管理是否设置正确） ，然后点击“ +”，选择“数据源名称（ DSN ）”项。 8、在对话框里按下图设置 若设置正确，点击测试按钮应有如下图的提示，否则请检查 ODBC 数据源设置。 9、点击确定，系统结果如下： 10、点击“应用程序 -绑定 -记录集（查询） ” 11、记录集按如下设置 12、点击测试，应得到学生列表。 13、打开记录集，把各字段用鼠标拖动到表格的对应单元格中。 14、鼠标在表格第三行左边点击，选中该行（选定后该行有黑色边框） ，然后点击“应用程 序 -服务器行为 -+-重复区域”。 15、对话框按下图设置，然后确定。 效果如下图： 16、现在继续添加绑定记录集，在记录集设置对话框里点击“高级”并按如下设置： 17、确定后，把记录集 RSTJ 的对应字段绑定到页面，以显示统计数据。 18、在表格最后两个单元格里分别插入超级链接“修改”和“删除” ，其链接地址分别为 xsxxxg.asp?xh=%=(RSStudent.Fields.Item(XH).Value)% 和 xsxxsc.asp?xh=%=(RSStudent.Fields.Item(XH).Value)% 在以上链接地址中， “？”后的赋值字符串是为了向网页传递所需的参数。 19、保存文件，学生信息管理主页面设计完成。你可在浏览器内查看其效果。 20、新建动态页，文件保存为“ tjxsxx.asp ”，该页面用于显示一个输入学生信息的表单。 21、为页面添加标题及提示如下图： 22、在页面中插入表单。 23、在表单内插入一个表格并居中，其单元格中插入需要的文字和表单元素。 各表单元素的属性如下表： 项目名称 表单元素类别 表单元素名称 属性设置 学号 文本域 txtXH 字符宽度 20，最多字符数 8 姓名 文本域 txtXM 字符宽度 20，最多字符数 20 性别 单选按钮组 rdgXB 出生日期 （年） 列表 /菜单 selNIAN 列表值 1980-2020 出生日期 （月） 列表 /菜单 selYUE 列表值 1-12 出生日期 （日） 列表 /菜单 selRI 列表值 1-31 生源地（省） 文本域 txtSYDA 最多字符数 20 生源地（市） 文本域 txtSYDB 最多字符数 20 学院 文本域 txtXY 最多字符数 20 系 文本域 txtXI 最多字符数 20 入学年份 列表 /菜单 selRXNF 列表值 1992-2031 爱好特长 文本域 txtAHTC 字符宽度 75，最多字符数 50 宿舍 文本域 txtSS 最多字符数 50 备注 文本域 txtBZ 字符宽度 75，最多字符数 50 24、在页面下部添加其它链接 25、学生信息添加页面设计完成。 26、新建页面“ bcxsxx.asp”，用于接收学生信息添加页面传递的学生信息数据并验证，如信息合格则保存入 student 数据库并显示“添加学生信息成功！ ”，否则显示错误信息。 27、为本页面绑定一个记录集 28、页面居中添加提示文字“该学生信息已存在！ ” 29、鼠标现在该文字，添加“服务器行为” 。 点击确定 30、工作区换到代码视图 31、 If 语句前添加如下代码 dim xh,xm,xb,csrq,syda,sydb,xy,xi,rxnf,ahtc,ss,bz,sql xh = request.form(txtXH) xm = request.form(txtXM) xb = request.form(rdgXB) csrq = request.f