6.2团队第二阶段冲刺(八)

燃尽图:

任务板:

 会议照片:

昨天完成了功能说明部分及其那部分界面美化,所有界面的退出以及回到首页的功能及首页美化等

今天做了信息分页显示,小提示语句,完善登录注册样式及背景界面。

明天打算把所有人写过的代码汇总并调整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>

完善登录注册及背景界面:

 

原文地址:https://www.cnblogs.com/ruan1705/p/11062069.html