博主介绍:专注于Java(springboot ssm 等开发框架) vue  .net  php phython node.js    uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设,从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了2000+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人
文末下方有源码获取地址

4.1 系统总体模块图

监控管理系统主要设计了管理员信息管理与查看,用户信息管理与查看,公告信息管理与查看,区域信息管理与查看,时间段信息管理与查看,区域阈值信息管理与查看,流量信息管理与查看,告警信息管理与查看,处理结果信息管理与查看等功能,满足用户在网站上面进行监控管理系统的信息浏览与查看,具体功能模块图如4.1所示:

图4.1 系统总体模块图

4.2 数据库层的设计

 

4.2.1 概念模型设计


(2)系统中实体E-R图

 

4.2.2 关系模式设计

 

在监控管理系统中,实体有管理员实体,用户实体,公告实体,区域实体,时间段实体,区域阈值实体,流量实体,告警实体,处理结果实体等实体,他们之间的关系如图4.13所示:

图4.13 实体之间关系图


4.3 本章小结

本章主要介绍的内容是总体设计或者概要设计,介绍了监控管理系统的设计,主要是在架构设计、总体模块设计和数据库设计的方面介绍的,为进一步的详细设计做准备。


第5章  详细设计

 

5.2.1 逻辑结构设计

1 管理员( 管理员编号,用户名,密码,姓名 )

2 用户( 用户编号,用户名,密码,姓名,联系电话,联系地址,职务 )

3 公告( 公告编号,标题,内容,发布时间 )

4 区域( 区域编号,区域,地址 )

5 时间段( 时间段编号,时间段 )

6 区域阈值( 区域阈值编号,区域,时间段,大于值,小于值,等级 )

7 流量( 流量编号,区域,时间,流动数,登记时间,来源记录 )

8 告警( 告警编号,流水,标题,等级,区域,告警描述,告警时间,发出人,状态 )

9 处理结果( 处理结果编号,告警,标题,查看结果,登记人,登记时间,状态 )  

 

5.2.2 物理结构设计

由各个关系模式和根据需求分析阶段数据字典的数据项描述,给出各数据表结构。

(1)管理员信息表如表5.1所示:

表5.1 管理员信息表

序号

字段名称

数据类型

长度

主键

描述

1

glyid

INTEGER

11

管理员编号

2

yhm

VARCHAR

40

用户名

3

mm

VARCHAR

40

密码

4

xm

VARCHAR

40

姓名

 

  1. 用户如表5.2所示:

表5.2 用户

序号

字段名称

数据类型

长度

主键

描述

1

yhid

INTEGER

11

用户编号

2

yhm

VARCHAR

40

用户名

3

mm

VARCHAR

40

密码

4

xm

VARCHAR

40

姓名

5

lxdh

VARCHAR

40

联系电话

6

lxdz

VARCHAR

40

联系地址

7

zw

VARCHAR

40

职务

 

(3)公告表如表5.3所示:

表5.3 公告表

序号

字段名称

数据类型

长度

主键

描述

1

ggid

INTEGER

11

公告编号

2

bt

VARCHAR

40

标题

3

nr

VARCHAR

40

内容

4

fbsj

VARCHAR

40

发布时间

 

(4)区域表如表5.4所示:

表5.4 区域表

序号

字段名称

数据类型

长度

主键

描述

1

qyid

INTEGER

11

区域编号

2

qy

VARCHAR

40

区域

3

dz

VARCHAR

40

地址

(5)时间段表如表5.5所示:

表5.5 时间段表

序号

字段名称

数据类型

长度

主键

描述

1

sjdid

INTEGER

11

时间段编号

2

sjd

VARCHAR

40

时间段

(6)区域阈值表如表5.6所示:

表5.6 区域阈值表

序号

字段名称

数据类型

长度

主键

描述

1

qyyzid

INTEGER

11

区域阈值编号

2

qy

VARCHAR

40

区域

3

sjd

VARCHAR

40

时间段

4

dyz

VARCHAR

40

大于值

5

xyz

VARCHAR

40

小于值

6

dj

VARCHAR

40

等级

 

(7)流量表如表5.7所示:

表5.7 流量表

序号

字段名称

数据类型

长度

主键

描述

1

llid

INTEGER

11

流量编号

2

qy

VARCHAR

40

区域

3

sj

VARCHAR

40

时间

4

lds

VARCHAR

40

流动数

5

djsj

VARCHAR

40

登记时间

6

lyjl

VARCHAR

40

来源记录

 

(8)告警表如表5.8所示:

