毕业设计（论文）基于web的城市火灾隐患举报系统

1、 吉林大学毕业论文 基于web的城市火灾隐患举报系统 作者： 指导老师： 摘要就目前而言，火灾已经成为威胁城市居民生命与财产安全的最大杀手。城市消防部门除了在火灾发生后采取有效措施灭火、尽量减少损失之外，更应该防患于未然。因此开发一种针对于市民的火灾隐患举报系统就非常重要，让整个城市的市民都参与到火灾隐患的发现过程之中。此系统建立了一个普通市民和消防部门的交流平台，市民通过该系统举报火灾隐患，并详细描述火灾隐患的内容、等级、地点等详细信息；管理者用来接收并整理信息，并且及时报告给消防员，使消防员在第一时间将隐患排除。在国外，一些发达国家的城市已经陆续采用了这种系统，通过全体市民共同发现参与，是

2、火灾隐患显露无遗，而后由消防部门及时消除，非常有效的降低了火灾的发生频率。但在国内，这种系统基本还未被使用。 此系统主要利用jsp动态网站设计技术和数据库系统开发技术，按照当代软件工程基本原理来实现，主要由管理员模块和用户模块两部分组成。管理员模块用来实现对火灾隐患信息的处理，包括查看，检索，删除等；用户模块则是用户与此系统的交互，包括注册，登陆，上传信息等。近年来，随着经济进一步发展，城市人口集中，建筑密集，火灾一旦发生，后果将十分严重。通过大规模的走访调查，城市居民对此类系统普遍表示欢迎。并且根据国外一些发达城市的经验，开发此类软件对于预防火灾发生确实具有非常重大的意义。 关键字：web,

3、城市火灾隐患，jsp动态网站，数据库系统开发，软件工程基本原理 web-based reporting module of urban fire hazards author: yang wangtutor: jian kang abstractfor now, fire has become a threat to life and property safety of urban residents in the biggest killer. the city fire department in addition to after the fire fighting to take e

4、ffective measures to minimize losses, should be nip in the bud.the development of a fire hazards for the public reporting system is very important ,so that the whole city of people are involved in the discovery process of the potential of fire. this allows the fire department is informed the potenti

5、al of fire in time, then quickly eliminate hidden dangers, and thus to prevent fires.this system created a platform for the common public and fire departments.members of the public report fire hazards through the system, such as a detailed fire hazards description of the contents, level, location an

6、d other details. managers receive and collate information, and shall report to the firefighters, so firefighters will exclude hidden for the first time. in other countries, some cities of developed countries have gradually adopted this system. through the participation of all citizens, the potential

7、 of fire discovered is revealed, and then is promptly removed by the fire department, which is very effective to reduce the fire frequency. however, at home, this basic system has not yet been used. this system is mainly based dynamic websiter designed technology and database system developed techno

8、logy and comply with software engineering basic principle to realized,and consists of the administrator module and user module. administrator module is used to realize the potential of fire information processing, including view, search, delete, etc.; user module is the user interaction with the sys

9、tem, including registration, login, and upload information.in recent years, with the further economic development, urban population is concentrated, construction-intensive, in case of fire , the consequences will be very serious. through large-scale investigations, city residents generally welcome s

10、uch a system. and based on the experience of some foreign developed cities, the development of such software for the elimination of fire hazards and fire prevention does have great significance.key words: web,urban fire hazards,dynamic websiter designed technology, database system developed technolo

11、gy, software engineering basic principle 计算机科学与技术学院 第41页 共39页 吉林大学毕业论文 目 录第一章 引言.41.1问题的研究背景.41.2国内外研究现状与意义. .41.3开发系统的特点.4 1.4本文的内容和组织结构.5第二章 jsp数据库系统开发的基础知识7 2.1 jsp动态网站开发.7 2.1.1 jsp概述.7 2.1.2 jsp开发环境.72.2 数据库系统开发.8 2.2.1 sql server 2005数据库概述8 2.2.2 数据库在动态网站开发中的应用.9 第三章 系统的总体设计113.1系统需求分析.113.2系统

