《北外信息管理与信息技术专科 互联网软件应用与开发ppt课件.pptx》由会员分享，可在线阅读，更多相关《北外信息管理与信息技术专科 互联网软件应用与开发ppt课件.pptx（111页珍藏版）》请在三一办公上搜索。
1、互联网软件应用与开发,作业讲解,2,第一单元,请说明 C/S 模型的工作原理及其特点,3,C/S模型的结构,C/S（Client/Server）结构，即客户机/服务器模型它是一种软件系统的体系结构通过它可以充分利用两端硬件环境的优势，将任务合理分配到 Client端和Server端来实现，降低系统的通讯开销,4,客户端/服务器模型,C/S模式的结构和工作原理,5,第一单元,请说明B/S模型的工作原理及其特点,6,什么是互联网软件设计模型？互联网软件设计模型分为哪两大类？C/S模型的工作原理及其结构特点是什么？B/S模型的工作原理及其结构特点是什么？,7,8,9,第一单元,题目：请以一次使用浏览
2、器访问北京外国语大学网络教育学院网站主页（http:/,分析：浏览器访问服务器的任何网页，都需要经历建立连接、请求文档、文档传回、显示文档、关闭连接等五个步骤。,浏览器从服务器获得该网页页面的过程图如下：,以上过程包含的具体工作内容有：解析浏览器中输入的Web页面的URLhttp:/,第二单元,题目：对客户端的浏览器进行必要的设置可以简化很多测试过程和避免一些开发问题，请以IE浏览器为例来说明与测试开发相关的浏览器设置。分析：主要说明选项卡“安全”、“隐私”和“高级”中的“显示每个脚本错误的通知”、“显示友好http错误信息”、“禁用脚本调试”的设置方法。,首先打开IE浏览器，选择工具菜单里面
3、的Internet选项 ，便可进行设置，在Web程序开发中主要设置“安全”、“隐私”、“高级”。,安全：选择“安全”标签，在“区域的安全级别”中设置相应的安全级别，或选择“自定义级别”，如下图：,隐私：选择“隐私”标签，设置相应的Cookie级别，一般选择“中”即可。,Web应用程序的客户端脚本程序要在浏览器中执行，而且服务器端应用程序执行的结果也要在浏览器中反映，所以必须对Internet选项中“高级”选项卡中的以下四项进行设置，如下图。,“显示每个脚本错误的通知” 要选中：表明在每一个客户端脚本的执行错误都要显示在浏览器的左下角 “显示友好http错误信息”在开发过程中必须关闭。“禁用脚本
4、调试”必须关闭：表明如果客户端的脚本发生错误，系统会提示使用相应的程序跟踪调试程序，如下图所示。,20,第三单元,请写出计算1030的整数和的javascript函数，并给出该函数的调用方法。,21,变量和标识符,标识符第一个字符必须是字母或者下画线后续的字符必须是字母、数字或者下画线标识符不能和关键字冲突变量分为显式和隐式两种定义变量方式不同数据类型 基本数据类型：字符串、数值、布尔复合数据类型：对象、数组特殊数据类型：Null、Undefined,22,数据类型转换,23,运算符,算术运算符：其中包括+、+、-、-、*、/、%位运算符 ： 与“&” 、 或“|” 异或“” 取非“” （单目
5、）、左移 “” 逻辑右移 “”逻辑运算符：& 、|、！关系运算符： 等于“=”、 不等于“!=”、 小于“”、 小于等于“=”、 严格等于“=”、 严格不等于“!=”,24,运算符,赋值运算符：“=”、 “+=”、 “-=”、 “*=”、 “/=”、 “%=”、 “&=”、 “|=”、 “=”、 “=”、 “=” 其他运算符： 条件操作符“（条件表达式）?:表达式1，表达式2” 、成员选择运算符“.” 、下标运算符“” 、逗号运算符“,” 、函数调用运算符“()” 、“delete”、 “new”、 “typeof”、 “void”、 “this”,25,26,表达式,表达式就是由运算符、常量
6、和变量组成的式子按照使用的运算符不同，可以把表达式分成算数表达式、逻辑表达式、关系表达式等表达式的值按照运算符的优先级进行运算。,27,控制语句,if语句其基本的格式如下：if (表达式) 语句组;,28,if-else语句的格式,if (表达式) 语句组1;else 语句组2;,29,for循环语句基本的语法格式,for (初始表达式；循环结束条件表达式；计数器表达式)语句组；,30,JavaScript 函数,return 语句用来规定从函数返回的值。例返回两个数相乘的值function multiply (a, b) x = a * b;return x; 调用上面这个函数时，必须传入两
7、个参数：result = multiply (2, 3); 函数的返回值存储在名为 result的变量中,31,函数,函数定义有三个要素：函数名；参数列表；函数体。使用函数前，要先定义函数，定义函数的基本语法格式如下：function 函数名(参数1,参数2.) 代码块；,32,例：求1100中第10个能够整除3的数，程序代码如下：var i=1,index=0;while(i=100,第三单元,题目：编写一个JavaScript函数，用于求解1100中第10个能够整除3的数，并给出该函数的调用方法。分析：需要综合运用JavaScript的变量、标识符、运算符、表达式、控制语句和循环语句完成本
8、题目。,function calculate () var i=1,index=0; while(i=31,35,第四单元,请简述在客户端/服务器端模式下， Request对象和Response对象的联系和区别。,36,在客户端/服务器端模式下执行Web应用程序，客户端和服务器端之间的交互和信息传递就是通过Request和Response两个对象完成的。Request对象用于获取客户端的信息，可以使用Request对象访问任何基于HTTP请求传递的所有信息，获得客户端发送给服务器的信息。,37,例如：获取HTTP请求正文中的表单元素的值，获取查询字符串中变量的值，服务器端获取客户端的信息等Re
9、sponse对象的作用是，当服务器和客户端需要进行交互时，服务器端向客户端发送信息。例如：将指定的字符串写入当前的HTTP输出中；返回当前页面处理结果；让浏览器重定位到指定的URL地址等。,38,38,4.2 Request和Response对象,在客户端/服务器端模式下执行Web应用程序，客户端和服务器端之间的交互和信息传递就是通过Request和Response两个对象完成的。Request对象是ASP中常用的对象之一，用于获取客户端的信息，可以使用Request对象访问任何基于HTTP请求传递的所有信息，通过Request对象能够获得客户端发送给服务器的信息。,39,39,Request
10、 的语法如下：Request.集合|属性|方法(变量) 常用的对象集合有：Form：QueryStringCookieServerVariables,40,40,Request对象,1Form：获取HTTP请求正文中的表单元素的值，其语法格式如下：Request.Form(元素名称字符串)(索引)|.Count 例如，用户通过指定几个值填写表单，对Hobby参数，可以使用下面的脚本检索这些值。)Next%,41,41,Request对象,2QueryString：获取查询字符串中变量的值，HTTP查询字符串由问号“?”后的值指定，例如：string sample。QueryString集合的语
11、法如下：Request.QueryString(变量名字符串)(索引)|.Count,42,42,Request对象,使用集合QueryString也可以完成前面范例相同的功能，只需将集合Form替换，代码如下：Next%,43,43,Request对象,3Cookie ：Cookie其实是一个标签，当访问一个需要唯一标识站址的Web站点时，它会在你的硬盘上留下一个标记，下一次访问同一个站点时，站点的页面会查找这个标记。 Cookie集合的语法如下：Request.Cookies(Cookie名称)(Key)|.Attribute。,44,44,Request对象,Cookie的应用实例：,4
12、5,45,Request对象,4ServerVariables ：在浏览器中浏览网页时使用的传输协议是HTTP，在HTTP的标题文件中会记录一些客户端的信息，例如客户端的IP地址等信息，有时服务器端需要根据不同的客户端信息做出不同的响应，这时就需要用ServerVariables集合获取客户端的环境变量信息，其语法格式如下：Request.ServerVariables(环境变量名称)。,46,46,常用的环境变量如下,ALL_HTTP获取客户端发送的所有HTTP标题文件；CONTENT_LENGTH获取客户端发送内容的长度；CONTENT_TYPE获取客户端发送内容的数据类型，如：“text
13、/html”；LOCAL_ADDR获取返回接受请求的服务器地址；LOGON_USER获取用户登录Windows NT 的账号；QUERY_STRING获取HTTP请求中问号后的信息；REMOTE_ADDR获取发送请求的远程主机的IP地址；REMOTE_HOST获取发送请求的主机名称；REQUEST_METHOD获取客户端发送请求的方式，例如，HTTP的GET、POST等方法；SERVER_NAME获取出现在自引用URL地址中的服务器主机名、DNS 化名 或 IP 地址；SERVER_PORT获取发送请求的端口号。,47,47,使用下面的程序可以打印出所有的服务器环境变量。Server Vari
14、ableValue,48,48,Response对象,通过对Request对象的学习，可以了解到Request对象是用于服务器端获取客户端信息的，但是服务器和客户端需要进行交互，还需要服务器端向客户端发送信息， Response对象就能完成此功能。常用的Response对象的方法如下：Write方法 Response.End Response.Clear Response.Redirect（URL地址）,49,49,Response对象,1Write方法 其语法格式为：Response.Write(字符串) Write方法就是将指定的字符串写入当前的HTTP输出中，方法的参数为要输出的内容，可
15、以用括号把参数括起来，也可以直接写在方法的后面。,50,50,Response对象,例题：Dim i,BRStri = 100BRStr = Response.Write(数字i的值是 & i & BRStr)Response.Write(Hello，World & BRStr)RandomizeResponse.Write “随机数是 & Rnd() & BRStr,51,51,Response对象,2Response.End此方法使Web服务器停止处理当前页面的脚本并返回当前结果，当前代码后面的内容将不被执行。3Response.Clear该方法主要用于清除缓存区中的所有HTML输出，但该
16、方法只清除响应正文而不清除响应标题。该方法和Response.End方法相反，Response.End是到此结束并且返回前面程序执行的结果，而Response.Clear却是清除上面的执行，然后只返回下面程序执行的结果。,52,52,Response对象,4Response.Redirect（URL地址） Redirect方法是让浏览器立即重定位到程序指定的URL地址，此方法立即执行，在方法后的其他脚本程序都将不再执行。执行语句Response.Redirect(“http:/www.P,第四单元,题目：用VBScript编写一个计算1100的和的函数，并给出通过该函数调用打印和值的方法。分析
17、：需要综合运用VBScript的变量、标识符、运算符、表达式和循环语句完成本题目。,Function Sum() Dim iSum = 0i = 1While i = 100Sum = Sum + ii = i + 1WendEnd Function调用方法：MsgBox 1100的和为 & Sum (),55,第五单元,请结合实际应用，为网络试题库管理软件数据库设计数据库表，写出各个数据库表的名称及所含字段名称、字段类型（含字段大小），以及对字段作用的说明。,56,表一：用户信息表,User_ID 自动编号：用户信息表的唯一标识；UserName文本，字段大小50：用户的姓名；UserPas
18、sword文本，字段大小50：用户的密码,57,表二：考试信息表,Exam_id自动编号：试卷唯一标识；Exam_title文本，字段大小50：试卷名称；Exam_date日期/时间：设置日期；Test_time日期/时间：考试时间；Exam_duration数字：考试时长；Tester文本，字段大小50：考试人；Teacher文本，字段大小50：授课教师。,58,表三：选择题表,Item_id 自动编号：题目的唯一标识；Exam_id 数字：题目所属试卷的标识；CreateTime 日期/时间：题目添加时间；Title 文本，字段大小50：题目的标题；Question 文本，字段大小200：
19、题目的选项；Answer 文本，字段大小50：题目的答案。,59,表四：填空题表,FillBlank_id 自动编号：题目的唯一标识；Exam_id 数字：题目所属试卷的标识；CreateTime 日期/时间：题目添加时间；Title 文本，字段大小50：题目的标题；Question 文本，字段大小200：题目的题干；Answer 文本，字段大小50：题目的答案。,60,表五：问答题表,Essay_id 自动编号：题目的唯一标识；Exam_id 数字：题目所属试卷的标识；CreateTime 日期/时间：题目添加时间；Title 文本，字段大小50：题目的标题；Question 文本，字段大小
20、200：题目的问题；Answer 文本，字段大小200：题目的答案。,第五单元,题目：请结合实际应用，为网络试题库管理软件数据库设计数据库表，写出各个数据库表的名称及所含字段名称、字段类型、字段大小，以及对字段作用的说明。分析：如果想有效地对用户留言在数据库中进行存储，至少需要构建2个数据库表，一个保存留言者的信息，包括留言者的标识、用户名、密码；另一个需要保存留言信息，包括留言的标识、留言的内容、时间，留言人的名字、邮件地址、住址、电话等。,表一：留言信息表MessageID自动编号，字段大小默认：留言的唯一标识； Name文本，字段大小50：留言人的名字； Body文本，字段大小50：留言
21、的内容；E-mail文本，字段大小50：留言人的邮件地址；Time日期/时间，字段大小默认：留言的时间； Address文本，字段大小50：留言人的地址； Tel文本，字段大小50：留言人的电话；表二：用户信息表UserID 自动编号，字段大小默认：用户的唯一标识； UserID文本，字段大小50：用户名； Password文本，字段大小50：用户的密码；,63,第六单元,如何判断一个站点是否正确地建立了与数据源的连接？,64,1.当一个站点正确地创建了与数据源的连接之后，将在站点中自动生成一个文件夹“Connections”。2.在“Connections”文件夹下将生成以刚才建立的数据源名
22、称命名的“.asp”文件，该文件将允许本站点下所有网页文件能够与该数据源之间建立直接的连接关系。,65,3.在数据库面板中，数据源创建过程的步骤提示被数据源名称所替代，点击数据源名称前的加号“+”，将可以看到数据源所对应的数据库的相关信息，包括脚本编制，视图和预存过程。,66,4.在数据库面板中，脚本编制下将可以看到该数据源对应的Access数据库文件中所有数据库表的名称，打开数据库表的名称可以看到该数据库表中对所有字段的定义。,第六单元,题目：举例说明如何为我们新建的互联网应用软件建立数据源？请对每个关键步骤进行截图。分析：需要熟知“ODBC数据源管理器”的使用方法，以及每一个步骤中需要注意
23、的事项。,在windows的控制面板中的“管理工具”栏目下，找到“数据源 (ODBC)”的快捷方式。双击打开“ODBC数据源管理器”；,在“用户DSN”选项卡、“系统DSN”选项卡、“文件DSN”选项卡三个选项卡中选择“系统DSN”选项卡；,点击添加按钮，在“创建新数据源”对话框中选择第二项，创建“Driver do Microsoft Access（*.mdb）”数据源的驱动程序，点击完成；,紧接着在“ODBC Microsoft Access安装”对话框中，点击“选择”按钮，选择该互联网应用软件对应的Access数据库文件；,然后在“ODBC Microsoft Access安装”对话框中
24、，在数据源名中填写该数据源的名称。此名称既可以与数据库的名称相同，也可以不同。,73,第七单元,请简述在Dreamweaver中使用内置的服务器行为实现删除功能所需要的步骤。,74,选择“文件”“新建”来创建一个具有表单的新页面，该页面可以显示记录集里的所有的记录。,75,单击“服务器行为”面板里的“+”，在弹出菜单里选择“转到详细页面”。,76,加入“重复区域”服务器行为，动态显示数据库表中的问答题概要信息；,77,78,新建查看问答题详细信息功能页面，并在页面中添加“记录集（查询）”，将用户所选择的题目的所有信息项全部显示出来；,79,在“详细信息页”页面中，添加“删除”按钮，并且为它选择
25、一个位置。在按钮的属性里，把“提交”修改为“删除记录”。 在“服务器行为”面板里单击“+”，从下拉菜单里选择“删除记录”，这时会显示“删除记录”对话框。在“删除记录”对话框里，从“连接”下拉列表里选择自己的数据库连接。在“从表格中删除”选中需要删除记录的表。,80,81,从“选取记录自”下拉列表里选择用于搜索页的记录集。从“惟一键列”下拉列表里选择惟一的主键字段。这对应于删除页面里用于显示记录的主键。“提交此表单以删除”下拉列表里应该指定包含“删除”按钮的表单名称。,82,在“删除后，转到”字段里指定删除记录后要到达的确认页面。如果删除操作成功完成，那么访问者就会被转到这个页面。单击“确定”按
26、钮来添加服务器行为。删除功能就完成了。,83,新建“删除成功”提示页面,第七单元,题目：请举例介绍Dreamweaver “服务器行为”面板中常用的服务器行为。分析：常用的服务器行为包括“记录集（查询）”、“插入记录”、“更新记录”、“删除记录”、“重复区域”、“记录集分页” 、“转到详细页面”等。,1). 记录集（查询）在使用数据源里的数据表格之前，用户必须定义一个记录集。数据库对数据表里的包含信息进行分组。记录集是对一个或多个数据表查询而得到的一组数据，它指定了检索数据时利用哪些表格和字段。为了定义记录集，用户要在“服务器行为”面板里单击“+”，在弹出菜单里选择“记录集（查询）”。在弹出的
27、对话框里选择字段时，可以选择“全部”，也可以根据需要选择相应字段。查询出来的记录集中的记录，通常以动态数据库文本集合的形式显示在页面上。在默认状态下，只有记录集中的第一条记录显示在页面上。服务器行为就是用来显示和处理数据库记录的。当用户把服务器行为添加到页面时，它们会出现在“服务器行为”面板的行为列表里。,2). 插入记录服务器行为在Dreamweaver中用来完成数据录入的功能，这也是所有动态网站中必不可少的一项功能。使用该项行为，可以将自动表单的元素和记录集的字段进行绑定，从而完成表单提交后写数据库的过程。在数据库里插入记录的操作步骤如下： 建立一个具有表单的页面，表单里要拥有所有添加数据
28、的字段。 从“服务器行为”面板里添加“插入记录”服务器行为。在“插入记录”对话框里，用户可以定义要把数据添加到哪个表里，在执行插入操作后转到哪个页面，即通知用户插入操作成功的页面，并且设置在插入过程中HTML表单的字段如何映射到数据库表的字段，这个映射定义了表单里的哪个字段包含数据库哪个字段的值。 单击“确定”把这个服务器行为添加到页面里。,3). 删除记录服务器行为用来自动完成数据删除的功能。一个完整的删除操作需要较多步骤： 选择“文件”“新建”来创建一个新页面，该页面可以显示记录集里的所有的记录。 单击“服务器行为”面板里的“+”，在弹出菜单里选择“转到详细页面”。 在“详细信息页”页面中
29、，添加“删除”按钮，添加一个表单来包含它，并且为它选择一个位置。选择“插入”“表单”“按钮”来插入按钮。在按钮的属性里，把“提交”修改为“删除”。 在“服务器行为”面板里单击“+”，从下拉菜单里选择“删除记录”，这时会显示“删除记录”对话框。在“删除记录”对话框里，从“连接”下拉列表里选择自己的数据库连接。在“从表格中删除”选中需要删除记录的表。 从“选取记录自”下拉列表里选择用于搜索页的记录集。从“惟一键列”下拉列表里选择惟一的主键字段。这对应于删除页面里用于显示记录的主键。“提交此表单以删除”下拉列表里应该指定包含“删除”按钮的表单名称。 在“删除后，转到”字段里指定删除记录到要到达的确页
30、面。如果删除操作成功完成，那么访问者就会被转到这个页面。单击“确定”按钮来添加服务器行为。用户的删除页面现在就完成了。,4).更新记录更新记录服务器行为用来完成数据修改的功能。在数据查看修改页面，用户修改了某些字段之后，单击提交按钮，更新记录服务器行为会自动将表单的值提交到数据库中。5). 重复区域重复区域用来定义一段网页区域，这段区域中的代码可以重复执行，并最终构成完整的网页。因为是重复执行的，所以重复区域的外观或表现方式都一样，所以重复区域常常用来循环显示数据库记录集。重复区域服务器行为是用于显示动态数据的服务器行为。这意味着指定到第一条记录的格式会被指定到所有后续的记录。当用户定义重复区
31、域时，要利用“重复区域”对话框选择记录集和指定每次显示多少条记录。如果使用了重复区域，而且所有的记录不能一次同时显示，这个服务器行为就会显示下一组数据。,6). 记录集分页对于记录数很多的记录集，如果一次性全部显示在网页上，不仅网页响应速度很慢，而且网页也因为很长，导致上下拉动和查看信息较为麻烦，这时就需要应用到记录集分页服务器行为。7). 转到详细页面转到详细页面服务器行为用来在两个页面之间传递参数，而且这两个页面之间是类似父子的关系。如果要从大量的数据当中筛选出有用的数据，最简单的方法就是：首先查看这些记录的概要信息，基本确定为对自己有用的数据，然后就可以查看该记录的详细信息。这种方法不仅
32、高效，而且非常适合人类的思维方式。,90,第八单元,请简述并在每一关键步骤使用截图说明，开发网络试题库管理应用软件中添加试题功能的开发步骤 。,91,建立添加页面,92,在页面中添加表单和表单对象,93,从数据库的试卷表读取数据,94,为下拉列表表单对象获取动态列表项数据,95,添加“插入记录”服务器行为,96,指定表单对象与数据库各字段的映射关系,97,新建“添加成功”提示页面,98,功能测试,99,输入测试数据,100,查看数据库，验证测试数据是否正确插入数据库表,第八单元,题目：请以工作中遇到的实际案例为基础，介绍使用Dreamweaver进行互联网软件应用与开发过程中修改功能的开发步骤，并在每一关键步骤使用截图说明。分析：可以以开发网络试题库管理应用软件中修改试题功能的开发步骤为例,第1步：新建修改问答题功能页面；,第2步：加入“重复区域”服务器行为，动态显示数据库表中的问答题概要信息；,第3步：建立修改问答题答页面，添加记录集（查询）用于显示用户需要修改的题目及原始答信息；,第4步：为题目答文本框设定动态初始值；,第5步：添加“更新记录”服务器行为，以便将用户修改后的答信息保存到数据库表中；,第6步：新建修改问答题成功提示页面；,第7步：在浏览器中测试修改功能的有效性。,修改答案,查看操作提示,查看数据库表的变化情况,
