jdbc電話本項目
整體思路:在登陸之後才能查看自己的電話本,電話本中包含用戶名,聯系人名字,電話,性別,分類;
1、登陸註冊頁面--數據庫User表,註冊登陸使用
2、電話本的前段顯示,用表格和表單,
3、創建存取的電話本的表的類,實現各種setget方法及構造方法
4、電話本需要查詢,刪除,添加,修改的功能,創建java文件實現這些方法
5、創建各種方法的servlet,實現這些功能,
註意:進行非空驗證,還有就是在電話本的存儲的表中要有隱藏的id,通過前臺傳入id,作為主鍵去判斷實現那些方法,在登陸之後要註意接收登錄時的用戶名,
需要用到的還有就是js中的點擊事件等等
gettimestamp:時間戳,表示出日期和時間
1、在前段顯示表格
歡迎, [<%=username%>] <a href="login.jsp">重新登錄</a> <a href="register.jsp">新用戶註冊</a> <hr> <h2>添加(或者修改)聯系人信息</h2> <form id="addOrUpdateForm" action="InsertOrUpdateContactServlet" method="post"> <input type="hidden" name="id" /> <table> <tr> <td>聯系人名稱:</td> <td><input type="text" name="cname" /></td> </tr> <tr> <td>電話:</td> <td><input type="text" name="tel" /></td> </tr> <tr> <td>性別:</td> <td><selectname="sex"> <option value="">未選擇</option> <option value="男">男</option> <option value="女">女</option> <option value="其他">其他</option> </select></td> </tr> <tr> <td>分組:</td> <td><select name="tcgroup"> <option value="">未選擇</option> <option value="同事">同事</option> <option value="朋友">朋友</option> <option value="同學">同學</option> <option value="家人">家人</option> </select></td> </tr> <tr> <td><input type="submit" value="保存"></td> <td><input type="reset" value="重置" /></td> </tr> </table> </form> <hr> <h2>查詢聯系人</h2> <form action="ShowIndexContactServlet" method="post"> <input type="hidden" name="isSearch" value="do" /> 聯系人名稱:<input type="text" name="cname" /> 電話:<input type="text" name="tel" /> 性別: <select name="sex"> <option value="">未選擇</option> <option value="男">男</option> <option value="女">女</option> <option value="其他">其他</option> </select> 分組: <select name="tcgroup"> <option value="">未選擇</option> <option value="同事">同事</option> <option value="朋友">朋友</option> <option value="同學">同學</option> <option value="家人">家人</option> </select> <input type="submit" value="查詢" /><input type="button" id="btn_delMultiple" value="刪除選中記錄" onclick="confirmMultiDel()" /> </form> <hr>
//在表格內輸出 <% List<ContactBook> cbList = (List<ContactBook>) session.getAttribute("cbList"); if (cbList != null && cbList.size() > 0) { out.print("<table style=‘text-align:center;‘ width=‘60%‘ border=1 cellpadding=0 cellspacing=0>"); out.print("<tr><td>名稱</td><td>電話</td><td>分組</td><td>性別</td><td>添加時間</td><td>管理</td>" + "<td><input id=‘leader‘ type=‘checkbox‘ /></td></tr>"); for (ContactBook c : cbList) { out.print("<tr>"); out.print("<td>" + c.getName() + "</td>"); out.print("<td>" + c.getTel() + "</td>"); out.print("<td>" + c.getTcgroup() + "</td>"); out.print("<td>" + c.getSex() + "</td>"); out.print("<td>" + DateConvertor.putDate2String(c.getAddtime()) + "</td>"); out.print("<td><a href=‘DeleteContactBook?ids=" + c.getId() + "‘ onclick=‘return confirmDel()‘>刪除</a> " + "<a href=‘#‘ onclick=‘loadFormData(\"" + c.getId() + "\", \"" + c.getName() + "\", \"" + c.getTel() + "\", \"" + c.getSex() + "\",\"" + c.getTcgroup() + "\")‘>修改</a></td>"); out.print("<td><input type=‘checkbox‘ name=‘select‘ value=‘" + c.getId() + "‘ /></td>"); out.print("</tr>"); } out.print("</table>"); } else { out.print("<h1>沒有記錄 !</h1>"); } %> <script type="text/javascript"> // 點擊修改時執行的事件, 將form表單填充 function loadFormData(id, cname, tel, sex, tcgroup) { var formData = document.getElementById("addOrUpdateForm"); formData.id.value = id; formData.cname.value = cname; formData.tel.value = tel; formData.tcgroup.value = tcgroup; formData.sex.value = sex; }
// 單條記錄刪除的確認
function confirmDel() {
var r = confirm("確定要刪除這條記錄嗎 ?");
if (r) {
return true;
}
return false;
}
// 多條記錄刪除的確認
function confirmMultiDel() {
var objs = document.getElementsByName("select");
var arrayCheck = [];
for (var i in objs) {
if (objs[i].checked) {
arrayCheck.push(objs[i].value);
}
}
if(arrayCheck.length > 0) {
var cf = confirm("選中了" + arrayCheck.length + "條數據, 確定刪除嗎 ?");
if (cf) {
window.location.href = "DeleteContactBook?ids=" + arrayCheck;
// 1,2,3,4,5
}
} else {
alert("未選中任何記錄 !");
}
}
// 點擊復選框, 全選列表
document.getElementById("leader").onclick = function() {
var t = document.getElementById("leader").checked;
var objs = document.getElementsByName("select");
for (var i = 0; i < objs.length; i++) {
objs[i].checked = t;
}
}
</script>
jdbc電話本項目