jsp实验报告

课程作业报告

题目办公管理系统页面设计

学院：江西理工大学南昌校区

专业：软件网络通信

班级：软件网通131

学号： 13222144 学生：胡欣强

授课教师：梅飞

时间： 2015 年 12 月 14 日

一、项目目的....................................................... 3

二、项目时间、地点................................................. 3

三、实习内容....................................................... 3

1、实习的项目............................................... 3

2、程序设计................................................. 4

2.1模块分析.................................................... 4

2.2程序结构.................................................... 5

3、程序设计过程............................................. 5

3.1个人办公模块................................................ 5

3.2会议管理模块............................................... 10

3.3系统管理模块............................................... 13

4、程序展示及主要截图...................................... 13

4.1主要代码展示：............................................. 13

4.2程序截图展示............................................... 16

展示........................................................... 16

四、实习总结...................................................... 19

一、项目目的

本次项目目的主要是为了巩固上课时学习到的jsp网页设计编写管理系统程序，可以熟练的使用jsp开发程序。这次选定协同办公这个项目主要考虑到随着社会的发展，几乎没人都有手机电脑，人们的工作生活越来越依赖于用手机电脑帮助办公，协同办公系统也越来越受重视，它可以使复杂的办公变得轻松和安全。我们想要做出比较实用的程序所以才选择做这个程序。以便能够更好的理解和使用三大框架，同时也培养了我们的团队合作意识，为以后的学习和工作打好基础。

二、项目开发时间、地点

时间：20##年 12月 1日—20##年 12 月 15 日

地点：江西理工大学南昌校区校内

三、实习内容

1、项目

协同办公平台由于公司中完成局域网中的用户登录注册和个人办公、会议室管理以及系统管理的功能，具体包括:

个人办公：个人信息、日程安排、名片夹管理、公司通讯录、待办事项、在线信息、个人文件夹、会议管理、会议室管理、会议管理、系统管理、组织管理

2、程序设计

2.1模块分析

协同办公系统的主要模块分析和主要的功能分析如下表2.1所示：

表2.1

2.2程序结构

程序的基本流程如下图2.2所示

结构图

图2.2

3、程序设计过程

3.1个人办公模块

3.1.1功能描述：

个人办公模块包括个人信息模块、日程安排模块、名片夹模块、公司通讯录模块、在线信息模块、文件夹模块，代办事项模块。每一模块都有若干子模块。

n 个人信息：为员工提供包括密码、自我介绍、兴趣爱好、联系方式等个人信息维护的功能。此模块包含的功能有：个人信息维护、查看他人信息。

n 日程安排：当前用户给自己或授权代办的人安排日程。对于已经安排的日程，可以进行编辑和删除。可以根据日期查询某一天的安排，也可以查询某一个月中有安排的日期。此功能包含的操作有：添加安排、删除安排、修改安排、查询一天安排、按月查看安排。

n 名片夹模块：员工对自己的通讯录进行管理。可设置私有或共享。可直接点击发邮件。此模块包含的功能有：名片夹分类、个人名片夹、查看共享名片夹

n 公司通讯录模块：系统管理员维护整个公司的组织机构和联系方式，公司人员可以查询通讯录。

n 代办事项模块: 由当前用户通过组织机构选择可以代自己安排日程的人员。也可以将已经具有代办权限的人员从代办人员中去掉。

3.1.2主要模块流程图

个人信息

个人信息模块流程图3.1.2.1

日程安排流程图1

3.1.3部分代码展示：

日程安排：

<body>

<div class="place">

<span>位置：</span>

<ul class="placeul">

<li><a href="#">首页</a></li>

<li><a href="#">个人办公</a></li>

<li><a href="#"></a>添加安排</li>

</ul>

</div>

<div class="rightinfo"><body class="ContentBody">

<div class="MainDiv">

<table width="99%" border="0" cellpadding="0" cellspacing="0" class="CContent">

<tr>

<th bgcolor="#00B3B3" class="tablestyle_title STYLE1" ><img src="images/latest_works.png" width="200" height="99" /></th>

</tr>

<tr>

