jsp机构查询系统sqlserver

演示视频：

第四章 系统功能实现

在管理信息系统的生命周期中，仅过了需求分析、系统设计等阶段之后，便开始了系统实施阶段。在系统分析和设计阶段，系统开发工作主要是集中在逻辑、功能和技术设计上，系统实施阶段要继承此前面各个阶段的工作成果，将技术设计转化为物理实现，因此系统实施的成果是系统分析和设计阶段的结晶。

3.1管理员登陆页面

1.描述：为了保证系统的安全性，要使用本系统必须先登陆到系统中。

2.程序运行效果图如图3.1所示：

图3.1 管理员登陆页面设计

3.在登陆页面输入用户名和密码以，点击提交按钮，跳转到登陆的service中，在该service中会对用户名，密码进行判断，如果正确提示“通过验证”，进入到管理界面，如果错误则提示“用户名和密码不正确”，页面调转到登陆页。

3.2管理员模块

1.描述：管理员主页面：左方页面展示了管理员可操作的七大功能，进入相关的管理页面可以链接到子菜单，并且高亮显示，每个管理模块下面都有相应的子菜单。

2.程序运行效果图如图3.2所示：

图3.2管理员主页面

在每个jsp页面将会对相关用户进行拦截操作，这样可以提高安全性，防止用户不经过登陆页面而进入任何子菜单页面：

3.2.1大洲管理

4.2.1.1大洲信息录入

1. 描述：管理员输入大洲相关正确信息后点击录入按钮，如果是没有输入完整信息，比如没有输入大洲名称，都会给出相应的错误提示，不能录入成功。输入数据都通过form表单中定义的方法οnsubmit="return checkForm()"来检查，checkForm()函数中是各种的校验输入数据的方式。
2. 程序效果图如下图3.3所示：

图3.3 大洲信息录入

3.流程图如下图3.4所示：

登陆系统

管理员录入大洲信息

系统验证

大洲信息

录入成功

结 束

通过

未通过

图3.4 大洲信息录入流程图

4.2.1.2大洲信息管理

1.描述：管理员点击左侧的菜单“大洲管理”，页面跳转到大洲管理界面，调用后台的servlet类查询所有大洲信息。

2.程序效果图如下图3.5所示

图3.5 大洲信息管理

3.2.1.3大洲信息删除

1.描述：先是点击大洲信息管理，页面跳转到大洲管理界面，浏览所有的大洲信息，点击要删除的大洲，弹出的确定对话框，即可删除该大洲信息。

2.程序效果图如下图3.6所示

图3.6 大洲信息删除

3.2.2机构信息管理

3.2.2.1机构信息录入

1.描述：在此页面主要是输入机构信息，包括机构名称、所在大洲、所在国家、中文名称、英文名称、具体地址、联系方式、简单介绍等，其中机构介绍这个地方，使用的是开源的在线文本编辑器fckEditor这个富文本框实现。是否为空也是通过form表单中的οnsubmit="return checkForm()来检查。

2.程序效果图如图3.7所示：

图3.7 机构信息录入

3.在整个系统中所有涉及输入日期的地方都是采用的mydata97这个日历控件的方式来实现，要在工程中导入Calendar.js文件，在jsp页面开始引入<script type="text/javascript" src="../js/calendar.js" ></script>该js文件，在文本框的属性定义中定义方法οnclick="new Calendar().show(this);"即可。

3.2.2.2机构信息管理

1.描述：管理员点击左侧的菜单“机构管理”，页面跳转到机构管理界面，调用后台的机构Servlet类查询出所有的机构信息，并把这些信息封转到数据集合List中，绑定到request对象，然后页面跳转到相应的jsp，显示出机构信息。

2.程序效果图如下图3.8所示

图3.8 机构信息管理页面

3.2.3系统管理

3.2.3.1查询管理员信息

1.描述：点击系统管理菜单，右侧展示了所有的系统管理员信息。主要包括用户名和密码。

2.程序效果图如图3.12所示：

图3.12 查询管理员

3.2.3.2添加管理员

1.描述：输入要添加管理员的信息以后，点击添加按钮。两次输入的密码必须相同。

2.程序效果图如图3.13所示：

图3.13 添加管理员

3.2.4修改密码

1.描述：输入用户名和用户的原有密码，输入新密码以后点击修改按钮即可修改密码成功。

2.程序效果图如图3.14所示：

图3.14 修改密码

3.2.5退出系统

1.描述：点此按钮回到系统的主页面。

2.关键代码：主要是通过javascript语句来实现, item_word[8][4]="退出系统";

item_link[8][4]="javascript:window.open('../index.jsp','_self')";

3.3普通用户模块

3.3.1系统主页面实现

1.描述：页面的上方显示的是该网站的logo和当前的时间，下方主要部分是信息显示区域。

2.程序运行效果图如图3.15所示：

图3.15 系统主页面设计

3.3.2机构查询

1.描述：普通用户点击在查询文本框中输入机构关键字，然后点击查询。调用后台的java类jigouServlet查询所有的机构信息，并绑定这些信息到request对象中，在显示层jsp展示出来，然后用户点击机构名称，即可显示该机构的详细信息。

2.程序效果图如图3.16所示：

图3.16机构查询界面设计