12、模块的具体构成.123.3数据库设计.133.4 e-r图.143.5系统流程图.143.6系统开发模式.153.7系统的页面处理与设计.16第四章 系统的具体实现17 4.1文件的组织结构.18 4.2数据库详细设计.19 4.2.1 customer数据库.19 4.2.2 fire数据库.19 4.3管理员模块的实现.204.3.1管理信息模块204.3.2管理用户模块23 4.3用户模块的实现.24 4.3.1用户注册模块.25 4.3.2用户登录模块.25 4.3.3 修改密码模块264.4.4 用户上传隐患信息模块26 4.3.5用户修改注册信息模块27 4.4代码知识点总结.27

13、 4.4.1 request对象274.4.2 创建和使用bean.274.4.3使用字节流读写文件284.4.4连接数据库29第五章 系统的美工设计与最后处理.30 5.1网页美工设计基本知识30 5.1.1 网页美术设计的任务和意义.30 5.1.2网页风格定位.30 5.1.3网页设计创意方法.30 5.2此系统的网页设计.31 5.2.1网页图像图形设计.31 5.2.2网页色彩设计.31第六章 对系统的总结与展望33 6.1系统测试.33 6.1.1测试环境.33 6.1.2测试结果.33 6.1.3结果分析.35 6.2系统的不足与展望.35致谢.37参 考 文 献38 第一章 引

14、言1.1 问题的研究背景 就目前而言，火灾已经成为威胁城市居民生命与财产安全的最大杀手。城市消防部门除了在火灾发生之后，采取有效措施灭火、尽量减少损失之外，更应该防患于未然。但是由于消防部门人员有限，不可能对整座城市进行详细巡查。因此开发一种针对于市民的火灾隐患举报系统具有重要意义，让整个城市的市民都参与到火灾隐患的发现过程之中，并能向消防部门及时举报，而后快速消除隐患，进而防止火灾的发生。 此系统建立了一个普通市民和消防部门的交流平台，方便了信息的及时传递。系统允许市民上传图片和视频的功能，提高了火灾隐患描述的真实性和准确性，也使消防部门最大程度的掌握准确情况。近年来，随着经济进一步发展，城

15、市人口集中，建筑密集，火灾一旦发生，则后果将十分严重。因此，开发此类软件对于消除火灾隐患，预防火灾发生具有非常重大的意义。1.2研究现状与意义 就目前而言，虽然计算机技术发展迅速，但是与现实生产生活的结合还不够完善，至于应用到城市的火灾隐患举报中更是少之又少。在国外，一些发达国家的城市已经陆续采用了这种系统，通过全体市民共同发现火灾隐患，并由消防部门消除之。但在国内，这种系统还基本未被使用，因此火灾隐患不能被及时发现消除，一旦发生火灾，尽管消防部门耗费大量人力、物力全力扑救，仍不能挽回居民的生命财产损失。 因此，开发一种联系市民和消防部门的火灾隐患举报系统已经刻不容缓，并且要努力宣传，通过广大

16、市民的共同努力来预防火灾的发生，保护我们美丽的城市不受火灾威胁。1.3 本文开发系统的特点 此系统的目的旨在建立一个城市消防部门与市民的交流平台，通过全体市民的共同参与，能够及时的发现并举报火灾隐患，以使消防部门接收到信息后，能够迅速地部署力量，消除隐患，预防火灾。本模块采用jsp技术和基于java的eclipse集成开发环境，按照软件工程的基本原理进行开发。jsp引擎为tomcat-7.0.2,系统采用mvc模式实现各个模块，数据库连接操作使用纯java驱动程序方式，本系统采用的是sql server 2005数据库。具有以下特点：1.三层的结构设计。将系统的逻辑结构分为数据存储层、业务逻辑

