《综合编程实例》PPT课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第十章 综合编程实例,前9章分别介绍了JSP概念、运行环境、页面组成、各种技术的应用方法。本章将综合各章概念、技术和方法，把这些概念、技术和方法运用到实际应用当中，使读者对JSP技术和应用有更深刻的理解。本章涉及到4个应用：留言板、成绩管理、问卷调查和在线考试。,学习目标,理解4个应用的设计原理和设计方法,学会设计合理的程序结构,提高综合运用各项编程技术和方法,10.1 留言板,本系统实现客户在留言版上留下自已的姓名、邮箱和留言内容。,10.1.1 留言设计原理,1.系统构成。,本系统由三个页面文件和一个文本文件构成。它们的作用如表10-1所示。,表10-1,文件名,作用,Form.jsp,提供一个窗口，客户在此窗口中输入留言,setMsg.jsp,将客户输入的留言写入文件Message.txt，并输出留言,showMsg.jsp,将所有留言显示出来,Message.txt,客户每次输入的留言都保存在该文件中,2系统执行流程,本系统执行流程如图10-1所示。,setMsg.jsp,页面,写好了,showMsg.jsp,页面,Form.jsp,页面,回留言板,Message.txt,写入,读出,回留言板,查看留言,图10-1 系统执行流程,输入留言,提供一个客户输入留言的窗口。本模块由Form.jsp页面实现。,程序算法：,Form.jsp:,1创建表单，该表单包含两个文本框和一个文本区，分别用来录入留言者姓名、邮箱和留言内容。,2创建一个连接，连接到showMsg.jsp页面。,保存留言,将客户输入的留言保存到文件Message.txt中。本模块由setMsg.jsp页面实现。,程序算法：,setMsg.jsp:,1获取客户提交的姓名、邮箱和留言内容，并构造客户留言信息：Msg,2以文件名Message.txt为参数构造文件输出流:fw,3以fw为参数构造缓冲输出流：bw,4将客户留言信息(Msg)写入缓冲输出流bw中。,5关闭流bw,fw,6将客户留言输出到客户端。,7建立超连接，连接到Form.jsp页面。,查看留言,读取文件Message.txt中的所有留言，输出到客户端。本模块由showMsg.jsp页面实现。,程序算法：,showMsg.jsp:,1以文件名Message.txt为参数，构造文件对象：f,2以f为参数，构造文件输入流：in,3以in为参数，构造缓冲输入流：bufferin,4将缓冲输入流(bufferin)中的数据输出到客户端。,5建立超连接，连接到Form.jsp页面。,10.2 成绩管理系统,本系统实现用户登录、成绩管理、成绩录入、修改、查询、删除等6个摸块。,成绩管理系统设计原理,系统构成。,本系统由6个模块组成。它们是用户登录模块、成绩管理模块、成绩录入模块、成绩修改模块、成绩查询模块、成绩删除模块共6个摸块组成。,模块设计,本系统模块结构如图10-2所示。,用户登录模块,成绩管理模块,成绩录入,成绩修改,成绩查询,成绩删除,图10-2 系统模块结构,数据库设计,本系统包含两张表。一个是学生成绩表(students)，该表保存学生成绩；一个是用户登录网站的帐号表(Login)，该表保存用户帐号。两张表属于数据库db.mdb中。,学生表(students)的结构如表10-2所示；帐号表(Login)的结构如表10-3所示。,表(students)10-2,字段名,数据类型,字段宽度,number,文本,5,name,文本,10,math,单精度数字,自动,english,单精度数字,自动,phics,单精度数字,自动,表(Login)10-3,字段名,数据类型,字段宽度,XM,文本,10,PW,文本,10,假设管理员在Login表中加入一条记录XM是ken，PW是123。则客户可以用此帐号和密码登录本系统。,用户登录,在网站设计中，希望某些网页只有具有特定权限的用户才能访问。这时需要建立登录机制。这里假设由系统管理员给访问者分配帐号。只有具有帐号的客户才能访问网页。本系统实现登录模块的页面由LogFrm.htm和Login.jsp组成。,程序结构：,LogFrm.htm页面检查输入帐号的合法性；Login.jsp检查输入帐号的正确性。本登录模块与其它页面关系如图10-3所示。,Login.jsp,LoginSuccess.jsp,LogFrm.htm,登录成功才进入此页面,登录失败,请重新登录,登录,图10-3 登录页面,程序算法：,LogFrm.htm:,1定义一函数datacheck()，检查帐号和密码输入的完整性。,2创建一表单，该表单包含两个文本框，用于登录客户输入用户名和密码。,Login.jsp:,1定义函数CheckLogin(String Login1,String Password1)，检查帐号和密码的正确性。,2获取表单的帐号(UserNm)和密码(UserPasswd)。,3若帐号或密码为空，则转向LogFrm.htm页面。,4检查帐号与密码的正确性,5若帐号和密码正确，则将帐号和密码保存到session中，并转向LoginSuccess.jsp页面(成绩管理)。若登录失败，则执行以下语句。,6输出登录失败原因(strCheckLogin)。,7.建立超连接,连接到LogFrm.htm页面。,成绩管理,该模块只是提供一个界面，通过该界面进入成绩录入、成绩修改、成绩查询、成绩删除界面。,程序结构：,该模块由LoginSuccess.jsp页面实现。下面是该模块与其它页面的交互关系如图10-4所示。,append_1.jsp,(成绩录入),update_1.jsp,(成绩修改),LoginSuccess.jsp,(成绩管理),del/del_1.jsp,(删除记录),query_1.jsp,(成绩查询),LogFrm.htm,(登录模块),若客户未登录,成绩录入,成绩查询,成绩修改,删除记录,图10-4 成绩管理模块,程序算法：,LoginSuccess.jsp,获取,session,中的帐号,:Name,若帐号为空,(,表示客户还未登录,),则定向到,LogFrm.htm,页面。,创建,4,个超连接，分别连接到,4,个页面。,10.2.4 成绩录入,该模块提供一个界面，用户在此界面录入学生成绩。,程序结构：,该模块由两个页面完成。append_1.jsp页面提供成绩录入界面，把成绩提交给append_2.jsp页面，由append_2.jsp页面把成绩保存到数据表(students)中。页面交互关系如图10-5所示。,append_1.jsp,成绩录入,append_2.jsp,LoginSuccess.jsp,(成绩管理),添加,返回,添加数据,表(students),图10-5 成绩录入模块,程序算法：,append_1.jsp:,创建一个表单，该表单包含,5,个文本框，这些文本框用于输入学生成绩。,提交该表单后，从,session,中获取添加执行标志,(,tianjia,=,成功,|,失败,),。,创建一个超连接，该连接指向,LoginSuccess.jsp,页面。,append_2.jsp:,定义,boolean,insert(),方法，该方法向,students,表中添加记录。,从表单中获取要添加的数据,调用,insert(number,name,m,e,p,),方法，添加数据到,students,表中。,若添加成功，则把属性,-,值对,(,tianjia,成功,),加入,session,中。否则把属性,-,值对,(,tianjia,失败,),加入到,session,中。,返回到,append_1.jsp,页面。,10.2.5 成绩修改,该模块提供一个界面,用户通过此界面根据学号修改学生成绩。,程序结构：,该模块由两个页面完成。update_1.jsp页面提供一个修改成绩的界面，它把修改后的数据提交给update_2.jsp页面，update_2.jsp页面首先在表中查询该学号是否存在，若存在该学号，则执行查询。页面交互关系如图10-6所示。,update_1.jsp,成绩修改,update_2.jsp,LoginSuccess.jsp,(成绩管理),更新,返回,修改数据,表(students),图10-6 成绩修改模块,程序算法：,update_1.jsp:,1 创建一个表单，该表单包含4个文本框，用于输入关键字(学号)和修改后的成绩。,2.提交该表单后，从session中获取修改执行标志(xiugai=成功|失败|无此学号),3.输出修改执行标志：xiugai,4创建一个超连接，连接到LoginSuccess.jsp页面。,update_2.jsp:,1定义方法boolean query(String number)，该方法查询学号为number的学生是否存在，若存在返回值为true，否则为false。,2定义方法String update(),该方法修改学号为number的成绩。方法返回值有三种情况：修改成功|修改失败|没有这个学号,3从表单中获取学号和新的成绩数据。,4执行修改操作：del=update(number,math,english,physics)。,5 根据执行情况，将属性-值对(xiugai,del)加入到session中。,6重新定向到update_1.jsp页面。,query_1.jsp,成绩查询,query_2.jsp,LoginSuccess.jsp,(成绩管理),查询,返回,查询数据,表(students),10.2.6 成绩查询,根据学号查询学生的成绩。,程序结构：,该模块由两个页面完成。在query_1.jsp页面中输入学号，提交给query_2.jsp页面，query_2.jsp页面完成学生查询。页面交互关系如图10-7所示。,图10-7 成绩查询模块,程序算法：,query_1.jsp:,1创建一个表单，该表单包含一个文本框，客户在此框输入学号。,2提交该表单后，从session中获取结果集：rs。,3以表格形式输出结果集数据：rs。,4创建一超连接，连接到LoginSuccess.jsp页面。,query_2.jsp:,1定义方法ResultSet chaxun(String number)，该方法获取学号是number的结果集。,2从表单中获取学号：number。,3执行查询，获得结果集数据：shu,4如果shu不为空，则把属性-值对(rs,shu)加入session 中。,5重新定向到query_1.jsp页面。,10.2.7 删除记录,根据学号删除学生记录。,程序结构：,该模块由两个页面完成。在del_1.jsp页面中输入学号，提交给del_2.jsp页面，del_2.jsp页面完成学生记录删除。页面交互关系如图10-8所示。,del_1.jsp,删除记录,del_2.jsp,LoginSuccess.jsp,(成绩管理),删除,返回,删除记录,表(students),图10-8 成绩删除模块,程序算法：,del_1.jsp:,1创建一个表单，该表单包含一文本框，客户在此框中输入学号。,2提交表单后，从session中获取删除标志(del)，del有3种取值：删除成功|删除失败|没有这个学号。,3输出删除标志del。,4创建一个超连接，连接到LoginSuccess.jsp页面。,del_2.jsp:,定义方法,boolean,query(String,number),，查询学号是,number,的学生。查找成功，则返回值为,true,，否则返回值是,false,。,定义方法,String,del(String,number),，删除学号是,number,的学生。返回结果标志有,3,种值：,删除成功,|,删除失败,|,没有这个学号,。,获取表单提交的学号,number,。,执行删除操作：,del(number,)