表5.8 告警表

序号

字段名称

数据类型

长度

主键

描述

1

gjid

INTEGER

11

告警编号

2

ls

VARCHAR

40

流水

3

bt

VARCHAR

40

标题

4

dj

VARCHAR

40

等级

5

qy

VARCHAR

40

区域

6

gjms

VARCHAR

40

告警描述

7

gjsj

VARCHAR

40

告警时间

8

fcr

VARCHAR

40

发出人

9

zt

VARCHAR

40

状态

 

(9)处理结果表如表5.9所示:

表5.9 处理结果表

序号

字段名称

数据类型

长度

主键

描述

1

cljgid

INTEGER

11

处理结果编号

2

gj

VARCHAR

40

告警

3

bt

VARCHAR

40

标题

4

ckjg

VARCHAR

40

查看结果

5

djr

VARCHAR

40

登记人

6

djsj

VARCHAR

40

登记时间

7

zt

VARCHAR

40

状态

 

 

5.3 本章小结

本章主要是在上一章的总体设计的基础之上对系统进行详细设计,主要分为两个方面来设计,分别为后台设计和数据库设计,在后台设计方面,主要是设计的系统的权限分配,角色登录的验证;在数据库方面是设计系统的物理结构的设计和逻辑结构的设计。


第6章 系统的实施

 

6.1 首页模块界面

登录系统首页,出现用户名、密码的输入框,填写用户名和密码点击【提交】按钮,即可登录;具体的登录页面如图6.1所示:

图6.2 登录界面图

6.2 用户管理界面

用户信息管理用于实现对系统内用户信息的管理。系统用户可以新增用户信息、移除用户信息和更正用户信息,以及用户信息列表展现,在添加用户信息用户信息时,系统会自动查询系统中用户表中的用户编号字段,系统自动将用户表中最大值加1作为该用户表用户记录的用户编号,同时将用户的用户编号,用户的用户名,用户的密码,用户的姓名,用户的联系电话,用户的联系地址,用户的职务 信息添加到用户信息表中;在删除一条用户记录时,先选中一条用户记录,将该条用户记录中的用户编号作为查询条件在数据库中用户信息表中进行查询,弹出“确定要删除用户信息吗?”的对话框,若是,则执行删除用户信息操作,否则退出删除操作;在更改用户记录时,先选中一条用户记录,将用户信息显示在相应的修改用户页面中,然后更改用户信息表后保存到用户信息表中;查看用户信息记录时,选中要查看的用户记录,系统根据用户选择用户信息,在详细页面显示用户信息   

6.3  公告管理界面

公告信息管理用于实现对系统内公告信息的管理。系统用户可以新增公告信息、移除公告信息和更正公告信息,以及公告信息列表展现,在添加公告信息公告信息时,系统会自动查询系统中公告表中的公告编号字段,系统自动将公告表中最大值加1作为该公告表公告记录的公告编号,同时将公告的公告编号,公告的标题,公告的内容,公告的发布时间 信息添加到公告信息表中;在删除一条公告记录时,先选中一条公告记录,将该条公告记录中的公告编号作为查询条件在数据库中公告信息表中进行查询,弹出“确定要删除公告信息吗?”的对话框,若是,则执行删除公告信息操作,否则退出删除操作;在更改公告记录时,先选中一条公告记录,将公告信息显示在相应的修改公告页面中,然后更改公告信息表后保存到公告信息表中;查看公告信息记录时,选中要查看的公告记录,系统根据用户选择公告信息,在详细页面显示公告信息    

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<%@ page import="com.util.*"%>
<%
request.setCharacterEncoding("gb2312");//设置页面字符集
DBO db=new DBO();//初始数据链接
/*
公告信息添加页面
*/
String sql="";//初始化 sql
ResultSet rs=null;///初始化 变量
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="gb2312" />
		<jsp:include page="../topcss.jsp"/>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>

	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<jsp:include page="../header.jsp"/>