17、处理层、用户界面层。其中业务逻辑处理层采用javabean来实现，大大提高了安全性、可维护性、重用性和扩展性。2.页面框架化。界面采用框架结构，把页面头、左边导航、右边正文放在不同的框架中实现。当用户在左边的导航里选择不同的功能时，右边的正文区就会刷新内容,这样做使得页面结构清晰，便于用户操作。3.面向对象设计。系统将用户、课程、作业、公告等封装成实体类，每个实体类都有对应的操作类，从而再次提高了了安全性和扩展性。4.充分考虑到人性化的设计。界面布局合理，导航清楚简单，符合人机工程学的要求。同时，也极大方便了用户操作和使用。1.4 本文的内容和组织结构本文根据实际工作需要，针对社会现阶段重大火

18、灾频频发生，消防部门警力不足，市民与消防部门沟通不方便等重大问题，设计并实现了此城市火灾隐患举报模块。该系统建立了一个城市消防部门与市民的交流平台，通过全体市民的共同参与，能够及时的发现并举报火灾隐患，以使消防部门接收到信息后，能够迅速地部署力量，消除隐患，预防火灾。根据火灾举报系统的具体要求和本校实验工作的特点，系统围绕城市市民、消防部门和管理员三种用户身份进行设计。基于jsp+javabean+servlet技术，采用browser/server(b/s)结构，将系统的逻辑结构分为数据存储层、业务逻辑处理层、用户界面层，有效提高系统的安全性、可扩展和可维护性。系统的试运行表明，系统设计结构

19、合理，操作简洁方便，功能满足实际工作需要和市民心理需求，极为有效的降低了火灾的发生频率，维护了市民的生命和财产安全。本文的组织结构如下：第1章绪论部分介绍课题的研究背景目的及意义，本文要论述的城市火灾隐患举报系统的特点以及本文的主要工作。第2章介绍了课题采用的相关技术，首先介绍了主流的jsp(java server page)、javabean、servlet等集中网页开发技术，同时还详细介绍了sql server 2005数据库在jsp中的应用。第3章给出课题的总体设计和需求分析，主要包括系统的主要功能、系统模块的划分和每个模块要实现的功能、数据库的设计、数据库各表的关系及结构。第4章阐述了

20、课题的详细设计以及实现，包括整个系统的文件组织结构、数据库的具体实现细节、jsp与数据库的交互。并以各模块的页面截图阐述了详细设计的细节，以及详细设计中用到的关键技术等等。第5章阐述的是整个系统的页面设计与美工技术。通过对网页的设计，对网页内容进行艺术性表现，发挥设计创意和艺术想象力，是网站发挥跟好的作用。第6章给出该系统的实际运行调试情况和该系统的不足和展望，通过本系统主要界面的截图和功能，一定程度上证明了本文工作的可行性和取得的实际结果。第二章 jsp数据库系统开发的基础知识2.1 jsp动态网站开发 2.1.1 jsp概述 jsp技术的特点java server page

