计算机软件工程专业09级实训答辩

计算机软件工程专业09级实训汇报,班级：软件092学号：2009111124姓名：林燕电话内容提要,实训目的/目标实训内容及要求实训内容实现实训演示实训总结,jQuery上传、信息修改,jQuery的定义Jquery是继prototype之后又一个优秀的Javascrpt框架。它是轻量级的js库(压缩后只有21k)，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+）。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。,实训目的/目标,使用jquery.form插件实现文件上传，使用jquery.tools.min.js插件实现tab页显示通知表的信息包括：通知编号、标题、内容、附件文件地址、发布时间、发布人。上传文件存放在项目目录下的uploadfiles文件夹下,实训内容及要求,1.认识选择符$要求：了解$()、CSS选择符、XPath选择符、自定义选择符的含义，学会使用这些选择符以及$(document).ready()方法。2.事件要求：理解事件的绑定，熟练使用常用的事件：click、toggle、hover、show、hide、trigger3.效果为操作添加艺术性要求：熟练使用各种效果4.DOM操作要求：能够熟练的使用jquery提供的方法灵活地操作DOM元素5.ajax追加文件要求：使用jquery方法追加html文件6.ajax实现表单提交要求：使用jquery.form插件实现表单提交7.综合实验要求:使用jquery.form插件实现文件上传，使用jquery.tools.min.js插件实现tab页显示,实训内容实现,1.jQuery代码实现$(document).ready(function()loadXmlDoc(););functionloadXmlDoc()$.get(./servlet/GetServlet,flag:1,function(data)varnoticearray=eval(data);$(#mytabletr:gt(0).remove();$.each(noticearray,function(index,item)$(#mytable).append(+item.id+item.title+item.content+item.annex+item.time+item.owner+删除);););,functiondelnotice(vsno)if(confirm(确定要删除学号为+vsno+的记录吗？)=true)$.get(./servlet/DeleteServlet,id:vsno,functioncall()loadXmlDoc(););functionaddnotice()$(#addform).ajaxSubmit(dataType:json,success:function(data)/新增/修改后接着查询结果loadXmlDoc();cleartext(););,functioncleartext()$(#title).val();$(#content).val();alert($(#annex).val();2、tabshow功能实现发布通知通知列表标题：内容：文件：,通知编号标题內容附件地址发布时间发布人管理,3.Servlet实现上传功能publicclassUploadServletextendsHttpServletprotectedvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException/TODOAuto-generatedmethodstubresponse.setContentType(text/html;charset=UTF-8);response.setHeader(Cache-Control,no-cache);Stringstrresult=上传成功！;tryDiskFileUploadfu=newDiskFileUpload();fu.setHeaderEncoding(UTF-8);/解决中文乱码关键/设置允许用户上传文件大小,单位:字节fu.setSizeMax(10*1024*1024);/设置最多只允许在内存中存储的数据,单位:字节fu.setSizeThreshold(4096);/设置一旦文件大小超过getSizeThreshold()的值时数据存放在硬盘的目录/fu.setRepositoryPath(D:Tomcat);/开始读取上传信息ListfileItems=fu.parseRequest(request);/依次处理每个上传的文件Iteratoriter=fileItems.iterator();,Stringtempdir=System.getProperty(user.dir).replace(bin,webapps);System.out.println(tempdir);Stringtitle=null;Stringcontent=null;FilesavedFile=null;while(iter.hasNext()FileItemitem=(FileItem)iter.next();/忽略其他不是文件域的所有表单信息if(!item.isFormField()Stringname=item.getName();FilefullFile=newFile(item.getName();/user.dir为D:/resinsavedFile=newFile(tempdir+/Notice/uploadfiles/,fullFile.getName();System.out.println(savedFile);item.write(savedFile);elseStringname0=item.getFieldName();if(name0.equals(title),Entityentity=newEntity();System.out.println(title=+title+,+content=+content);entity.setTitle(title);entity.setContent(content);entity.setAnnex(savedFile.toString();booleanflag=entity.register();if(flag!=false)strresult=上传成功;request.getSession().setAttribute(entity,entity);catch(Exceptione)strresult=e.getMessage();request.setCharacterEncoding(gbk);Gsongson=newGson();Stringjson=gson.toJson(strresult);response.getWriter().write(json);protectedvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException/TODOAuto-generatedmethodstubdoGet(request,response);,实训演示,图一、通知列表,图二、tabshow页面显示,实训总结,在这一次实训中对jQuery开发方面取得了一定的了解，对于使用servlet实现了文件的上传功能也取得了进步。同时我也认识到要熟练的掌握好jQuery，并将之运用于实践中仍需要继续努力，不断丰富自己的经验才行。这次实训是对我们三年学习的一个检验，虽然项目中很多知识我们在日常的学习中都没有遇到，这同时提醒我：要想成为一个合格的程序员就有具备一种自学能力，在工作中会遇到很多从未接触过的问题，当有了问题时要去解决，在你不断努力，寻找答案的过程中，自己的能力也在潜移默化的提升。有时遇到问题时可能有很多想法但却不知道那个正确，这就让我们不断地去探索，不断地尝试。我相信通过这一次的实训，获得的知识和实践经验将会对我终身受益。,网店,网店是基于的三层架构“三层”应用结构：数据访问层、业务逻辑层（领域层）、表示层分层的设计：结构清晰、耦合度低便于系统的扩展。利于开发任务同步进行。降低了一定的性能。,实训内容,数据库搭建使用SqlserverManagementStudio建立数据库-(1)、建立商品表Createtabletb_Commodity(idintIDENTITY(1,1)NOTNULLPRIMARYKEY,CommodityNameVARCHAR(100),ShortNameVARCHAR(50),ProducePlaceVARCHAR(100),UnitVARCHAR(20),SpecsVARCHAR(50),实训内容实现,PassNumberVARCHAR(50),PassListVARCHAR(50),CompanyIdINTNOTNULL,RemarkVARCHAR(500),UsernameVARCHAR(50),AddTimeVARCHAR(50),totalint,foreignkey(CompanyId)referencestb_Company(id),)-(2)、公司信息表Createtabletb_Company(idintIDENTITY(1,1)NOTNULLPRIMARYKEY,CompanyNameVARCHAR(50),CompanyTypeVARCHAR(50),CompanyShortVARCHAR(50),CompanyAddressVARCHAR(50),PostalcodeVARCHAR(50),TelVARCHAR(50),FaxVARCHAR(50),LinkmanVARCHAR(50),EmailVARCHAR(50),实训演示,刚进入主界面时候的左栏只有部分导航加入了链接。只有这几个导航栏加入了山东建筑大学的链接。,实训演示,点击最顶上方的导航栏后，各个相应的子菜单会显示在左边的一栏。比如点击公司/物品信息后，显示如下图其它的一样操作。,实训演示,点击左侧的子菜单项，会将结果页面显示在右面的框架中，比如点击查看公司信息，显示如下图,实训演示,添加入库管理信息,实训演示,在右上角显示的当前操作用户，和退出按钮,实训演示,点击退出后会有弹框提示，