软件工程毕业设计（论文）-产品手册优化平台的设计

设计题目产品手册优化平台的设计学院计算机与信息学院专业年级软件工程2008级学号姓名指导教师、职称2012年5月PRODUCTMANUALOPTIMIZATIONPLATFORMCOLLEGECOMPUTERANDINFORMATIONSCIENCESPECIALTYANDGRADESOFTWAREENGINEERING,2008NUMBER081181063NAMEGUANGFENGLINADVISORCHANGJIANGCHENSUBMITTEDTIMEMAY,2012目录摘要IABSTRACTII1引言111目的和意义112主要设计内容113预期设计结果114拟解决的关键问题215使用术语22开发环境321硬件环境322软件环境33需求分析及系统设计431系统需求获取及总体功能432各项功能分析4321主页4322浏览5323登入功能5324提交问题功能6325文档上传功能6326文档管理功能7327问题导出功能7328问题管理功能84数据库分析及设计941数据数需求分析942数据库设计95技术要点与难点1151设计思想及分层结构1152WORD转换成HTML1253抓取WORD的文档结构1354数据库动态配置136编码实现1861主页的实现1862浏览功能的实现24福建农林大学本科毕业设计说明书II63登入功能的实现2764提交问题功能的实现2865文档上传功能的实现3366文档管理功能的实现40参考文献50致谢51福建农林大学本科毕业设计说明书I摘要文档在工作中占有突出的地位，开发和维护文档有相当的大工作量。高效率地管理和维护文档对于转让，变更，修正，扩充和使用文档，对于充分发挥产品的效益有着重要意义。本设计提提供对文档的上传，管理，在线浏览，找茬管理等功能。系统的功能为文档手册的管理和修正提供的便利。关键词文档手册；在线浏览；文档升级；福建农林大学本科毕业设计说明书IIABSTRACTDOCUMENTWORKHASAPROMINENTPOSITIONANDQUITEWORKLOADHIGHEFFICIENCY,HIGHQUALITYPRODUCTION,DISTRIBUTION,MANAGEMENTANDPROTECTDOCUMENTFORTRANSFERDIMENSION,CHANGE,FIXED,EXPANDEDANDUSEDOCUMENTATION,TOGIVEFULLPLAYTOTHEBENEFITOFTHEPRODUCTHASIMPORTANTSIGNIFICANCETHEDESIGNPROVIDESTHEDOCUMENTPUTUPLOAD,MANAGEMENT,THEONLINEBROWSING,FINDFAULTMANAGEMENTETCFUNCTIONTHEFUNCTIONOFTHESYSTEMFORTHEMANAGEMENTOFTHEMANUALANDCORRECTIONOFTHEDOCUMENTPROVIDESCONVENIENCEKEYWORDSDOCUMENTMANUALTHEONLINEBROWSINGDOCUMENTUPGRADE福建农林大学本科毕业设计说明书11引言11目的和意义软件文档1DOCUMENT也称文件,通常指的是一些记录的数据和数据媒体,它具有固定不变的形式,可被人和计算机阅读它和计算机程序共同构成了能完成特定功能的计算机软件有人把源程序也当作文档的一部分我们知道,硬件产品和产品资料在整个生产过程中都是有形可见的,软件生产则有很大不同,文档本身就是软件产品没有文档的软件,不成其为软件,更谈不到软件产品软件文档的编制DOCUMENTATION在软件开发工作中占有突出的地位和相当的工作量高效率,高质量地开发,分发,管理和维护文档对于转让,变更,修正,扩充和使用文档,对于充分发挥软件产品的效益有着重要意义然而,在实际工作中,文档在编制和使用中存在着许多问题,有待于解决软件开发人员中较普遍地存在着对编制文档不感兴趣的现象从用户方面看,他们又常常抱怨文档售价太高,文档不够完整,文档编写得不好,文档已经陈旧或是文档太多,难于使用。本系统主要用来提高文档的质量和加强文档编写人员和使用人员的交流。方便文档的优化。本系统需求明确、清晰，在开发方面将涉及UI设计、MYSQL数据库2、格式转换、上传3下载等，从需求及技术上，本设计课题的提出是有意义且可行的。12主要设计内容1）主页模块页面上展示所有管理员上传的文档,提供用户进行在线浏览和查找；2）浏览模块用户指定查看谋篇文档，并且支持定位和文档结构图功能；3）登录模块管理员登入模块；4）找茬模块用户通过该模块可以提出对该篇文档的建议和文档错误点；5）文档上传模块管理员通过该模块可以上传文档；6）文档管理模块用管理员通过该模块进行文档的管理；7）问题导出模块管理员通过该模块进行文档导出；8）问题管理模块管理员通过该模块管理用户提出的意见；13预期设计结果通过MYECLIPSE开发工具，使用EXT作为前台的界面设计。采用自己封装的MVC设计思想。实现对数据库的封装。使用EXT32设计出简洁易用的界面。清晰明了的使用方法。可以让用户很容易就上手使用该系统。福建农林大学本科毕业设计说明书214拟解决的关键问题1）页面兼容性4浏览器兼容性问题又被称为网页兼容性或网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。2）文档上传问题查找合适的工具实现文档的上传；3）文档转换问题为了编写方便，文档编写人员编写的文档都是WORD和EXCEL格式，但是用户希望可以通过HTML的格式展示出来。4）抓取文档结构图为了更加方便的阅读，WORD文档中都有文档结构图。同时页面上也有一个文档结构图，方便定位；5）程序稳定性5程序稳定性是每个程序都需要考虑的问题，不能因为程序某一模块出错而造成整个程序的崩溃，因此需对程序异常进行捕获处理。15使用术语表11使用术语专业术语说明JACOB它允许在JAVA中调用COM接口自动组件，实现文档转换SDK由该SDK开发公司提供的已封装好各项数据操作接口或方法的开发包UI人机交互界面HTMLPARSER超高速解析HTMLHTML用于描述网页文档的一种标记语言JSPSMARTUPLOAD可免费使用的全功能的文件上传下载组件文档软件开发使用和维护中的必备资料POI对MICROSOFTOFFICE格式档案读和写的功能福建农林大学本科毕业设计说明书32开发环境21硬件环境表21硬件环境硬件名称说明THINKPADT410IINTELRCORETM2CPUT520016GHZ30G内存提供程序开发的硬件支持22软件环境表22软件环境软件名称说明MYECLIPSE65提供程序开发的IDE环境MYSQL数据库NAVICATFORMYSQLMYSQL数据库的图形化管理工具IE,FIREFOX测试浏览器福建农林大学本科毕业设计说明书43需求分析及系统设计31系统需求获取及总体功能系统需求获取可从以下几个方面入手1）用户查看文档；2）管理员上传和管理文档；3）用户提出BUG。图31系统总体功能图32各项功能分析321主页图32用户浏览网页表32用户浏览网页说明模块名称功能说明主页模块71）用户访问网站后进入网页主界面。2）加载主页面必要的信息。3）界面上分页显示可以浏览的文档。福建农林大学本科毕业设计说明书5322浏览图33用户浏览表33用户浏览功能说明模块名称功能说明用户浏览模块1）用户查找到要浏览的文档后点击2）跳转到新的页面单独加载该文档3）并且提供对该文档的文档结构图4）可以对该文档提出问题323登入功能图34登入功能示意图表34登入功能说明模块名称功能说明登入功能1）管理员登入，进行文档管理福建农林大学本科毕业设计说明书6324提交问题功能图35找茬功能示意图表35找茬功能示说明模块名称功能说明提交问题功能1）用户点击找茬按钮后跳出找茬框2）填写必要的找茬信息，后可以点击提交保存3）提示保存成功还是失败4）后太保存茬信息，相应处理325文档上传功能图36文档上传功能示意图表36文档上传功能说明模块名称功能说明文档上传功能1）管理员选择要上传的文档，并且选择和填写必要的信息2）点击上传3）后天进行进行保存并解析4）前台提示是否上传成功福建农林大学本科毕业设计说明书7326文档管理功能图37问题管理功能示意图表37文档管理功能说明模块名称功能说明文档管理功能1）点击进入文档管理2）分页显示部分文档3）管理员通过查询找到文档4）可以对文档进行更新，删除等操作327问题导出功能图38问题导出功能示意图表38问题导出表功能说明模块名称功能说明问题导出1）管理员通过查询条件，查找到想要到问题2）点击导出，可以导出问题福建农林大学本科毕业设计说明书8328问题管理功能图39问题管理功能示意图表39问题管理功能说明模块名称功能说明问题管理功能1）可以对问题进行管理2）对问题进行归类。3）问题处理后可以对问题进行标记，标记为已处理等福建农林大学本科毕业设计说明书94数据库分析及设计41数据数需求分析文档管理中需要保存的数据量并不大，要保存每次上传的文档信息，用户信息，管理员信息，问题信息，系统配置信息。42数据库设计该系统采用的是MYSQL数据库。MYSQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内。这样就增加了速度并提高了灵活性。MYSQL的SQL“结构化查询”。SQL是用于访问数据库的最常用标准化语言。MYSQL软件采用了GPL。由于其体积小、速度快、总体拥有成本低。对数据库的设计表结构如下表41ADMIN管理员表表42CONFIG_DOC文档信息字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否NAME用户名VARCHAR36否PASSWORD密码VARCHAR36否TYPE管理员类型VARCHAR36否字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否NAME用户名VARCHAR36否HREF显示页面VARCHAR36否COUNT点击次数VARCHAR36否RATE找茬次数VARCHAR36否PROPERTY文档属性VARCHART36否TYPE文档类型VARCHART36否SIZE文档大小VARCHART36否DOWN下载路径VARCHART36否PREVIEW文档简介VARCHART360否福建农林大学本科毕业设计说明书10表43DOCUMENT文档具体信息表44USER用户信息表45USER用户信息表46SYSTEMDATA系统信息字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否DOC_ID文档目录IDVARCHAR10否TEXT叶子文本VARCHAR100否HREF锚机链接VARCHAR100否ISLEAF是否是叶子VARCHART100否PARENT_ID父亲IDVARCHART10否字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否NAME用户名VARCHAR30否EMAIL电子邮箱VARCHAR100否TIME注册时间TIME100否COUNT找出的茬数INT10否字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否NAME用户名VARCHAR30否EMAIL电子邮箱VARCHAR100否TIME注册时间TIME100否COUNT找出的茬数INT10否字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否NAME名称VARCHAR30否VALUE名称对应值VARCHAR100否TYPE类型TIME100否福建农林大学本科毕业设计说明书11表47FIND_FAULT错误表字段名字段说明类型长度是否可以为空IDIDLONG18（主键）否ADMIN_ID处理管理员IDINT10否USER_ID提出问题用户IDINT10否DOCUMENT_ID文档IDINT10否PRODUCT_SERIES产品类型VARCHART100否ERROR_TYPE问题类型VARCHART100否STATUS问题状态VARCHART100否TIME提出时间TIME30否ACCEPT是否接受VARCHART10否SOLVE_TIME解决时间TIME10是REMARKS标记VARCHART100是福建农林大学本科毕业设计说明书125技术要点与难点51设计思想及分层结构本项目开发采用的是MVC的分层结构方法。MVC模式是一种复合设计模式，一种在特定场合用于解决某种实际问题来得出的可以反复实践的解决方案。巧合的是他也有三个事物组成，于是乎人们就有了一种想当然的对应关系展示层VIEW；业务逻辑层CONTROL；持久层MODEL。首先MVC中的三个事物之间并不存在明显的层次结构，没有明显的向下依赖关系，相反的，VIEW和MODEL往往是比较独立的，而CONTROL是连接两者的桥梁，他们更像是横向的切分。这样一来就出现一个结果，MVC中每个块都是可以独立测试的，而三层结构中，上层模块的运行测试势必要提供下层代码或者提供相同接口的桩。相对来说，MVC复杂得多，但是结构更清晰，耦合性更低。图51代码结构分层主要分层的介绍1DB对链接数据库的封装，主要实现数据库的链接和释放。2FILTER过滤器，主要进行权限管理。3JSON主要是进行对象封装成JSON或JSON转换成对象4POJO表对应的对象，有助于封装数据库。5SYSTEMDATA系统初始化数据的获取，封装了界面上选项的动态配置福建农林大学本科毕业设计说明书136TOOL工具层，提供各种工具类。可以进行快速开发，减少重复代码。7DAO对象数据操作层52WORD转换成HTML把WORD转换成HTML，在转换的过程中很容易造成格式发生变化的问题。我们看到WORD会看到WORD另存为中有转换成HTML的选项。因此最好是可以通过代码调动系统的WORD转换HTML的实现的方法。可以保证转换的结果是简洁的，不会有格式上的问题。上网查找，发现JACOB可能符合该要求。JACOBISAJAVACOMBRIDGETHATALLOWSYOUTOCALLCOMAUTOMATIONCOMPONENTSFROMJAVAITUSESJNITOMAKENATIVECALLSINTOTHECOMANDWIN32LIBRARIESTHEJACOBPROJECTSTARTEDIN1999ANDISBEINGACTIVELYUSEDBYTHOUSANDSOFDEVELOPERSWORLDWIDEASANOPENSOURCEPROJECT,ITHASBENEFITTEDFROMTHECOMBINEDEXPERIENCEOFTHESEUSERS,MANYOFWHOMHAVEMADEMODIFICATIONSTOTHECODEANDSUBMITTEDTHEMBACKFORINCLUSIONINTHEPROJECT上面官网介绍可知，JACOB调用的就是本地安装的WORD，这样就要求服务器也要安装WORD，否则系统无法正常运行。53抓取WORD的文档结构在浏览的时候用户肯定希望有文档的结构图，可以方便定位。可能想到的方案就两个1直接解析WORD，获得文档结构图。2解析转换成HTML后的文件，在获得文档结构图。在方案2中就需要对HTML进行解析的工具，网上提供的开源工具主要有一下几个，到时候可以根据需求进行筛选1HTMLPARSERHTMLPARSERISAJAVALIBRARYUSEDTOPARSEHTMLINEITHERALINEARORNESTEDFASHIONPRIMARILYUSEDFORTRANSFORMATIONOREXTRACTION,ITFEATURESFILTERS,VISITORS,CUSTOMTAGSANDEASYTOUSEJAVABEANSITISAFAST,ROBUSTANDWELLTESTEDPACKAGE2HTML4JHTMLDOCISANENCAPSULATIONOFANHTMLDOCUMENT,WITHASIMPLEPERMISSIVEPARSERWHICHCANHANDLEEVENMOSTOFTHEBAD,NONCOMPLIANTHTMLDOCUMENTSOFTHEREALWORLD54数据库动态配置为了方便对数据库的管理，把链接数据库的必要信息全部都写到配置文件中，后期对项目的发布有重大意义。可以方便管理员修改数据库的密码。PACKAGECOMRUIJIEDBIMPORTJAVAIOFILENOTFOUNDEXCEPTION福建农林大学本科毕业设计说明书14IMPORTJAVAIOIOEXCEPTIONIMPORTJAVAIOINPUTSTREAMIMPORTJAVASQLCONNECTIONIMPORTJAVASQLDRIVERMANAGERIMPORTJAVASQLPREPAREDSTATEMENTIMPORTJAVASQLRESULTSETIMPORTJAVASQLSQLEXCEPTIONIMPORTJAVASQLSTATEMENTIMPORTJAVAUTILPROPERTIESPUBLICCLASSDBMESSAGEPRIVATESTATICSTRINGJDBC“COMMYSQLJDBCDRIVER“PRIVATESTATICSTRINGURL“JDBCMYSQL/LOCALHOST3306/DOCUMENTOPTIMIZATION“PRIVATESTATICSTRINGUSER“ROOT“PRIVATESTATICSTRINGPASSWORD“ROOT“/PRIVATESTATICSTRINGJDBCPRIVATESTATICSTRINGURLPRIVATESTATICSTRINGUSERPRIVATESTATICSTRINGPASSWORD/STATICSYSTEMOUTPRINTLN“类初始化“INPUTSTREAMINDBMESSAGECLASSGETCLASSLOADERGETRESOURCEASSTREAM“DBPROPERTIES“PROPERTIESPRONEWPROPERTIESTRYPROLOADINJDBCPROGETPROPERTY“JDBC“URLPROGETPROPERTY“URL“USERPROGETPROPERTY“USER“PASSWORDPROGETPROPERTY“PASSWORD“CATCHFILENOTFOUNDEXCEPTIONEEPRINTSTACKTRACECATCHIOEXCEPTIONEEPRINTSTACKTRACE福建农林大学本科毕业设计说明书15PUBLICSTATICSTRINGGETMESSAGESTRINGKEYSYSTEMOUTPRINTLN“KEY“KEYSTRINGVALUENULLINPUTSTREAMINDBMESSAGECLASSGETCLASSLOADERGETRESOURCEASSTREAM“DBPROPERTIES“PROPERTIESPRONEWPROPERTIESTRYPROLOADINVALUEPROGETPROPERTYKEYCATCHFILENOTFOUNDEXCEPTIONEEPRINTSTACKTRACECATCHIOEXCEPTIONEEPRINTSTACKTRACERETURNVALUETRIMPUBLICSTATICSTRINGGETUSERIFDBMESSAGEUSERNULLDBMESSAGEUSERGETMESSAGE“USER“RETURNDBMESSAGEUSERPUBLICSTATICSTRINGGETPASSWORDIFDBMESSAGEPASSWORDNULLDBMESSAGEPASSWORDGETMESSAGE“PASSWORD“RETURNDBMESSAGEPASSWORDPUBLICSTATICSTRINGGETJDBCIFDBMESSAGEPASSWORDNULLDBMESSAGEJDBCGETMESSAGE“JDBC“RETURNDBMESSAGEJDBCPUBLICSTATICSTRINGGETURL福建农林大学本科毕业设计说明书16IFDBMESSAGEURLNULLDBMESSAGEURLGETMESSAGE“URL“RETURNDBMESSAGEURLPUBLICSTATICCONNECTIONGETCONNECTIONCONNECTIONCONNECTIONNULLTRYCLASSFORNAMEGETJDBCNEWINSTANCECONNECTIONDRIVERMANAGERGETCONNECTIONGETURL,GETUSER,GETPASSWORDCATCHEXCEPTIONECONNECTIONNULLEPRINTSTACKTRACERETURNCONNECTION/关闭数据库PARAMCONNECTIONPARAMRREPAREDSTATEMENTPARAMRESULTSET/PUBLICSTATICVOIDCLOSEALLCONNECTIONCONNECTION,PREPAREDSTATEMENTRREPAREDSTATEMENT,RESULTSETRESULTSETTRYIFRESULTSETNULLRESULTSETCLOSERESULTSETNULLIFRREPAREDSTATEMENTNULLRREPAREDSTATEMENTCLOSERREPAREDSTATEMENTNULL福建农林大学本科毕业设计说明书17IFCONNECTIONNULLCONNECTIONCLOSECONNECTIONNULLCATCHSQLEXCEPTIONEEPRINTSTACKTRACE/关闭数据库PARAMCONNECTIONPARAMRREPAREDSTATEMENTPARAMRESULTSET/PUBLICSTATICVOIDCLOSEALLCONNECTIONCONNECTION,STATEMENTSTATEMENT,RESULTSETRESULTSETTRYIFRESULTSETNULLRESULTSETCLOSERESULTSETNULLIFSTATEMENTNULLSTATEMENTCLOSESTATEMENTNULLIFCONNECTIONNULLCONNECTIONCLOSECONNECTIONNULLCATCHSQLEXCEPTIONEEPRINTSTACKTRACE福建农林大学本科毕业设计说明书18PUBLICSTATICVOIDMAINSTRINGARGSINPUTSTREAMINDBMESSAGECLASSGETCLASSLOADERGETRESOURCEASSTREAM“DBPROPERTIES“每次修改数据库的密码，只要对应修改配置文件DBPROPERTIES就可以。而且对数据库的链接和释放都进行了必要的封装。福建农林大学本科毕业设计说明书196编码实现61主页的实现图61主页的实现效果图主要源代码/EXTJSLIBRARY321定义主页整体布局/FEEDVIEWEREXTONREADYFUNCTIONEXTQUICKTIPSINIT/针对应用程序配置默认的STATEPROVIDEREXTSTATEMANAGERSETPROVIDERNEWEXTSTATESESSIONPROVIDERSTATEEXTAPPSTATE/传入一个元素的值的参数,用于创建模板,（VARTPLEXTTEMPLATEFROMPREVIEWTPL,/预览功能定义模板COMPILEDTRUE,GETBODYFUNCTIONV,ALL/剥去所有脚本（）标签RETURNEXTUTILFORMATSTRIPSCRIPTSV|ALLDESCRIPTIONFEEDVIEWERGETTEMPLATEFUNCTIONRETURNTPL福建农林大学本科毕业设计说明书20FEEDVIEWERLINKINTERCEPTORRENDERFUNCTIONPPBODYONMOUSEDOWNFUNCTIONE,T/TRYTOINTERCEPTTHEEASYWAYTTARGET_BLANK,CLICKFUNCTIONE,T/IFTHEYTABENTERALINK,NEEDTODOITOLDFASHIONEDWAYIFSTRINGTTARGETTOLOWERCASE_BLANKESTOPEVENTWINDOWOPENTHREF,DELEGATEA/初始化导航和中间部分的面板并且为导航面板绑定FEEDSELECT事件/VARFEEDSNEWFEEDPANEL/主页左侧分类导航，在文件FEEDPANELJS中定义VARMAINPANELNEWMAINPANEL/主页中间两个表格部分，在文件MAINPANELJS中定义/FEEDSELECT定义于FEEDPANELJS,传递的参数是FEEDSONFEEDSELECT,FUNCTIONNODEATTRIBUTES/为主页左侧导航选择绑定打开新标签页事件MAINPANELOPENTABNODEATTRIBUTES/VIEWPORT对整个页面的整体布局采用BORDER的布局方式NORTH北隐藏无作用WEST西FEEDS分类导航中间MAINPANEL中间一大块面板EAST东公告和捷径/VARVIEWPORTNEWEXTVIEWPORT/主页整体框架LAYOUTBORDER,ITEMS/上半部分的窗口，进行隐藏，并无太大作用NEWEXTBOXCOMPONENT/RAWELEMENT/北REGIONNORTH,福建农林大学本科毕业设计说明书21/该组件的EXTELEMENT元素对象ELHEADER,HIDDENTRUE,HEIGHT47,/西FEEDS,/分类导航MAINPANEL,/中间表格部分NEWEXTPANEL/主页右侧部分/东REGIONEAST,LAYOUTVBOX,WIDTH220,MARGINS0550,BORDERFALSE,/MINSIZE175,/MAXSIZE400,HEADERFALSE,CMARGINS0555,COLLAPSIBLETRUE,ITEMS/FRAMEFALSE,/WIDTH220,/BODYSTYLE“WIDTH100“,XTYPEPANEL,/WIDTH200,/AUTOWIDTHFALSE,LAYOUTFIT,FLEX1,TITLE正在进行,/HTML本网站由研究院文档组维护，为您呈现优化后的产品手册，欢迎查阅文档组致力于改善产品手册的可用性，非常需要您的支持与帮助。您的任何意见和建议，都可以通过页面右上角的“意见反馈”发给我们。或者发邮件到LANJINJIAORUIJIECOMCN/直接嵌入HTM文档/AUTOLOADURLSHOWMESSAGE/LATESTANNOUNCEMENTHTMLHTML,WIDTH220,XTYPEPANEL,LAYOUTFIT,福建农林大学本科毕业设计说明书22FLEX1,/TITLE正在进行,/HTML本网站由研究院文档组维护，为您呈现优化后的产品手册，欢迎查阅文档组致力于改善产品手册的可用性，非常需要您的支持与帮助。您的任何意见和建议，都可以通过页面右上角的“意见反馈”发给我们。或者发邮件到LANJINJIAORUIJIECOMCN/直接嵌入HTM文档/AUTOLOADURLSHOWMESSAGE/LATESTANNOUNCEMENTHTMLITEMSHEROPANEL/,XTYPEGRID,STOREDOCUMENTTYPE_STORE,FLEX1,TITLE“找茬“英雄榜,FRAMETRUE,BBAR,COLUMNSNEWEXTGRIDROWNUMBERER,HEADER英雄名,SORTABLEFALSE,DATAINDEXUSERID/RENDERERGRIDUSERNAMESHOW,HEADER“找茬个数“,SORTABLEFALSE,DATAINDEXGROUPNAME,SMNEWEXTGRIDROWSELECTIONMODELSINGLESELECTTRUE,VIEWCONFIGFORCEFITTRUE/通过异步请求获得文档类型节点生成树结构/文档类型EXTAJAXREQUESTURLGETSYSTEMDATADO,福建农林大学本科毕业设计说明书23METHODPOST,PARAMSTYPE“DOCUMENTTYPE“,/遍历返回的数据SUCCESSFUNCTIONRESPONSEVARDATASEXTDECODERESPONSERESPONSETEXTFORDATAINDATASVARI0EXTEACHDATASDATA,FUNCTIONITEMSEXTEACHITEMS,FUNCTIONITEMIFITEMNAME“显示全部“VARNADENAME“MODULE0_“IFEEDSADDNODE/定义节点的部分参数NODENAMENADENAME,TEXTITEMNAME,PAGEINDEXI,FEEDSMODULE0,/定义父节点TRUEI1/特性列表EXTAJAXREQUESTURLGETSYSTEMDATADO,METHODPOST,PARAMSTYPE“PROPERTIESLIST“,/遍历返回的数据SUCCESSFUNCTIONRESPONSEVARDATASEXTDECODERESPONSERESPONSETEXTFORDATAINDATAS福建农林大学本科毕业设计说明书24VARI0EXTEACHDATASDATA,FUNCTIONITEMSEXTEACHITEMS,FUNCTIONITEMIFITEMNAME“显示全部“VARNADENAME“MODULE1_“IFEEDSADDNODE/定义节点的部分参数NODENAMENADENAME,TEXTITEMNAME,PAGEINDEXI,FEEDSMODULE1,/定义父节点TRUEI1/未发现任何作用/EXTGETHEADERONCLICK,FUNCTION/试着将焦点放到此项。VIEWPORTFOCUSFEEDSFOCUS/EXTONREADY结束福建农林大学本科毕业设计说明书2562浏览功能的实现图62浏览功能的实现效果图主要源代码VARWESTTREEPANELNEWAPIPANELVARDOCUMENTTYPEVAREASTPANELNEWEXTPANELREGIONEAST,/LAYOUTFIT,TITLE待开发区域,CLOSABLETRUE,AUTOSCROLLTRUE,MARGINS0055,AUTOWIDTHFALSEEXTEVENTMANAGERONWINDOWRESIZEFUNCTIONW,HVARSHOWWIDTHIFDOCUMENTTYPE“EXCEL“SHOWWIDTH1270ELSESHOWWIDTH950EASTPANELSETWIDTHDOCUMENTBODYOFFSETWIDTHSHOWWIDTH,THIS,TRUEEXTONREADYFUNCTIONEXTQUICKTIPSINITDOCUMENTTYPEEXTGET“SHOWWIDTH“DOMVALUEVARSHOWWIDTH福建农林大学本科毕业设计说明书26IFDOCUMENTTYPE“EXCEL“SHOWWIDTH1270ELSESHOWWIDTH950EASTPANELSETWIDTHDOCUMENTBODYOFFSETWIDTHSHOWWIDTH/数据库访问目录树的信息EXTAJAXREQUESTURLCREATEDOCTREEDO,METHODPOST,PARAMSCONFIG_IDEXTGET“DOCUMENTID“DOMVALUE,SUCCESSFUNCTIONRESPONSE/VARRESULTEVALEVALRESPONSERESPONSETEXT/返回JSON数据，存在DOCSCONTEXT数组中VARRESULTEXTUTILJSONDECODERESPONSERESPONSETEXTVARTITLERESULT0TEXTDOCUMENTTITLETITLEVARURL“MAINPANELBODYUPDATEURLMAINPANELSETTITLE“TITLE“WESTTREEPANELONCLICK,FUNCTIONNODE,E/绑定点击事件IFNODEATTRIBUTESIDESTOPEVENT/MAINPANELSHOWDOCTREEPANELNODE/调用SHOWDOCTREEPANEL,加载节点的HREF属性/ALERTNODEHREFWINDOWOPENNODEATTRIBUTESHREF,DOCSHOWVARVIEWPORTNEWEXTVIEWPORTLAYOUTBORDER,ITEMSWESTTREEPANEL,MAINPANEL,EASTPANEL福建农林大学本科毕业设计说明书27/展开指定的路径WESTTREEPANELEXPANDPATH/ROOTVIEWPORTDOLAYOUTSETTIMEOUTFUNCTIONEXTGETLOADINGREMOVEEXTGETLOADINGMASKFADEOUTREMOVETRUE,250VARMAINPANELNEWEXTPANELCLOSABLETRUE,AUTOSCROLLTRUE,WIDTH200,AUTOWIDTHFALSE,REGIONCENTER,LAYOUTFIT,TITLE,/工具栏上添加相应内部定位功能按钮TBAR,TEXT找茬,/BACKGROUNDCOLORFONTWEIGHT900FONTSIZE14PXHANDLERFUNCTIONFINDFAULT,/ICONCLSICONEVENTICONCLSICONFAV,TEXT返回主页,ICONCLSICONHOMEPAGE,HANDLERTHISHOMELINK/调用此函数，返回主页，函数在上面定义好了,TEXT本节下载,HANDLERFUNCTIONWINDOWOPEN“CHMDOWNLOADDODOCUMENTID“EXTGET“DOCUMENTID“DOMVALUE/DOCUMENTLOCATIONHREF“CHMDOWNLOADDODOCUMENTID“EXTGET“DOCUMENTID“DOMVALUE/WINDOWOPEN,福建农林大学本科毕业设计说明书28ICONCLSICONDOWNLOAD/找茬窗口/FUNCTIONFINDFAULTIFDOCUMENTTYPEWORDFINDWORDFAULTWINSHOWELSEIFDOCUMENTTYPEEXCELFINDEXCELFAULTWINSHOW/弹出意见反馈窗口ELSEALERT“无法识别当前页面的文档类型“/返回主页的按钮实现/FUNCTIONHOMELINKDOCUMENTLOCATIONHREF“INDEXHTML“63登入功能的实现图63登入功能的实现效果图主要源代码FUNCTIONVARISENTER“ISENTERID“VALIFISENTER“FALSE“ALERT“错误，无法登入“福建农林大学本科毕业设计说明书29“ENTERID“CLICKFUNCTIONVARISFULLDATATRUEVARUSERNAME“USERNAMEID“VALVARPASSWORD“PASSWORDID“VALIFTRIMUSERNAME“ISFULLDATAFALSEALERT“请输入用户名“IFTRIMPASSWORD“ISFULLDATAFALSEALERT“请输入密码“IFISFULLDATADOCUMENTADMINENTERFROMSUBMIT64提交问题功能的实现图64提交问题功能的实现效果图主要源代码福建农林大学本科毕业设计说明书30/定义选择模式/VARSMEXCELNEWEXTGRIDCHECKBOXSELECTIONMODELCHECKONLYTRUE,SINGLESELECTFALSE,HANDLEMOUSEDOWNEXTEMPTYFN/分页控件/VARPAGINGEXCELNEWEXTPAGINGTOOLBARPAGESIZELIMITVALUE,/每页的显示的条数STOREEXCELSTORE,DISPLAYINFOTRUE,FIRSTTEXT首页,PREVTEXT上一页,NEXTTEXT下一页,LASTTEXT末页,REFRESHTEXT刷新,DISPLAYMSG显示第0条到1条记录，一共2条,EMPTYMSG“没有记录“/茬状态/VARFAULTEXCELCROPSTATUSCOMBNEWEXTFORMCOMBOBOXMODELOCAL,TRIGGERACTIONALL,FORCESELECTIONTRUE,EDITABLEFALSE,DISPLAYFIELDNAME,VALUEFIELDVALUE,STORECROPSTATUSSTORE,LISTENERSSELECTFUNCTIONCOMBOUPDATECROPSTATUSCOMBO/茬是否接受/福建农林大学本科毕业设计说明书31VARFAULTEXCELCROPACCEPTCOMBNEWEXTFORMCOMBOBOXMODELOCAL,TRIGGERACTIONALL,FORCESELECTIONTRUE,EDITABLEFALSE,DISPLAYFIELDNAME,VALUEFIELDVALUE,STORECROPACCEPTSTORE/问题归类/VARFAULTEXCELCLASSIFICATIONCOMBNEWEXTFORMCOMBOBOXWIDTH120,MODELOCAL,TRIGGERACTIONALL,FORCESELECTIONTRUE,EDITABLEFALSE,DISPLAYFIELDNAME,VALUEFIELDVALUE,STORECLASSIFICATIONSTORE/茬类型/VARFAULTEXCELCROPTYPECOMBNEWEXTFORMCOMBOBOXMODELOCAL,TRIGGERACTIONALL,FORCESELECTIONTRUE,EDITABLEFALSE,DISPLAYFIELDNAME,VALUEFIELDVALUE,STORECROPTYPESTORE/意见状态/VARFAULTEXCELSUGGESTIONSTATUSCOMBNEWEXTFORMCOMBOBOXMODELOCAL,TRIGGERACTIONALL,FORCESELECTIONTRUE,EDITABLEFALSE,DISPLAYFIELDNAME,福建农林大学本科毕业设计说明书32VALUEFIELDVALUE,STORESUGGESTIONSTATUSSTORE/处理人/VARFAULTEXCELADMINNAMECOMBNEWEXTFORMCOMBOBOXMODELOCAL,TRIGGERACTIONALL,FORCESELECTIONTRUE,EDITABLEFALSE,DISPLAYFIELDNAME,VALUEFIELDID,STOREADMINNAMESTOREVARFAULTEXCELSOLVETIMEFORMNEWEXTFORMDATEFIELDFORMATDATEFORMAT/列信息/VARCMEXCELNEWEXTGRIDROWNUMBERER,HEADER“建议ID“,SORTABLETRUE,DATAINDEXID,WIDTH60,RENDERERQTIPSFUN,HIDDENTRUE,HEADER“文档类型“,SORTABLETRUE,DATAINDEXDOCUMENTTYPE,WIDTH100,RENDERERQTIPSFUN,HEADER“文档特性“,SORTABLETRUE,DATAINDEXDOCUEMNTPROPERTY,WIDTH100,RENDERERQTIPSFUN,HEADER“文档名称“,SORTABLETRUE,DATAINDEXDOCUMENTNAME,WIDTH200,RENDERERQTIPSFUN,HEADER“命令“,SORTABLETRUE,DATAINDEXERRORCMD,WIDTH300,RENDERERQTIPSFUN,HEADER“产品系列“,SORTABLETRUE,DATAINDEXPRODUCTSERIES,WIDTH300,RENDERERQTIPSFUN,HEADER“错误类型“,SORTABLETRUE,DATAINDEXERRORTYPE,WIDTH300,RENDERERQTIPSFUN,HEADER“意见或建议“,SORTABLETRUE,DATAINDEXSUGGESTION,WIDTH300,RENDERERQTIPSFUN,HEADER“意见提交人昵称“,SORTABLETRUE,DATAINDEXUSERNAME,WIDTH100,RENDERERQTIPSFUN,HEADER“邮箱“,SORTABLETRUE,DATAINDEXUSEREMAIL,WIDTH150,RENDERERQTIPSFUN,HEADER“意见提交时间“,SORTABLETRUE,DATAINDEXSUBMITTIME,福建农林大学本科毕业设计说明书33WIDTH150,RENDERERQTIPSFUN,HEADER“是否接受“,SORTABLETRUE,DATAINDEXACCEPT,WIDTH60,RENDERERQTIPSFUN,EDITORFAULTEXCELCROPACCEPTCOMB,HEADER“问题归类“,SORTABLETRUE,DATAINDEXCLASSIFICATIONTYPE,WIDTH100,RENDERERQTIPSFUN,EDITORFAULTEXCELCL