OA办公自动化系统设计毕业论文

东华理工大学国际教育学院毕业设计（论文） 系统实现

图4-2 添加用户图

4.2.2删除用户界面

当用户是管理员登录时，系统会进入管理员主界面，主界面下的修改用户界面为update_user.jsp，该页面会显示所有用户的相关信息，并且在每一个人员的前面都有复选框可供选择，如果选择了，则可以点击“修改” 或者“删除”进行相关的操作。该页面的主要代码如下：function deleteUser(){

var userId = \;

$(\).each(function(index){ );

if(userId == \){ }

if(window.confirm(\你确定要删除所选的的这些用户吗？\)){

alert(\请选择要删除的用户！\); return; }

var obj = $(this);

if(obj.attr(\) == true){ }

userId += obj.attr(\)+\;

window.location.href=\+

userId;

11

东华理工大学国际教育学院毕业设计（论文） 系统实现

} }

删除用户的界面如下：

图4-3 删除用户图

4.2.3查找用户界面

当用户是管理员登录时，系统会进入管理员主界面，主界面下的修改用户界面为list_user.jsp,该页面有“用户名”输入框和“查询”按钮，当输入“用户名”后点击“查询”便可以查询到相关信息。也可以进行模糊查询，如想查询包括“t”的所有人员信息，则可以在查询框里输入“t”进行查询。主要代码如下：

输入用户名：

value=\<%=request.getAttribute(\)%>\class=\>

输入用户名进行查询！

查询人员界面如下：

12

东华理工大学国际教育学院毕业设计（论文） 系统实现

图4-4 删除用户图

4.2.4修改用户界面

当用户是管理员登录时，系统会进入管理员主界面，主界面下的修改用户界面为update_user.jsp，该页面会显示所有用户的相关信息，并且在每一个人员的前面都有复选框可供选择，如果选择了，则可以点击“修改” 或者“删除”进行相关的操作。该页面的主要代码如下：

value=\保存本次修改\ />

用户信息更新成功！

value=\更新下一个\ />

修改页面的界面如下：

13

东华理工大学国际教育学院毕业设计（论文） 系统实现

图4-5 修改用户图

4.2.5个人信息界面

个人信息修改页面为update_me.jsp,不管是管理员还是普通用户登录到系统之后都可以对自己的信息进行查看和修改，当点击“修改”则会将数据发送到servlet的update_useDao中处理，然后写进数据库。 修改个人信息的界面如下：

图4-6 保存提示图

14