《本科文档管理系统设计——前台设计毕业设计》由会员分享，可在线阅读，更多相关《本科文档管理系统设计——前台设计毕业设计（20页珍藏版）》请在金锄头文库上搜索。
1、摘要 随着计算机网络技术的发展,给信息时代的人们带来了很大的方便。如今在Internet上，随处都可以看到很多的各类信息管理系统，如企业管理系统，电子商务系统，学校教务管理系统等各类信息管理系统的普及。而针对本科毕业设计的选题等相关事项，涉及到导师给出课题或学生自选课题，以及在各个阶段需要上交或是提交相关的文档资料等问题，目前主要还是由人为操作，需要花费一定的人力，这个给整个工作带来了很多不便。 本科毕业设计文档管理系统是根据实际情况为模型进行开发设计的，其主要目标是为传统毕业设计的人工管理模式进行改造，实现教学管理工作的自动化、网络化、无纸化建设。经分析，本文以B/S(Browser/Ser
2、ver)为开发模式，使用MVC模式，采用三层架构，保证系统的可维护性和可扩展性。运用JS、CSS、JSP(JAVA SERVER PAGES)和JAVA编程语言，以TOMCAT、Dreamweaver、MyEclipse、SqlServer为开发平台，实现了毕业设计文档管理系统部分功能。本文主要介绍本科毕业设计文档管理系统的前台设计，以JSP为基础，运用CSS、JavaScript，并引入了Extjs这种Ajax技术来完善表示层。使页面载入的更快、降低流量费用。关键词：本科毕业设计文档管理系统，前台设计，ExtjsabstractWith the development of computer
3、 network technology, to the people of the information age has brought great convenience. Now on the Internet, everywhere can see a lot of all kinds of information management system, such as enterprise management system, e-commerce system, the school educational administration management system such
4、as the spread of all kinds of information management system. And related matters such as for undergraduate course graduation design topic, involves the teacher gives the subject or topic, and students choice, and at each stage to pay or submit related documents, the current main or by human actions,
5、 takes a certain amount of manpower, this brought a lot of inconvenience to the work. Undergraduate course graduation design document management system is designed according to the actual situation as a model for development, its main goal is to the traditional manual management mode of graduation d
6、esign, realize the automation and networking of teaching management, paperless construction. After analysis, we with B/S (Browser/Server) is a development mode, using the MVC pattern, adopt three layer architecture, to ensure that the system maintainability and extensibility. Using js, CSS, JSP (JAV
7、A SERVER PAGES) and the JAVA programming language, using TOMCAT, Dreamweaver, MyEclipse, used as the development platform, to achieve the function of document management system of graduation design. The paper mainly introduced the undergraduate course graduation design at the front of document manag
8、ement system design, based on the JSP, using CSS, javaScript, and introduces Extjs this AJAX technology to improve the presentation layer. Make the page load faster, to reduce the traffic cost. Keywords: Undergraduate course graduation design document management systems, front desk design, Extjs目录1.
9、 引言11.1课题研究的背景11.2研究现状11.3研究意义11.4本文所做的工作22.相关技术简介32.1 JSP简介32.2 CSS布局的优点32.3设计中JavaScript和AJAX技术42.4 Extjs前端框架技术42.5 DWR框架技术53.需求分析631项目概述63.1.1应用目标63.1.2作用及范围63.2功能分析64.系统设计741系统功能设计74.2系统功能图75.系统的实现85.1用户登录85.2管理员用户95.3学生用户145.4普通教师用户145.5系主任用户146.结论167.致谢17参考文献181. 引言1.1课题研究的背景本科毕业设计文档管理系统基于网络平台
10、实现学校审核学生毕业设计，学生通过浏览器实现对自身毕业设计结果的关注和了解。实现学生和教师在不同的时期，不同的4地点对自身毕业设计情况能够充分了解的解决方案。主要实现将毕业设计信息集中管理、发布，为学生、教师提供一个方便、简洁的服务平台。本科毕业设计文档管理系统根据其简洁、方便的信息交流特点，能够给学生提供快捷方便、随时随地的通过网络了解毕业设计的这么一个环境，并帮助教师及时掌握学生毕业设计完成的进度和遇到的困难，弥补了传统观念里必须亲自到学校进行之间必要交流的缺点。 毕业设计的管理是高校管理工作中的一项重要内容，随着高校教育教学改革的不断深入，对于高校毕业设计管理的规范化、科学化、信息化已成
11、为目前面临的重要课题。目前，很多高校毕业设计管理还存在一些问题，例如：根据教学要求，通常学生在大学最后一年需要在外地进行实习，而此时又面临着毕业设计选题问题，另外，毕业设计完成时，论文上交也存在困难。同时，在做毕业设计的过程中，由于学生在外，指导教师对学生的指导和交流也会存在一些麻烦。要解决以上这些问题，一方面要提高管理人员业务知识水平，另一方面要充分利用现代科学技术，建立现代化的管理信息系统，从而使高校毕业设计管理效率更高，使其更加规范化，科学化和信息化，满足教学和管理要求。1.2研究现状随着信息化时代的来临，以计算机技术和网络通讯技术为基础的现代信息科学技术迅猛发展，政府、企业，包括各个高
12、校都在加快信息化建设。高校信息化是高等教育现代化的需要，是深化教学改革、培养新型人才、提高管理水平的需要。国外高校信息化建设从六、七十年代开始发展，现在已经比较成熟，与之相比我国高校信息化建设起步较晚，八十年代中期才开始进行校园网的基础设施建设。近年来我国高校在信息化建设方面去的了较大成绩，国内许多高校都已经建立起自己毕业设计管理信息系统，能够实现教师上传课题、学生选题、文档管理等，系统都很成熟。由于河北农业大学现在还没有自己的毕业设计档案管理系统，设计一个符合河北农业大学特点的资助系统就显得尤为重要。 1.3研究意义随着计算机信息技术、网络通讯等高新技术的发展，对高校毕业设计管理提出了更高的
13、要求。这样不仅可以使教师从烦躁的事务中解脱出来，而且还能提供面向学生的快捷、灵活、方便的只能服务。 本课题旨在使目前校园内毕业设计管理信息网络化，解决以往信息传递不方便、不快捷等问题，如假期学生因不在学校而交不了文档，学员或导师为安排工作而必须通知到各个学生等繁琐的操作，通过本系统可实现管理的网络化，方便教师和学生，提高工作效率和效果，节省人力资源等，提高高校的管理水平，有利于推动高校管理的“无纸化办公”进程。1.4本文所做的工作 本文主要介绍本科毕业设计管理档案的前台设计。以JSP为基础，采用CSS控制其显示结构，利用JavaScript脚本语言，使得网页和用户之间实现一种实时性、动态的、交
14、互性的关系，是网页包含更多活跃的元素和更加精彩的内容。并采用了基于AJAX的Extjs框架接收后台返回的json数据，将其整齐、简单的显示出来。而且利用基于AJAX的DWR框架，使代码操作简单，实现了学院、系、专业的三级联动菜单。2.相关技术简介2.1 JSP简介JSP(Java Sever Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件（*.htm,*.html）中插入程序段（Scriptlet）和标记（tag），从而形成JSP文件(*.jsp)。JSP技术使用Java编程语言编
15、写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基Web于的应用程序的开发变得迅速和容易。 JSP技术是目前主流web技术中应用最广泛的一种，它可以让web开发人员和设计人员非常容易地创建和维护动态网页。作为JAVA（TM）技术的一部分，JSP能够快速开发出基于Web、先进、安全和跨平台的应用程序。JSP把用户界面从系统内容中分开，使得设计人员在不改变底层动态内容的前提下就可以改变整个网页的布局。2.2 CSS布局的优点 CSS样式表由一系列样式规则组成，浏览器将这些规则应用到相应的元素上。一条CSS样式规则由选择器和声明组成。选择器是为了选中网页中某些元素的，也就是告诉浏览器这段样式将应用到哪组元素。本系统采用CSS布局主要有以下几点优势：(1) 精简代码，降低重构难度。网站使用DIV+CSS布局使代码很是精简，相信大多朋友也都略有所闻，CSS文件可以在网站的任意一个页面进行调用，而若是使用table表格修改部分页面却是显得很麻烦。(2)网页访问速度使用了DIV+CSS布局的网