<script language="javascript">
function checkDo(){
if(form.bt.value==""){
alert("标题不能为空");
return false;
form.bt.focus();
}

if(form.nr.value==""){
alert("内容不能为空");
return false;
form.nr.focus();
}

if(form.fbsj.value==""){
alert("发布时间不能为空");
return false;
form.fbsj.focus();
}


form.action="gonggao_add.jsp";
form.submit();
}
</script>
	
		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">

			<!-- #section:basics/sidebar -->
			<jsp:include page="../menu.jsp"/>

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
					<ul class="breadcrumb">
						<li>
							<i class="ace-icon fa fa-home home-icon"></i>
							添加公告信息页面					</li>
						
					</ul><!-- /.breadcrumb -->

				
				</div>

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">

					<div class="page-content-area">

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<form class="form-horizontal" method="post"  role="form" name="form" action="gonggao_add.jsp">
									<!-- #section:elements.form -->
									
									<table id="sample-table-1" class="table table-striped table-bordered table-hover">
								
											<tbody>
												<tr>
																						
													<td align="right" valign="middle">	<label class="control-label no-padding-right" for="form-field-1"> 标题:</label></td>
												
													<td>	<input type="text"  placeholder="请输入标题" class="col-xs-10 col-sm-5"  id="bt" name="bt" required value="" /></td>

											
												</tr>
												<tr>
																						
													<td align="right" valign="middle">	<label class="control-label no-padding-right" for="form-field-1"> 内容:</label></td>
												
													<td>
													<textarea placeholder="请输入内容" class="col-xs-10 col-sm-5"  id="nr" name="nr" required  cols="80" rows="5"></textarea>
													
													</td>

											
												</tr>
												<tr>
																						
													<td align="right" valign="middle">	<label class="control-label no-padding-right" for="form-field-1"> 发布时间:</label></td>
												
													<td>	<input type="text"  placeholder="请输入发布时间" class="col-xs-10 col-sm-5"  id="fbsj" name="fbsj" required value="<%=StaticMethod.getStringDate()%>" readonly="" /></td>

											
												</tr>
														<tr>
																<td class="" align="right" valign="middle"></td>

																<td>
															<button class="btn btn-info" type="submit">
												<i class="ace-icon fa fa-check bigger-110"></i>立即提交	</button>

											<button class="btn" type="reset">
												<i class="ace-icon fa fa-undo bigger-110"></i>重新输入			</button>
																</td>

															</tr>


											
											</tbody>
										</table>
					



								

								


								
								</form>
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content-area -->
				</div><!-- /.page-content -->
			</div><!-- /.main-content -->
	<jsp:include page="../footer.jsp"/>
		
	
	</body>
</html>
<%
db.close();
%>



6.4 区域阈值系统界面

区域阈值信息管理用于实现对系统内区域阈值信息的管理。系统用户可以新增区域阈值信息、移除区域阈值信息和更正区域阈值信息,以及区域阈值信息列表展现,在添加区域阈值信息区域阈值信息时,系统会自动查询系统中区域阈值表中的区域阈值编号字段,系统自动将区域阈值表中最大值加1作为该区域阈值表区域阈值记录的区域阈值编号,同时将区域阈值的区域阈值编号,区域阈值的区域,区域阈值的时间段,区域阈值的大于值,区域阈值的小于值,区域阈值的等级 信息添加到区域阈值信息表中;在删除一条区域阈值记录时,先选中一条区域阈值记录,将该条区域阈值记录中的区域阈值编号作为查询条件在数据库中区域阈值信息表中进行查询,弹出“确定要删除区域阈值信息吗?”的对话框,若是,则执行删除区域阈值信息操作,否则退出删除操作;在更改区域阈值记录时,先选中一条区域阈值记录,将区域阈值信息显示在相应的修改区域阈值页面中,然后更改区域阈值信息表后保存到区域阈值信息表中;查看区域阈值信息记录时,选中要查看的区域阈值记录,系统根据用户选择区域阈值信息,在详细页面显示区域阈值信息

6.5 流量管理系统界面

流量信息管理用于实现对系统内流量信息的管理。系统用户可以新增流量信息、移除流量信息和更正流量信息,以及流量信息列表展现,在添加流量信息流量信息时,系统会自动查询系统中流量表中的流量编号字段,系统自动将流量表中最大值加1作为该流量表流量记录的流量编号,同时将流量的流量编号,流量的区域,流量的时间,流量的流动数,流量的登记时间,流量的来源记录 信息添加到流量信息表中;在删除一条流量记录时,先选中一条流量记录,将该条流量记录中的流量编号作为查询条件在数据库中流量信息表中进行查询,弹出“确定要删除流量信息吗?”的对话框,若是,则执行删除流量信息操作,否则退出删除操作;在更改流量记录时,先选中一条流量记录,将流量信息显示在相应的修改流量页面中,然后更改流量信息表后保存到流量信息表中;查看流量信息记录时,选中要查看的流量记录,系统根据用户选择流量信息,在详细页面显示流量信息

大家点赞、收藏、关注、评论啦  其他的定制服务 商务合作  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作

 

 

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