<td height="396" class="CPanel">

<table border="0" cellpadding="0" cellspacing="0" style="width:100%">

<TR>

<TD width="100%" height="397" background="images/011.jpg" bgcolor="#D5FFFF">

<fieldset style="height:100%;">

<legend></legend>

<form action="DoShowTask?action=addTask" method="post" >

<br />

<table border="0" cellpadding="2" cellspacing="1" style="width:100%">

<tr>

<td width="461" height="270" align="right" nowrap><p align="right" class="STYLE6"> </p>

<p align="right" class="STYLE6"> </p>

<p align="right" class="STYLE6">日程主题：</p>

<p align="right" class="STYLE6"> </p>

<p align="right" class="STYLE6">实施时间：</p>

<p> </p>

<p align="right" class="STYLE6"> </p>

<p><span class="STYLE61">截止日期：</span></p>

<p> </p></td>

<td width="233"><p align="justify"> </p>

<p align="justify"> </p>

<p align="justify">

</p>

<p align="justify"> </p><p align="justify">

<input type="text" name="t_title" class="text" style="width: 154px; height: 20px;" size="30" />

</p>

<p align="justify"> </p>

<p align="justify">

<br />

</p>

<p align="justify"> </p>

<p align="justify"> </p><p align="justify">

<input type="text" id="d2" name="start_date" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" style="width: 150px; height: 20px;" />

</p>

<p align="justify">

<br /></p><p align="justify">

</p>

<p align="justify">

</p><p align="justify">

</p>

<p align="justify"> </p>

<p align="justify"> </p><p align="justify">

<input type="text" id="d2" name="t_end" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" style="width: 150px; height: 20px;" />

</p>

<p align="justify">

</p>

<p align="justify"> </p>

<p align="justify">

</p><p align="justify">

</p>

</td>

<td width="142" align="right"><p> </p>

<p> </p>

<p class="STYLE4"> </p>

<p> </p>

<p> </p></td>

<td width="123"> </td>

</tr>

<tr>

<td height="337" align="right" nowrap><p class="STYLE6">日程内容：</p>

<td><p>

<input name="t_content" type="text" style="width: 150px; height: 100px; font-family: '微软雅黑'; font-size: 9pt;"/>

</p>

<p> </p>

<p>

<input name="t_comment" type="text" style="width:150px;height:100px;"/>

</p>

<p> </p>

<p>

<input name="addsch" type="submit" class="loginbtn" value="添加" onclick="" /> 

<input type="button" name="Submit2" value="返回" class="loginbtn" onclick="javascript:window.history.go(-1);"/>

</table>

</form>

<td align="right"><p class="STYLE3"> </p> <td><p> </p>

3.2会议管理模块

3.2.1功能描述

会议组织者对会议和会议记录进行维护。与会者可以查询会议并查看会议记录。

n 新增会议：由会议组织者发起一个会议，添加参会人并上传会议记录。利用系统提供的短消息功能给参加会议的人员发送会议通知。系统自动将参加会议的人员记录下来。

n 修改会议：由会议组织者修改自己建立的会议。

n 删除会议：由会议组织者删除自己建立的会议。

n 查询会议：会议组织者和与会人员可以查看。

n 查看会议记录：由会议参与者通过查询，选择一个会议，点击所连接的会议记录，打开新窗口查看该会议记录。

3.2.2流程图

会议管理.jpg

图3.2.2

3.2.3部分代码展示：

