1 / 27

基于工作过程的网页设计与网站开发教程

基于工作过程的网页设计与网站开发教程. 第 13 章 asp 动态网页编程. 情境 1 :新生录取查询系统的实现. 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估. 基于工作过程的 网页设计与制作教程. 项目展示与项目目标. 掌握表单元素及其应用 了解数据库基础知识 掌握简单的 SQL 语句 掌握动态网页中的参数传递 掌握数据库的链接 掌握信息查询系统的开发. 项目资讯. 关键知识点一:数据库.

Télécharger la présentation

基于工作过程的网页设计与网站开发教程

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 基于工作过程的网页设计与网站开发教程

  2. 第13章 asp动态网页编程 情境1:新生录取查询系统的实现 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 基于工作过程的 网页设计与制作教程

  3. 项目展示与项目目标 掌握表单元素及其应用 了解数据库基础知识 掌握简单的SQL语句 掌握动态网页中的参数传递 掌握数据库的链接 掌握信息查询系统的开发

  4. 项目资讯 关键知识点一:数据库 1)执行“开始”→“Microsoft Office”→“Microsoft Office Access 2003”命令,启动Access 2003软件。 2)执行“文件”→“新建”→“空数据库”命令,如左图所示,选择保存位置,命名为lq.mdb(默认文件扩展名为mdb),保存空数据库,到项目文件夹下的“database”文件夹中,单击“创建”按钮,出现如右图所示的对话框。

  5. 项目资讯 关键知识点一:数据库 3)双击 “使用设计器创建表”选项,创建新表,保存并命名为lqxx,如图所示。

  6. 项目资讯 关键知识点一:数据库 4)在表lqxx中插入数据(或者从word、excel等软件可以直接复制),如图所示。

  7. 项目资讯 关键知识点二:SQL语言简介 1)Select语句 Select语句用来取得满足特定条件的记录集,也就是说可以从数据库中查询有关记录,它的语法是: Select [Top (数值)] 字段列表 From 表 [Where条件] [order by 字段] [Group by 字段] 说明:中括号内的内容表示可以省略,最简单的格式:Select字段列表 From 表。 Top(数值):表示只取前几条记录。如取前10条,为Top(10)。 字段列表:就是查询的表的字段,可以是表中的一个或几个字段,多个字段中间用逗号分开。 表:就是要查询的数据表。如果要从多个表中查询,多个表名的中间用逗号隔开。 条件:查询时要求满足的条件。 Order By:按字段排序,ASC表示升序排列,DESC表示降序排列。 Group By:表示按字段分组。

  8. 项目资讯 关键知识点二:SQL语言简介 2)Insert语句 在ASP程序中,经常要向数据库中插入数据,例如向数据表lqxx中增加一个考生信息时,就需要将新成员的数据插入表lqxx中。此时就可以用Insert语句来实现这个功能。Insert的语法: Insert Into 表(字段1,字段2,…) Values (字段1的值,字段2的值,…) 说明: 利用上述语句可以给表中添加记录的全部或部分字段赋值。Values括号中的字段值的顺序必须与表括号中的字段一一对应。各个字段之间,字段值之间用逗号分开。 若某字段的类型文文本型或备注型,则相应的字段值两边要加引号;若为日期/时间型,则相应的字段两边要加#号(引号也可以);若为布尔型,则相应的字段值为True或Flase;若为自动编号类型,则不需要给相应的字段赋值,因为Access会自动加1或随机产生。 Insert语句的要求很复杂,具体地使用方法可参考专门的书籍。如果在Access数据库中没进行特别的设置,那么一般来说,有值的字段就出现在Insert语句中,没值的字段就不要出现在Insert语句中。

  9. 项目资讯 关键知识点二:SQL语言简介 3)Delete语句 在SQL语言中,可以用Delete语句删除数据表中无用的记录。 Delete From 表 [Where 条件] 说明: ①“Where 条件”与Select中的用法一样,符合条件都会被删除。 ②若省略“Where 条件”,将删除所有的记录。 以上面建立的数据库lq.mdb中的数据表lqxx为例,举一些常见的例子说明Delete语句。 (1)删除xm为“吴涛”的成员信息。 Delete From lqxx where xm='吴涛‘ (2)删除表中所有的记录 Delete From lqxx

  10. 项目资讯 关键知识点二:SQL语言简介 • 4)Update语句 • 在SQL语言中,在Update语句用来实现更新数据的功能。它的语法是: • Update 表 Set 字段1=字段值1,字段2=字段值2,… [where 条件] • 说明: • ① Update语句可以用来更新表中全部或部分的记录。其中的“Where 条件”与Select中的用法一样,符合条件的记录都被更新。 • ② 若省略“Where 条件”,将更新表中的所有记录。 • 以上面建立的数据库lq.mdb中的数据表lqxx为例,举一些常见的例子说明Update语句。 • 修改xm为“赵京”考生的成员的录取专业与系别。 • Update lqxx Set xb='信息与通信工程', lqzy='通信技术' where xm='赵京‘ • (2) 将所有姓“王”考生的“电子工程”修改为“软件技术” • Update lqxx Set lqzz='软件技术' where xm like '王%' and lqzy='电子工程'

  11. 创建数据库连接对象 使用连接对象,打开具体数据库文件 对数据库文件具体操作(如增、删、改、查) 关闭数据库 项目资讯 关键知识点三:连接数据库 ADO对数据库操作

  12. 项目资讯 关键知识点四:绑定数据库 创建好ADO数据库连接后,在Dreamweaver中还需要使用ADO的另一个对象:记录集(Recordset)进行数据库的绑定。 记录集是通过查询得到的数据库中的记录的子集,是动态页面的数据来源。定义记录集后,就可以对数据库进行查询,动态生成记录集,然后就可以利用ASP语句将记录集的数据显示在页面上。大家可以想象ADO产生的Recordset是一个像电子表格的记录,它有一行行的记录,在任何时候都有一行是它的当前行,建立记录集(Recordset)对象的语法是: Set Recordset 对象=Server.CreateObject("ADODB.Recordset") 然后,就可以用Open方法打开一个数据库,语法是: Recordset 对象.Open Source],[activeConnection],[CursorType],[LockType],[Option]

  13. 项目资讯 关键知识点五:应用数据库浏览数据库页面 1)在Dreamweaver主文档窗口中,执行“文件”→“新建”命令,新建一个空白的“ASP VBScript”文档,保存文件到项目文件夹中命名为query.asp,进入代码视图。 2)连接数据库:在文件头输入<!--#include file =conn.asp -->,即调用conn.asp文件连接数据库的程序。 3)建立Recordset对象,生成记录集rs,代码如下。 <% Set rs = Server.CreateObject("ADODB.Recordset") sql="select ksh,xm,lqzy,xb,ems from lqxx“ rs.Open sql,conn %>

  14. 项目资讯 关键知识点五:应用数据库浏览数据库页面 4)Recordset对象建立后,创建浏览录取信息的表格: <table width="600" border="1" align="center" cellpadding="2" cellspacing="2"> <tr> <td>考生号</td> <td>姓名</td> <td>录取专业</td> <td>录取系部</td> <td>EMS</td> </tr> </table>

  15. 项目资讯 5)浏览表格,根据记录集的大小,依次创建单元格,每个单元格对应记录集rs的一个字段: <% Do while Not rs.Eof %> <tr> <td><%=rs("ksh")%></td> <td><%=rs("xm")%></td> <td><%=rs("lqzy")%></td> <td><%=rs("xb")%></td> <td><%=rs("ems")%></td> </tr> <% rs.Movenext Loop rs.close Set rs=Nothing conn.close Set conn=Nothing %>

  16. 项目资讯 A 为表单;B 为文本框;C 为隐藏域;D 为文本区域;E 为复选框;F 为单选按钮;G 为单选按钮组;H 为列表/菜单; I 为跳转菜单;J 为图像域;K 为文本域;L 为按钮;M 为标签;N 为字段集。

  17. 项目资讯 关键知识点七:动态网页中的参数传递

  18. 项目资讯 关键知识点七:动态网页中的参数传递 图 13-17 url参数传递测试 图 13-18 参数传递后的效果

  19. 项目资讯 关键知识点七:动态网页中的参数传递

  20. 项目资讯 表单元素参数传递 动态网页中的参数传递 表单传递参数的工作原理 演示

  21. 3. 项目计划与决策 新生录取查询系统是一个交互式的动态网站系统,考生通过输入考生号和选择所在省份来查找考生的录取情况。 演示

  22. 项目实施 制作录取查询首页 新生录取查询系统实例 3.将“select.asp”设置为“显示代码视图”,在代码第一行开始输入代码: <% '定义变量,传递参数 dim ksh,sf ksh=Trim(Request.Form("ksh")) sf=Request.Form("sf") %> 演示

  23. 项目实施 制作录取查询首页 新生录取查询系统实例 4.通过以上代码完成了“index.html”到“select.asp”的参数的传递过程。在上面标签下面继续输入以下代码,来完成链接数据库和打开数据库,并取出数据。 <% '定义数据连接 dim conn '定义连接字符串 dim strsql '将conn参数设定为由Server执行的CreateObject的操作,并产生ADODB中的Connection对象 演示

  24. 项目实施 制作录取查询首页 新生录取查询系统实例 Set conn = Server.CreateObject("ADODB.Connection") '设定数据库的连接方式与数据库的地址 strsql="driver={Microsoft Access Driver (*.mdb)};Dbq=" & Server.MapPath("database/lq.mdb") '执行Connection对象的Open操作,也就是打开数据库 conn.Open strsql '定义ADO的RecordSet对象的rs进行数据库查询作业。Rs会在所连接的数据库中形成一个指针,指向数据库中的记录 Set rs = Server.CreateObject("ADODB.Recordset") '定义SQL数据库查询语句sql(注意变量与字符串的连接方法),它将是rs的参数 sql="select * from lqxx where sf='" & sf & "' and ksh='" & ksh & "'" '打开记录集对象rs rs.Open sql,conn,3,1 %> 演示

  25. 项目实施 制作录取查询首页 新生录取查询系统实例 5.用鼠标在图9-28所示的“代码添加区域”点击,然后进入“显示代码视图”,在鼠标所在的区域添加如下代码。 <% ‘在记录集非空的时候运行 if not rs.eof Then %> 祝贺您:<%=rs("xm")%>同学被我院<%=rs("xb")%><%=rs("lqzy")%>专业录取 <% '在记录集空的时候运行 else Response.write("对不起,您没有被我院录取!") end if ‘切断程序与数据库的连接 rs.close Set rs=nothing conn.close Set conn=nothing %> 演示

  26. 项目检查与评估

  27. 第13章 asp动态网页编程 教学小结 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 基于工作过程的 网页设计与制作教程

More Related