21、(简称jsp）是基于java的技术，用于创建课支持跨平台以及跨web服务器的web服务器端应用程序。它是由sun microsystem公司倡导，有多家公司合作而建立的一种动态网页技术标准。它与目前同样流行的asp技术、asp.net技术好是相同性质的，同一层次的，它们在网站的建设中所起的作用是一样的，但是jsp技术有着十分突出的优越性，它既不像cgi、isapi和nsapi一样难以编写和维护；同时不像php一样只适用于中小流量的网站，而且具有很好的可扩充性，也不像asp一样受到跨平台的限制。因为有j2ee平台支持，发展前途不可限量，它体现了今天最先进的网站开发思想。 jsp的运

22、行原理jsp的执行必须具备三个条件：jsp引擎、web服务器以及java虚拟机。jsp的具体执行过程如下：1、 通过客户端的浏览器，以超文本（html）形式通过表单（form）向web服务器提出请求。2、 服务器得到用户的请求后，由web服务器上的jsp引擎把jsp代码、相关组件、java脚本以及html代码，转化为servlet代码。3、 接着由jsp引擎调用web服务器端得java编译器对servlet代码进行编译。4、 最后，由java虚拟机执行编译后的字节码文件，并把执行结果以标准html页面的形式返回客户端。 2.1.2 jsp的开发 jsp的运行环境 jsp客户端运行

23、环境：作为一种internet web应用开发技术，jsp对于客户端没有过高要求，理论上对于任何支持html规范的jsp页面，不管客户端使用的是windows、unix、linux等操作系统，只要安装了能够解析相应的html规范的浏览器即可正常运行。jsp服务器端运行环境：在服务器端，为了使jsp页面能够正常运行，需要web服务器处理web页面请求；需要java运行环境来支撑对于jsp或servlet的编译和运行；还需要java和servlet容器来解析jsp页面和servlet请求。由于sun公司将java技术公开作为一种开发的标准，所以业界提供了非常多的服务器选择，但是目前最为流行的服务器

24、运行环境组合是jdk+apache http server+tomcat。 jsp的开发环境 jsp的开发环境与jsp服务器端得运行环境一样，需要有java开发包（jdk），web服务器和包含jsp、servlet容器的j2ee应用服务器。由于jsp是在html中内嵌java代码，所以使用一般的文本编辑器就可以进行jsp应用的开发。但是，为了更直观的设计和更简单的调试，还是需要有比较好的集成工具进行开发。再此，我们选择eclipse配合比较流行的网页制作软件dreamweaver作为主要的开发工具。开发方式在此系统中，我们采用jsp+javabean+servlet

25、开发模型。无论用asp还是php开发动态网站，长期以来一个重要的问题就是网站的逻辑关系和网站的显示页面不容易分开。即使是有着良好的程序写作习惯的程序员，其程序也几乎无法阅读。另一方面，动态web的开发人员也在抱怨，将网站美工设计的静态页面和动态程序合并的过程是一个一场繁琐的过程。事实上，在逻辑关系异常复杂的网络中，借助于servlet和jsp良好的交互关系和javabean的协助，完全可以将网站的整个逻辑结构放在servlet中，而将动态页面的输出放在jsp页面中来完成。在这种开发方式中，一个网站可以有一个或几个核心的servlet来处理网站的逻辑，通过调用jsp页面来完成客户端的请求。2.2

26、 数据库系统开发2.2.1 sql server 2005数据库概述 sql server 2005数据库分类 按照数据库在sql server 2005数据库服务器的作用不同，可以将其分为两类：系统数据库和用户数据库。系统数据库中已经存在名为master,model,msdb,tempdb的四个系统数据库。这些系统数据库是保证sql server 2005数据库服务器正常运行的数据库，是管理数据库的数据库，一般情况下，不允许dba或者开发人员对这些数据进行操作。出来可以看见的这四个系统数据库外，服务器上还存在一个不可见的系统数据库mssqlsystemresourse。由于系统

27、数据库是不能存储用户数据的，在sql server 2005中，dba或者开发人员创建的数据库成为用户数据库，sql server 2005服务器支持创建32000个用户的数据库。 sql server 2005数据库的逻辑结构逻辑结构角度的sql server 2005数据库呈现为各种数据对象。这些数据对象是用于开发数据库应用系统和管理数据库的单位。其中有表、索引、试图、数据类型和存储过程等。 sql server 2005数据库的物理结构物理角度的sql server 2005数据库呈现为各种操作系统文件。sql server 2005的每个数据库有以下两类文件

28、，缺一不可。·数据文件：用于存放所有的数据库和数据库中建立的所有逻辑对象。数据文件又可分为主要数据文件和次要数据文件两类。一个数据库必须且只有一个主要数据文件，而且有零到多个次级数据文件。·日志文件：记录了用户对数据库进行的所有操作。日志文件对数据库的作用好比黑匣子对飞机的作用。一个sql server 2005数据库至少要有一个日志文件，也可以有多个日志文件。一个sql server 2005数据库至少要包括一个主要数据文件和一个日志文件。2.2.2 数据库在动态网站开发中的应用 几乎大部分web程序都离不开数据库的应用，因为数据库在数据查询、修改、保存、安全等方面有着其

29、他数据手段无法替代的地位，许多优秀的数据库管理系统在数据管理，特别是基于web的数据管理方面扮演着重要的角色。 jdbc dbc（java database connectivity）是java运行平台核心类库的一部分，提供了访问数据库的api，它由一些java类和接口组成。在jsp中可以使用jdbc实现对数据库中表的查询、修改和删除操作。jdbc技术在数据库开发中占有很重要的地位，jdbc操作不同的数据库尽有连接方式上的差异。使用jdbc的应用程序一旦和数据库建立连接，就可以使用jdbc提供的api操作数据库。连接数据库的常用方式 应用程序为了能和数据库交互信息，

30、必须首先和数据库建立连接。比较常用的方式有两种建立jdbc-odbc桥接器和加载纯java数据库驱动程序。两种方式都有各自的优势，但是，使用jdbc的应用程序无论采用哪种方式连接数据库，都不会影响数据库的逻辑代码，这非常有利于代码的维护和升级。在此系统实现过程中，采用加载纯java数据库驱动程序的方式访问数据库。 第三章 系统的总体设计3.1系统需求分析 需求分析是一种it语言，开发一个软件产品之前，分析想要实现的功能是否能实现，或者是否还可以实现别的功能。要开发一种软件产品，最先接触到的是功能的描述，它和需求分析紧密相连，是需求分析的前提和依据。根据第一章中的系统流程图，如果我们按照不同实体

31、分类，主要可以分为两类实体对象：用户和用户上传的火灾隐患信息。对于这两个对象，我们用了customer和fire两个数据库分别来存储。我们在面向对象的java中，设计两个基本类，来映射2个实体的基本数据。对象构成了系统最为基本的要素，它们也构成了论坛必不可少的骨架。我们在确定了实体间的相互关系之后，然后分析每类对象的相关操作，设计对象的功能实现接口，即设计对象的操作类的方法，也就是功能函数。图3.1描述了管理员和用户对用户注册信息的相关操作： 图3.1 用户注册信息对象的相关示例图 图3.2描述了用户和管理员对上传的火灾隐患信息对象的相关操作。 图3.2 用户上传的火灾隐患信息对象的相关示例图

32、3.2系统模块构成 管理员登陆：输入管理员姓名，密码。如果验证失败，系统将显示错误信息；如果验证成功，将被链接到管理员主页，管理员可以在管理员主页对上传的火灾隐患以及注册用户进行信息管理。 会员注册：新会员填写表单，包括会员名、密码、性别、电话号码等信息。如果输入的会员名已经被其他用户注册使用，系统提示新用户更改自己的会员名。 会员登陆：输入会员名、密码。如果用户输入的会员名和密码有错误，系统将显示错误信息。 上传火灾隐患信息：成功登陆的会员向系统上传将要举报的火灾隐患信息，包括隐患的发现时间、地点、等级、现场图片以及详细描述等。如果用户直接进入该页面或没有成功登陆就进入该页面，将被链接到“会

33、员登陆”界面。修改密码：成功登陆的会员可以在该页面修改自己的登录密码。如果用户直接进入该页面或没有成功登陆就进入该页面，将被链接到“会员登陆”界面。修改个人信息：成功登陆的会员可在该页面修改自己的注册信息。如果用户直接进入该页面或没有成功登陆就进入该页面，将被链接到“会员登陆”界面。退出登陆：成功登陆的会员可以使用该模块退出登录。图3.3是系统的模块体系图，通过此图可看出系统各模块的逻辑关系： 图3.3 系统的模块体系图3.3数据库设计本系统采用加载纯java数据库驱动方式访问数据库。使用sql server 2005建立两个数据库。一个数据库customer,该库有个member表，里面存储

34、会员的注册信息，包括会员姓名（主键），会员密码，性别，电话号码，电子邮件，年龄以及个性签名；一个数据库fire,该库有个information表，用来存储会员上传的火灾隐患信息，包括信息编号（主键），发现时间，发现地点，等级，现场图片，发布者以及信息的详细描述。3.4系统e-r图实体-联系（e-r）数据模型数据模型基于对现实世界的这么一种认识:现实世界由一组称作实体的基本对象以及这些对象间的联系组成。实体是现实世界中可区别其他对象的一件“事情”或一个“物体”。e-r图可清晰简单的描述整个系统的逻辑结构。系统的e-r图如下： 图3.4 系统e-r图3.5系统流程图 图3.5 系统的流程图3.6

35、系统开发模式此系统中，我们基于mvc三层架构模型。mvc是model-view-controller的简写，代表的事应用的业务逻辑（通过javabean组件实现），“view”是应用的表示面（由jsp页面产生），“controller”提供应用的处理过程控制（一般是一个servlet），通过这种模型把应用逻辑、处理过程和现实逻辑分成不同的组件可以进行交互和重用。如下图所示： 图3.6 mvc三层模型构架图3.7 系统的页面处理与设计 internet是由成千上万的网站组成，每个网站都由诸多网页构成，故网页是构成internet的基本要素。网页设计是网络视觉信息的编排及归类，这是网页设计的特点，

36、也是身处信息化、数字化时代的当今设计者所必须具备的基本素质。网页从最早的文字为主的页面，发展到当今图、文、声、像、多媒体并茂的页面，从以静态为主，发展到今天可以像博客这样由浏览者定制的交互式动态页面，从实现以信息传达为主，发展到要求功能与审美兼得的页面。艺术与技术这两个要素的结合，正是如今网页设计领域研究的主题内容。网页设计在视觉传达设计这一领域中，“美”和“技术”巧妙地结合在一起。网页设计作为设计学科的一个分支，具有很高的使用价值。它以科学技术和视觉技术的结合为基础，以外观表现形式为主要手段，谋求网页界面的功能没与形式美，并体现网页的时代感，以优良的设计努力满足浏览者的心理需求。从设计类型上

37、来看，网页设计应属于视觉传达设计的领域，故而网页设计的主要构成元素和设计指导原则都应遵循视觉传统设计的一般领域。我们将要实现的火灾隐患举报系统，是要建立一个城市市民与城市消防部门的交流平台。故网页创意主题主要围绕“火”这一主题，针对火灾给人类造成的巨大损失，通过网页设计过程中对色彩、版面设计、布局以及按钮设计的特殊处理，来彰显“火”的无情。通过整个页面营造的氛围，引起人们对火灾的警醒。 第四章 系统的详细设计4.1文件的组织结构我们采用mvc经典模式进行开发。mvc即model-view-controller，是把一个应用的输入、处理、输出流程按照model、view、controller的方

38、式进行分离，这样一个应用被分成三个层模型层、视图层、控制层。在jsp网站系统开发中，“model”代表的是应用业务逻辑，通过javabean来实现；“view”是应用的表示面由jsp页面产生，“controller”提供应用的处理过程控制，一般是一个servlet。通过这种设计模型把应用逻辑、处理过程和现实逻辑分成不同的组件实现。因此文件的逻辑结构可以如下图表示： 图4.1 系统的文件组织4.2数据库详细设计4.2.1 customer数据库 使用sql server2005建立数据库customer,内含一个member表，会员的注册信息存入member表中，主键为logname,各个字段的

39、说明值如下： logname:存储会员登陆的名字。 password:存储会员登陆的密码。sex:存储会员登陆的性别。 telephone: 储会员登陆的电话号码。 email: 储会员登陆的电子邮箱。 age: 储会员登陆的年龄。 message: 储会员登陆的个人签名。 member表详细结构设计如图4.2所示： 图4.2 customer数据库4.2.2 fire数据库 使用sql server2005建立数据库fire,内含一个information表，会员shang将要举报的火灾隐患信息存入information表中，主键为number,各个字段的说明值如下： firenumber:

40、存储会员登陆的名字。 firetime:存储会员登陆的密码。fireadd:存储会员登陆的性别。 firelevel: 储会员登陆的电话号码。 fireimage: 储会员登陆的电子邮箱。 firedescrption: 储会员登陆的年龄。 firemaster: 储会员登陆的个人签名。 information表详细结构设计如4.3图所示： 图4.3 fire数据库 4.3管理员模块的实现4.3.1管理信息模块管理员对用户上传的火灾隐患信息的处理是本系统最重要的组成部分。管理员可从主页进入管理员登录界面，登录成功后，可以对用户上传的火灾隐患信息进行处理。流程图如下： 图4.4 管理员模块流程图

41、管理员需要对信息的查看，分类检索，删除，置顶等操作，通过对信息的处理，使城市市民与城市消防部门沟通流畅，以使消防隐患在第一时间内被发现排除。 图4.5 管理员对火灾隐患信息的uml图查看信息：管理员随时能够查看城市市民上传的火灾隐患信息，以保证火灾隐患在第一时间被清除。分类检索：管理员需要对火灾隐患信息按时间、地点以及等级分类查询，以便有效地查看某时某地的消防情况。删除：主要是指删除无效信息。对于过期、虚假和已经处理完的条目惊醒清除，避免浪费系统资源。置顶：对于情况比较严重的条目，进行置顶可引起格外关注。管理员对火灾隐患信息的管理如下图： 图4.6 管理员对火灾隐患信息的管理页面截图4.3.2

42、管理用户模块管理员对用户注册信息的管理也是该系统的一个重要组成部分。管理员可对用户注册信息进行查询、修改和删除等。 图4.7管理员对用户注册信息的的uml图管理员对火灾隐患信息的管理页面如下图：图4.8 管理员对用户注册信息的管理页面截图 4.4用户模块的实现 用户模块由注册、登录、上传信息、修改密码、修改注册信息和退出这几个子模块组成。并且根据系统的特点和要实现的功能，各模块之间即相互联系又相互制约。例如：用户只有在注册成功之后才能进行登录；用户只有再成功登陆之后才能上传信息、修改密码和修改自己的注册信息，否则返回登录界面；用户退出登陆后也返回登录页面，可换其他用户名进行登录等。这些都是系统

43、功能的硬性要求，在总体设计时必须考虑到。 模块划分及其关系如下图所示： 图4.9 用户模块的子模块的关系图4.3.1用户注册模块一、注册模块功能：（1） 通过条款同意的页面征求用户是否加入的意见。（2） 在用户同意加入后，通过信息搜集页面获取用户填写的信息。（3） 将正确填写申请表单的新用户注册到数据库中。二、页面设计： 注册页面如下图所示： 图4.11 用户注册页面截图4.3.2用户登录模块 一、登录模块功能 （1） 获取index.jsp页面填写的用户名和密码。（2） 按此用户名查询数据库，如果找到，那么就读取该用户名的密码；否则就提示错误。再比较用户输入的密码是否与数据存储的密码相同，如

44、果相同，就允许登录，否则报错。二、页面设计： 登陆页面如下图所示： 图4.12 用户登录页面截图4.3.3修改密码模块 一、 重设密码模块功能： （1） 用户输入用户名。 （2）按此用户名查询数据库，如果找到，那么就读取该用户名的密码；否则就提示错误。 （3）如果密码相同，就输出用户密码重设的界面，否则就跳转到错误页面。 二、页面设计 修改密码的页面如下图所示： 图4.13 用户修改密码页面截图4.3.4上传火灾隐患信息模块 一、上传火灾隐患信息模块功能： （1）验证用户是否登录。 （2）如果验证成功，是合格用户，则转入用户上传火灾隐患信息界面，如果未成功，则报告错误。 （3）将用户上传的火灾

45、隐患信息连同上传人的姓名一同写入数据库，以便于管理员管理信息。二、页面设计 修改密码的页面如下图所示： 图4.14 用户上传隐患信息页面截图 4.3.5 修改注册信息模块 一、修改注册信息模块功能： （1）验证用户是否登录。 （2）如果验证成功，是合格用户，则转入修改注册信息信息界面，如果未成功，则报告错误。 （3）将用户填写的的修改信息写入数据库，并覆盖原来的记录。二、页面设计 修改密码的页面如下图所示： 图4.15 用户修改密码页面截图4.5代码知识点总结 4.5.1 request对象 在jsp中，内置对象request封装了用户提交的信息，那么该对象调用相应的方法可以获取封装的信息，即

46、使用该对象可以获取用户提交的信息。例如： <form action="helpregister" name=form method="post"> <input type="text" name="boy" value="ok"><input type="sumbit" value="soongchu" name="submit">request对象可以使用.getpaameter(string s)

47、方法来获取该表单通过text提交的信息。request.getpaameter("boy");4.5.2 创建和使用bean在使用bean的jsp页面中，首先必须有相应的import指令，例如： <% page import="tom.jiafei.*"%>然后再jsp页面中再使用jsp动作标记usebean来加载bean。usebean标记的语法格式为<jsp:usebean id="bean的名字" class="创建beans的字节码" scope="bean的有效范围"

48、/>例如：<jsp:usebean id="circle" class="tom.jiafei.circle" scope="page"/>4.5.3使用字节流读写文件 fileinputstream类是从inputstream中派出来的的简单输入类，该类的所有方法都是从inputstream类继承来的。为了创造fileinputstream类的对象，可以调用它的构造方法。例如，为了读取一个名为myfile.dat的文件，建立一个输入流对象，如下所示： tryfileinputstream ins=new filei

49、nputstream("myfile.dat"); catch (ioexception e) system.out.println(“file read error: “+e); 4.5.4连接数据库 用java语言编写的数据库驱动程序称为纯java数据库驱动程序。使用纯java数据库驱动程序连接数据库需要两个步骤：·加载纯java驱动程序·和制定数据库建立连接应用程序加载sql server驱动代码如下： try class.forname("com.microsoft.sqlserver.jdbc.sqlserverdriver"

50、;); catch(exception e) 假设应用程序要和sql server数据库服务器管理的数据库factory建立连接，而有权访问数据库factory的用户的id和密码分别sa和19880309，那么和数据库建立连接的代码如下：try string uri="jdbc:sqlserver::1433;databasename=factory" string user="sa" string passwordr="19880309" con=drivermanager.getconnection(uri,&q

51、uot;sa","19880309"); catch(sqlexception exp);第五章 系统的美工设计与最后处理5.1网页美工设计基本知识5.1.1 网页美术设计的任务和意义 将内容进行视觉化设计，是网站不仅具有内容分的可读性，还具有是觉得审美性。通过视觉表现内容，为内容提供丰富的视觉效果，增加内容的可读性，是网页设计的根本目的。通过对网页的设计，对网页内容进行艺术性表现，发挥设计创意和艺术想象力，不断创作出优秀的网页作品，从而不断提升网页浏览者的审美能力，是网页美术设计的意义所在。一个好的网页设计作品，不但能满足一般文字浏览的需求，还可以为企业形象、商业推广、政府办公和个人展示等方面提供有力的视觉支持以及最佳的互动平台。5.1.2网页风格定位 风格即特点，是指网站的整体内容与形式浏览者的综合感受。风格是指能让浏览者明确青睐的网站