Download
1 / 24
240 likes | 336 Views
基于工作过程的网页设计与网站开发教程. 第 13 章 asp 动态网页编程. 情境 2 ：班级通讯录管理系统的实现. 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估. 基于工作过程的 网页设计与制作教程. 项目展示与项目目标. 掌握显示详细数据的方法 掌握添加数据的方法 掌握修改数据的方法 掌握删除数据的方法. 主页（ index.asp ）. 详细页（ detail.asp ）. 添加页（ insert.asp ）. 编辑页（ update.asp ）.
E N D
第13章 asp动态网页编程 情境2：班级通讯录管理系统的实现 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 基于工作过程的 网页设计与制作教程
项目展示与项目目标 掌握显示详细数据的方法 掌握添加数据的方法 掌握修改数据的方法 掌握删除数据的方法
主页（index.asp） 详细页（detail.asp） 添加页（insert.asp） 编辑页（update.asp） 删除页（delete.asp） 添加提交页（insubmit.asp ） 编辑提交页（upsubmit.asp ） 3. 项目计划与决策 通讯录信息的管理通常包括查询、详细显示、添加、修改与删除。针对需求现在初步设计一个设计结构如图13-28所示。 通讯录信息管理的页面结构
第九章asp数据库程序设计 创建数据库 班级通讯录管理系统实例 新建“bjtxl.mdb”文件 ，创建“txl”数据表。 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 参照上节中制作模糊查询的方式来完成本例的数据浏览与信息显示的功能。 1.打开Dreamweaver软件，然后创建一个新的动态网页，命名为“select.asp”，并将其保存到“班级通讯录管理”文件夹下。 2.打开Photoshop软件，将参照上例中的图片制作新的头部图片，如图所示。 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 参照上节中制作模糊查询的方式来完成本例的数据浏览与信息显示的功能。 3.制作网页的界面，在文件中设置from的action属性为index.asp页，其它控件如图所示。 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 系统针对“新生录取查询系统（模糊查询）”主要有以下几个地方的修改： 1.头部图片的修改，网页背景图片的修改 2.数据库名称、数据表名称的修改 3.在代码视图中主要包括数据库路径、sql语句中数据表的修改。 if nr="" then sql="select * from txl" else sql="select * from txl where " & lb & " like '%" & nr & "%'" end if 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 系统针对“新生录取查询系统（模糊查询）”主要有以下几个地方的修改： 4. 在表单中下拉列表框中选项的修改。 <select name="lb" id="lb"> <option value="xh" selected>学号</option> <option value="xm">姓名</option> <option value="dh">电话</option> <option value="dzyx">电子邮箱</option> <option value="qq">QQ号码</option> </select> 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 系统针对“新生录取查询系统（模糊查询）”主要有以下几个地方的修改： 4.在数据显示的时候，显示字段名称的改变。 <tr bgcolor="#FFFFFF"> <td height="25"><div align="center"><%=rs("xh")%></div></td> <td height="25"><div align="center"><%=rs("xm")%></div></td> <td height="25"><div align="center"><%=rs("dh")%></div></td> <td height="25"><div align="center"><%=rs("dzyx")%></div></td> <td height="25"><div align="center"><%=rs("qq")%></div></td> </tr> 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 系统针对“新生录取查询系统（模糊查询）”主要有以下几个地方的修改： 5.在数据显示的时候，显示字段名称的改变。 <tr bgcolor="#FFFFFF"> <td height="25"><div align="center"><%=rs("xh")%></div></td> <td height="25"><div align="center"><%=rs("xm")%></div></td> <td height="25"><div align="center"><%=rs("dh")%></div></td> <td height="25"><div align="center"><%=rs("dzyx")%></div></td> <td height="25"><div align="center"><%=rs("qq")%></div></td> </tr> 演示
第九章asp数据库程序设计 通讯录数据浏览与查询 班级通讯录管理系统实例 通讯录查询系统（模糊查询） 演示
主页（index.asp） 详细页（detail.asp） 添加页（insert.asp） 编辑页（update.asp） 删除页（delete.asp） 添加提交页（insubmit.asp ） 编辑提交页（upsubmit.asp ） 第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 通讯录信息管理的页面结构 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 现在首先将上节中的select.asp页另存为index.asp，同时将form表单的action属性页同修改，那么index.asp页页同样具有了select.asp的功能了，然后将表格修改为如图所示的表格。 序号：<%=i%> 详细：detail.asp?id=<%=rs("id")%> 添加：insert.asp 修改：update.asp? id =<%=rs("id ")%> 删除：delete.asp? id =<%=rs("id ")%> 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 详细查看功能的制作 1.参照上例创建一个详细浏览信息的动态页面，保存为detail.asp，如图所示。 2.获取来自index.asp页的url传递的参数id。 dim id id=Cint(Request.QueryString("id")) Cint()函数为强制转换为整形。 演示
xh xm dh dzyx qq Form属性为insubmit.asp 第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 添加功能的制作 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 添加功能的制作 conn.Open strsql '添加信息的sql语句 sql="insert into txl (xh,xm,dh,dzyx,qq) values ('"&xh& "','"&xm&"','"&dh&"','"&dzyx&"','"&qq&"')" '使用conn对象的execute方法执行sql语句 conn.execute(sql) 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 制作添加页面 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 制作添加页面 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 修改功能的制作 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 修改功能的制作 演示
第九章asp数据库程序设计 通讯录信息的管理 班级通讯录管理系统实例 删除功能的制作 演示 dim conn,strsql Set conn = Server.CreateObject("ADODB.Connection") strsql="driver={Microsoft Access Driver (*.mdb)};Dbq="& Server.MapPath("database/bjtxl.mdb") conn.Open strsql sql="delete from txl where id="&id conn.execute(sql) conn.close Set conn=nothing response.Redirect("index.asp")
第13章 asp动态网页编程 教学小结 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 基于工作过程的 网页设计与制作教程