function mydelete(id){

if(confirm("是否删除") location.href="meetingServlet?action=delete&m_id="+id;

}

function doUpdate(id){

location.href="meetingServlet?action=querymeetingbyid&m_id="+id;

</style></head>

<body>

</ul>

</div>

<li class="click"><span><img src="images/t01.png" /></span><a href="addmeeting.jsp">添加新会议</a></li>

</ul>

</form>

<br />

</li>

</ul>

</div>

<thead>

<tr>

</tr>

<c:forEach items="${meeting}" var="s">

<td>${s.m_title}</td>

<td>${s.m_comment}</td>

</c:forEach>

</thead>

<tbody>

</tbody>

</table>

List<Meeting> list = (List<Meeting> )request.getAttribute("meeting");

%> <div class="pagin">

<div class="message">共<i class="blue"><%=list.size() %></i>条记录，当前显示第 <i class="blue">1 </i>页</div>

</ul>

</div>

$('.tablelist tbody tr:odd').addClass('odd');

</script>

</body>

</html>

3.3系统管理模块

3.2.1功能描述

系统管理员进行后台管理的模块，包括组织管理、安全控制。本模块维护是公司的组织结构、角色划分、人员信息的功能。包括部门维护、角色维护、员工信息维护。

3.2.2流程图

部门管理.jpg

4、程序展示及主要截图

4.1主要代码展示：

/*******************************************/

$(document).ready(function() {

$(".click").click(function() {

$(".tip").fadeIn(200);

});

$(".tiptop a").click(function() {

$(".tip").fadeOut(200);

});

$(".sure").click(function() {

$(".tip").fadeOut(100);

});

$(".cancel").click(function() {

$(".tip").fadeOut(100);

});

function changeDepartment(d_id) {

location.href = "${ctx}/DepartmentServlet?action=updatedepartment&d_id="

+ d_id;

}

function doDelete(d_id) {

if (confirm("是否删除")) {

location.href = "${ctx}/DepartmentServlet?action=delete&d_id=" + d_id;

}

</script>

<!--

body {

background-image: url(images/011.jpg);

}

-->

</style>

</head>

<body>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

</span><a href="./files/addDepartment.jsp">添加新部门</a>

</li>

</ul>

</div>

<thead>

<tr>

</th>

部门编号

</i>

</div>

</th>

部门名称

</div>

</th>

操作

</div>

</th>

</tr>

</thead>

<tbody>

<c:forEach items="${departments}" var="s">

</td>

<td>

<a href="listmokuaimingxi.htm" onclick=""></a>${s.d_id}

</td>

<td>

${s.d_name}

</td>

<td>

<a href="javascript:changeDepartment(${s.d_id})">编辑</a>|

</td>

</c:forEach>

</tbody>

</table>

</div>

</span>

<p>

是否确认对信息的修改？

</p>

<cite>如果是请点击确定按钮，否则请点取消。</cite>

</div>

</div>

$('.tablelist tbody tr:odd').addClass('odd');

</script>

</body>

</html>

4.2程序截图展示

展示流程：登录图4.1、注册图4.2、主页面图4.3、代办4.4、员工基本信息4.5、设备、会议、名片、公司职务栏目界面4.6

登录截图.png

图4.1

QQ图片20150331203139.jpg

图4.2

个人信息维护

图4.3

图4.4

图4.5

图4.6

图4.7

图4.8

图4.9

四、实习总结

通过本次课程设计，我感受颇多，尽管上课时也认真听了老师的讲课，但是已开始面对自己的题目时，还是有些不知所措，都不知道如何下手，后来去图书馆借了几本相关的书籍，心里在感觉有了一些底。经过这差不多四个星期来的学习与编码，总算还是收获不少，对jsp的认识也更加的深刻了。在这个过程中，我感觉就像人生的一个缩影，充满了酸甜苦辣。当一个问题想了好久也无法解决时，我感到沮丧与无助。当经过努力解决了一个程序上的难题时，我感到无比的喜悦。当经过每天为了编写代码一坐就是四五个小时，晚上还要写到凌晨一两点钟的时候，我感到无比的痛苦。但艰难痛苦已成往事，灿烂的明天向我走来，今天我总算迎接了胜利的果实，以前的辛酸与痛苦化作我坚强的力量，将在我将来的人生历程中，为我的美好明天打下坚实的基础。经过了这次磨练，我又一次感受到只有付出才能有收获，成功永远是属于不懈努力的人们的。不过经过这几个星期来的不断拼搏，虽然有一点成功的喜悦，但是我知道自己远远还不够，希望自己能从中获得更加多的宝贵的经验。

相关推荐

jsp实验报告

一、项目目的

二、项目开发时间、地点

三、实习内容

四、实习总结

专栏推荐