武汉理工大学学生实验报告书实验课程名称软件开发工具开课学院计算机科学与技术学院指导老师姓名向广利学生姓名学生专业班级软件zy13022015—2016学年第1学期学生学号实验课成绩-1-实验课程名称:软件开发工具实验项目名称基于框架的web前端设计实验成绩实验者专业班级软件zy1302组别同组者实验日期2015年11月10日第一部分:实验分析与设计(可加页)一、实验内容描述(问题域描述)内容:采用一种框架进行Web前端设计,内容自定义。二、实验设计(包括实验方案设计,实验手段的确定,实验步骤,实验过程等,用硬件逻辑或者算法描述)本次实验采用Bootstrap开源框架,Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果。此外,Bootstrap框架十分超前,在支持html5和css3的浏览器上表现特别好,而且对移动终端的浏览器支持也是相当优秀。本人借助官网给的demo,自己边学边做,完成了实验室管理系统的前端开发。其中用到了html5、css和javascript,由于是初学,还比较生疏,但是经过坚持不懈还是开发出来了。最后由于要用Java和后台交互,我还是把它改成了jsp,但是依然不影响它的呈现。三、主要仪器设备及耗材PC机-2-第二部分:实验调试与结果分析(可加页)一、调试过程(包括调试方法描述、实验数据记录,实验现象记录,实验过程发现的问题等)源代码:(1)index.jsp:%@pagecontentType=text/html;charset=UTF-8language=java%!DOCTYPEhtmlhtmllang=zhheadmetacharset=utf-8metahttp-equiv=X-UA-Compatiblecontent=IE=edgemetaname=viewportcontent=width=device-width,initial-scale=1title登录/title!--BootstrapcoreCSS--linkhref=components/bootstrap/css/bootstrap.min.cssrel=stylesheet!--Customstylesforthistemplate--linkhref=assets/css/signin.cssrel=stylesheet/headbodydivclass=containerformclass=form-signinaction=/LoginServletmethod=post%--这里可能要改跳转--%h2class=form-signin-heading请登录/h2labelfor=inputIDclass=sr-onlyID/labelinputtype=numberid=inputIDname=idclass=form-controlplaceholder=帐号requiredautofocuslabelfor=inputPasswordclass=sr-onlyPassword/labelinputtype=passwordid=inputPasswordname=passwordclass=form-controlplaceholder=密码requireddivclass=checkboxlabelclass=radio-inlineinputtype=radioname=identityid=inlineRadio1value=admin管理员/labellabelclass=radio-inlineinputtype=radioname=identityid=inlineRadio2value=teacher教师-3-/labellabelclass=radio-inlineinputtype=radioname=identityid=inlineRadio3value=student学生/label/divbuttonclass=btnbtn-lgbtn-primarybtn-blocktype=submitid=submitButton登录/button/form/div/body/html(2)其他源代码(见附件)二、实验结果及分析(包括结果描述、实验现象分析、影响因素讨论、综合分析和结论等)网页效果:(1)登录页面:(2)用户信息页面:-4-(3)公告页面:(4)实验室页面:(5)仪器设备管理页面:-5-(6)低值品与耗材管理页面:三、实验小结、建议及体会在这次实验中,我学会了如何利用Bootstrap开源框架开发前端,其中学会了不少东西,包括html5、css和javascript的基本语法。以前觉得页面开发应该很简单,拖拖拉拉控件就行,现在发现并不是那么简单,代码的组织也是非常重要的,好看的页面也是要用心组织代码才能实现的,以后的实验我会继续努力的!-6-实验课程名称:软件开发工具实验项目名称MVC框架的后端设计实验成绩实验者专业班级软件zy1302组别同组者实验日期2015年11月20日第一部分:实验分析与设计(可加页)一、实验内容描述(问题域描述)内容:利用MVC框架进行后端设计和开发,内容自定义。二、实验设计(包括实验方案设计,实验手段的确定,实验步骤,实验过程等,用硬件逻辑或者算法描述)本次实验开发采用的是J2EE技术。J2EE提供了更为显著和灵活的安全特性。J2EE采用Java认证和授权服务,作为其核心的安全性协议和保障。J2EE采用部署描述的方式,使系统组件的部署员可以灵活地对每个组件Servlet、EJB、JavaBean进行配置,从而实现角色的身份验证。Model(模型)是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。View(视图)是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。Controller(控制器)是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。三、主要仪器设备及耗材PC机、JDK8、IntelliJIDEA-7-第二部分:实验调试与结果分析(可加页)一、调试过程(包括调试方法描述、实验数据记录,实验现象记录,实验过程发现的问题等)(1)文件组织:-8-(2)源代码(附件)二、实验结果及分析(包括结果描述、实验现象分析、影响因素讨论、综合分析和结论等)实验效果:(1)用户信息数据:数据库中:页面中:-9-(2)实验室信息:数据库中:页面中:(3)数据库中:-10-页面中:(4)低值品和耗材信息:数据库中:页面中-11-三、实验小结、建议及体会通过本次实验,我初探了J2EE开发后台,这段学习过程十分艰难,因为在此期间穿插了各种考试,让我也不能好好的静下心来好好学J2EE,但是最后还是完成了此次实验,这两次的实验,让我觉得有点向大作业,任务量非常的大,但是收获不少,还是很开心的!-12-实验课程名称:软件开发工具实验项目名称利用IntelliJIDEA调试源代码实验成绩实验者专业班级软件zy1302组别同组者实验日期2015年12月10日第一部分:实验分析与设计(可加页)一、实验内容描述(问题域描述)内容:在编写代码的过程中,调试代码是必不可少的阶段。IDEA是一个Java的集成开发环境,要求在IDEA上调试一个项目。二、实验设计(包括实验方案设计,实验手段的确定,实验步骤,实验过程等,用硬件逻辑或者算法描述)IDEA全称IntelliJIDEA,是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。程序调试,是将编制的程序投入实际运行前,用手工或编译程序等方法进行测试,修正语法错误和逻辑错误的过程。这是保证计算机信息系统正确性的必不可少的步骤。编完计算机程序,必须送入计算机中测试。三、主要仪器设备及耗材PC机、IntelliJIDEA-13-第二部分:实验调试与结果分析(可加页)一、调试过程(包括调试方法描述、实验数据记录,实验现象记录,实验过程发现的问题等)第一步,用编辑程序把编制的源程序按照一定的书写格式送到计算机中,编辑程序会根据使用人员的意图对源程序进行增、删或修改。第二步,把送入的源程序翻译成机器语言,即用编译程序对源程序进行语法检查并将符合语法规则的源程序语句翻译成计算机能识别的“语言”。如果经编译程序检查,发现有语法错误,那就必须用编辑程序来修改源程序中的语法错误,然后再编译,直至没有语法错误为止。第三步,使用计算机中的连接程序,把翻译好的计算机语言程序连接起来,并扶植成一个计算机能真正运行的程序。在连接过程中,一般不会出现连接错误,如果出现了连接错误,说明源程序中存在子程序的调用混乱或参数传递错误等问题。这时又要用编辑程序对源程序进行修改,再进行编译和连接,如此反复进行,直至没有连接错误为止。第四步,将修改后的程序进行试算,这时可以假设几个模拟数据去试运行,并把输出结果与手工处理的正确结果相比较。如有差异,就表明计算机的程序存在有逻辑错误。如果程序不大,可以用人工方法去模拟计算机对源程序的这几个数据进行修改处理;如果程序比较大,人工模拟显然行不通,这时只能将计算机设置成单步执行的方式,一步步跟踪程序的运行。一旦找到问题所在,仍然要用编辑程序来修改源程序,接着仍要编译、连接和执行,直至无逻辑错误为止。也可以在完成后再进行编译。二、实验结果及分析(包括结果描述、实验现象分析、影响因素讨论、综合分析和结论等)1.设置断点选定要设置断点的代码行,在行号的区域后面单击鼠标左键即可。2.开启调试会话点击红色箭头指向的小虫子,开始进入调试。3.单步调试3.1stepover-14-点击红色箭头指向的按钮,程序向下执行一行(如果当前行有方法调用,这个方法将被执行完毕返回,然后到下一行)3.2stepinto点击红色箭头指向的按钮,程序向下执行一行。如果该行有自定义方法,则运行进入自定义方法(不会进入官方类库的方法)。3.3Forcestepinto该按钮在调试的时候能进入任何方法。3.4stepout-15-如果在调试的时候你进入了一个方法(如f2()),并觉得该方法没有问题,你就可以使用stepout跳出该方法,返回到该方法被调用处的下一行语句。值得注意的是,该方法已执行完毕。3.5Dropframe点击该按钮后,你将返回到当前方法的调用处(如上图,程序会回到main()中)重新执行,并且所有上下文变量的值也回到那个时候。只要调用链中还有上级方法,可以跳到其中的任何一个方法。4.高级调试4.1跨断点调试-16-设置多个断点,开启调试。想移动到下一个断点,点击如下图:程序将运行一个断点到下一个断点之间需要执行的代码。如果后面代码没有断点,再次点击该按钮将会执行完程序。4.2查看断点-17-点击箭头指向的按钮,可以查看你曾经设置过的断点并可设置断点的一些属性。箭头1指向的是你曾经设置过的断点,箭头2可以设置条件断点(满足某个条件的时候,暂停程序的执行,如c==97)。结束调试后,应该在箭头1处把所设的断点删除(选择要删除的断点后,点击上方的红色减号)。4.3设置变量值调试开始后,在红箭头指向的区域可以给指定的变量赋值(鼠标左键选择变量,右键弹出菜单选择setValue...)。这个功能可以更加快速的检测你的条件语句和循环语句。三、实验小结、建议及体