办公自动化系统——日程管理(用jsp+servlet+js+html+jdbc)怎样实现
做的是办公自动化系统软件,此模块有三个大的部分,分别是:我的日程,部门日程和我的便签,做来做去还是做不出来,第一次做,感觉给的页面太少,自己又不能添加太多页面,所以在这里希望大家给点意见:
这是其中的一个页面,实现的是我的日程添加,可里面还有个删除,还有修改说也是用这个页面,老师说的增删改都是在这个页面,根据什么字符串获取不同的内容,没说清楚。怎样在一个页面实现添加和删除?让其在添加的时候删除按钮不可用,在有数据的时候又可以用,又怎么查出来这些数据呢,不知道说的清楚不?如果可以,希望可以加qq指教,感激不尽,希望有经验的师哥师姐们,给小弟解答解答,3q
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="<%=basePath%>css/Style.css" rel="stylesheet" type="text/css" />
<link href="<%=basePath%>css/dtree.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=basePath %>js/jquery.js"></script>
<script type="text/javascript" src="<%=basePath %>js/calendar.js"></script>
<script type="text/javascript">
//纯js版
window.onload = function () {
var selBloodType = document.getElementById("selBloodType"); //$("#selBloodType");
var txtBloodType = document.getElementById("txtBloodType"); //$("#txtBloodType");
//显示下拉框
txtBloodType.onclick = function () {
selBloodType.style.display = "";
}
//下拉框选择项改变时
selBloodType.onchange = function () {
txtBloodType.value = selBloodType.options[selBloodType.selectedIndex].value; ;
selBloodType.style.display = "none";
}
}
</script>
</head>
<body>
当前位置:日程管理
<div align="center" style=" position:absolute;top:10%; left:20%;">
<form action="<%=basePath %>ScheduleServlet?action=addSchedule" method="post" >
<table width="800" height="420px" border="0" align="center">
<tr>
<td height="19" colspan="3"><strong>我 的 日 程 安 排</strong></td>
</tr>
<tr>
<td height="21" colspan="3"><hr width="800"></hr></td>
</tr>
<tr align="left">
<td height="28" colspan="3">主题:
<input name="title" id="title" type="text" class="inputCss" size="48" value="" />
</td>
</tr>
<tr align="left">
<td height="25" colspan="3">地点:
<input name="Address" type="text" class="inputCss" size="20" />
会议类型:
<select name="tblMeeting" class="buttonCss" >
<option value="公司年会">公司年会</option>
<option value="机构会议">机构会议</option>
</select>
</td>
</tr>
<tr align="left">
<td height="38" colspan="3">开始时间:----
<input name="scheduleBt" type="text" class="inputCss" size="20" id="strattime"value="" onfocus="calendar()"/>
<br />
结束时间:----
<input name="scheduleEt" type="text" class="inputCss" size="20"id="endtime" value="" onfocus="calendar()"/></td>
</tr>
<tr>
<td>日程内容:</td>
</tr>
<tr align="left">
<td height="83" colspan="3">
<textarea name="scheduleContent" id="content" cols="120" rows="10" class="inputCss" ></textarea>
</td>
</tr>
<tr align="left">
<td >预约他人: <input type="text" id="txtBloodType" style="width: 100px" class="inputCss"/>
<select id="selBloodType" style="display: none; width: 100px" multiple="multiple" size="4" class="inputCss">
<option value="张小凡">张小凡</option>
<option value="鬼厉">鬼厉</option>
<option value="碧瑶">碧瑶</option>
<option value="王平">王平</option>
<option value="测试">测试</option>
</select>
<label>
<input name="Submit" type="button" onclick="" class="buttonCss" value="删除选定预约人" />
</label></td>
</tr>
<tr>
<td width="302" align="left">选项:
<label>
<input type="checkbox" name="scheduleIfprivate" value="1" /> 是否公开</label></td>
<td width="281" align="center">创建人:
<input name="schedule_cu" type="text" class="inputCss" size="20" id="strattime"value="管理员" />
</td>
<td width="209" align="center">
创建时间<input name="schedule_ct" type="text" class="inputCss" size="20" id="strattime"value="" onfocus="calendar()"/>
</td>
</tr>
<tr>
<td><a href="calendarPlanSucc.jsp">添加日程<input name="" type="submit" class="buttonCss" id="upte" value="保存退出" /></a></td>
<td><input name="Submit22" type="submit" class="buttonCss" id="del" value="删除" onclick="" /></td>
<td><input name="Submit23" type="submit" class="buttonCss" value="退出" /></td>
</tr>
</table>
</form>
</div>
</body>
</html>
[解决办法]
根据传值 flag 判断你进行的是哪个操作。
比如你如果传值是0 你想进行添加,那你就在那一个页面接收 Stringflag =(String)request.getAttribute("flag");
然后开始根据flag的值
if(flag=="0"){
//这里是进行添加的动作
}
if(flag=="1"){
//这里是进行删除的动作
}
if(flag=="2"){
//这里是进行修改的动作
}
查的话 ,可以直接使用sql吧。。
觉得还能理解吗?