燃尽图:
任务板:
会议照片:
昨天完成了功能说明部分及其那部分界面美化,所有界面的退出以及回到首页的功能及首页美化等
今天做了信息分页显示,小提示语句,完善登录注册样式及背景界面。
明天打算把所有人写过的代码汇总并调整bug。
信息分页显示:
<div class="blog-info card-body"> <h4 class="">描述:<%=rs.getString("name") %></h4> <h6 class="mt-4">地点:<%=rs.getString("place") %></h6> <p class="mt-2">时间:<%=rs.getString("time") %></p> <p class="mt-2">发布人<%=rs.getString("userName") %></p> <div class="read-icon"> <a href="single.jsp?id=<%=rs.getString("id") %>" class="btn read">更多信息</a> </div> </div>
<div class="col-lg-8 single-left"> <div class="single-left1"> <h3 class="card-title"> 丢失时间: <%=rs.getString("time") %> </h3> <p><h3 class="card-title"> 详细描述信息: </h3> <p><h4 class="card-title"> <%=rs.getString("info") %> </h4> <hr> <h4> 失物照片如下:</h4><img src="upload/<%=rs.getString("photoname") %>" alt=" " class="img-fluid" /> <h6>发布人:<%=rs.getString("userName") %></h6> <% } } %> </div> </div>
小提示语句:
function checkds(){ var name = document.getElementById("name");; var place = document.getElementById("place"); var time1 = document.getElementById("time1"); var time2 = document.getElementById("time2"); var people = document.getElementById("people"); var info = document.getElementById("info"); //非空 if(name.value == '') { alert('请填写物品类别!'); name.focus(); return false; } if(place==null||place==""){ alert("请填写丢失地点!"); place.focus(); return false; } if(time1==null||time1==""){ alert("请正确填写丢失时间段!"); time1.focus() return false; } if(time2==null||time2==""){ alert("请正确填写丢失时间段!"); time2.focus() return false; } if(people==null||people==""){ alert("请填写联系方式!"); people.focus() return false; } if(info==null||info==""){ alert("请填写物品详细信息!"); info.focus() return false; } return true; }
<div class="text-center px-lg-5"> <h3 class="title-w3ls mb-5">寻物表单信息填写</h3> <div class="title-desc text-center px-lg-5"> <p class="px-lg-5 sub-vj">请尽可能的提供所丢失物品的详细信息,以便提高找回的成功率.莫慌!</p> </div> </div>
<form style="font-size:20px;" action="UserServlet?method=search" method="post" onsubmit="return check()"> <br/><br/><br/><br/><br/><br/><br/> <h2 style="color:#9999ff">登录</h2> <table class=gridtable> <tr> <td><input type="text" id="username" name="username" placeholder="用户名:" value="" style="height:40px;300px;display:inline-block;border: 2px solid #ccc;"><br/><br/></td> </tr> <tr> <td> <input type="password" id="password" name="password" placeholder="密码:" name="userRePwd" id="userRePwd" size="20" value="" style="height:40px;300px;display:inline-block;border: 2px solid #ccc;"><br/><br/></td> </tr> <tr> <td> <button type="submit" style="height:40px;300px; background-color:#ccddff">登 录</button></td> </tr> </table> <p style="font-size:10px;color:blue;"> <!-- 忘记密码? | --> <a href="zhuce.jsp"> 立即注册 </a> </p> </form>
<form action="UserServlet?method=add" method="post" onsubmit="return check()"> <br/><br/><br/><br/><br/><br/><br/> <h2 style="color:#9999ff">注册</h2> <table class=gridtable> <tr><td> <input type="text" placeholder="用户名:" id="username" name="username" style="height:40px;300px;display:inline-block;border: 2px solid #ccc;"/><br/><br/> </td></tr> <tr><td> <input type="password" placeholder="密码:" id="password" name="password" style="height:40px;300px;display:inline-block;border: 2px solid #ccc;" /><br/><br/> </td></tr> <tr><td> <input type="password" placeholder="确认密码:" id="rpassword" name="rpassword" style="height:40px;300px;display:inline-block;border: 2px solid #ccc;"/> </td></tr> <tr> <td> <button type="submit" style="height:40px;300px; background-color:#ccddff">注 册</button></td> </tr> </table> <p style="font-size:10px;color:blue;"> <a href="jiemian.jsp"> 跳转至登陆界面 </a> </p> </form>
完善登录注册及背景界面: