摘要随着计算机网络技术的发展,给信息时代的人们带来了很大的方便。如今在Internet上，随处都可以看到很多的各类信息管理系统，如企业管理系统，电子商务系统，学校教务管理系统等各类信息管理系统的普及。而针对本科毕业设计的选题等相关事项，涉及到导师给出课题或学生自选课题，以及在各个阶段需要上交或是提交相关的文档资料等问题，目前主要还是由人为操作，需要花费一定的人力，这个给整个工作带来了很多不便。本科毕业设计文档管理系统是根据实际情况为模型进行开发设计的，其主要目标是为传统毕业设计的人工管理模式进行改造，实现教学管理工作的自动化、网络化、无纸化建设。经分析，本文以B/S(Browser/Server)为开发模式，使用MVC模式，采用三层架构，保证系统的可维护性和可扩展性。运用JS、CSS、JSP(JAVASERVERPAGES)和JAVA编程语言，以TOMCAT、Dreamweaver、MyEclipse、SqlServer为开发平台，实现了毕业设计文档管理系统部分功能。本文主要介绍本科毕业设计文档管理系统的前台设计，以JSP为基础，运用CSS、JavaScript，并引入了Extjs这种Ajax技术来完善表示层。使页面载入的更快、降低流量费用。关键词：本科毕业设计文档管理系统，前台设计，ExtjsabstractWiththedevelopmentofcomputernetworktechnology,tothepeopleoftheinformationagehasbroughtgreatconvenience.NowontheInternet,everywherecanseealotofallkindsofinformationmanagementsystem,suchasenterprisemanagementsystem,e-commercesystem,theschooleducationaladministrationmanagementsystemsuchasthespreadofallkindsofinformationmanagementsystem.Andrelatedmatterssuchasforundergraduatecoursegraduationdesigntopic,involvestheteachergivesthesubjectortopic,andstudent'schoice,andateachstagetopayorsubmitrelateddocuments,thecurrentmainorbyhumanactions,takesacertainamountofmanpower,thisbroughtalotofinconveniencetothework.Undergraduatecoursegraduationdesigndocumentmanagementsystemisdesignedaccordingtotheactualsituationasamodelfordevelopment,itsmaingoalistothetraditionalmanualmanagementmodeofgraduationdesign,realizetheautomationandnetworkingofteachingmanagement,paperlessconstruction.Afteranalysis,wewithB/S(Browser/Server)isadevelopmentmode,usingtheMVCpattern,adoptthreelayerarchitecture,toensurethatthesystemmaintainabilityandextensibility.Usingjs,CSS,JSP(JAVASERVERPAGES)andtheJAVAprogramminglanguage,usingTOMCAT,Dreamweaver,MyEclipse,usedasthedevelopmentplatform,toachievethefunctionofdocumentmanagementsystemofgraduationdesign.Thepapermainlyintroducedtheundergraduatecoursegraduationdesignatthefrontofdocumentmanagementsystemdesign,basedontheJSP,usingCSS,javaScript,andintroducesExtjsthisAJAXtechnologytoimprovethe