5.4号团队冲刺(三)

博客围绕失物招领和寻物启事表单提交展开。完成了表单提交功能,通过函数判断文本框内容是否为空实现信息必填和可不填属性,用datetime格式限定时间填写格式。还给出了表单提交界面和数据库信息增加的代码,遇到按时间段查询问题,用特定格式解决,明天将实现关键字和模糊查询。

5.4

燃尽图:

 任务板:

 

每日照片:

今天的任务是完成失物招领表单和寻物启事表单的提交。在这个表单提交方面我们有一下设计。

由于失主对物品丢失的地点可能会不清楚,因此我们写了一些函数对表单文本框内容是否为空进行了判断。由此来实现信息的必填和可不填属性。同时,关于后期的功能我们有一个根据物品丢失时间进行查询的想法,因此我们要规定描述物品丢失时间段的时间格式,因此我们使用了datetime格式对时间的填写格式进行了限定。

表单提交的界面代码如下所示:

<div id="tabContent2"  class="tc"  style="display: none">

<table border="8">

        <tr align="center" valign="middle" bgcolor="#CCCCCC" height="22">

        <td>描述</td>

<td>地点</td>

<td>时间</td>

<td>拾到者联系方式</td>

      <%

        ResultSet jdrs=jddb.getAllRs();

        if(jdrs==null){

      %>

      <tr align="center" valign="middle"><td colspan="4">没有记录显示!</td>

      </tr>

      <%

        }

        else{

          while(jdrs.next()){

      %>

      <tr align="center" valign="middle" height="22">

        <td><%=jdrs.getString("name") %></td>    

        <td><%=jdrs.getString("place") %></td>

        <td><%=jdrs.getString("time") %></td>

        <td><%=jdrs.getString("people") %></td>                   

      </tr>

      <%

        }        

        }

      %>

</table>

    </div>

<div id="tabContent3"  class="tc"  style="display: none">

  <form action="MainServlet?method=dsAdd" method="post"  name="diushi" >

   <table>

    <tr height="25">

      <td colspan="2" align="center" bgcolor="lightgrey">

      请填写下列信息:

      </td>

    </tr>

    <tr>

     <td align="right">描述(必填内容):</td>

     <td><input type="text" name="name" size="27"></td>

    </tr>

    <tr>

     <td align="right">地点:</td>

     <td><input type="text" name="place" size="27"></td>

    </tr>

    

    <tr>

     <td align="right">丢失时间段(必填内容):</td>

     <td>

     <input type="datetime-local" name="time1" id="time1">

     <input type="datetime-local" name="time2" id="time2">

</td>

    </tr>

    <tr>

     <td align="right">本人联系方式(必填内容):</td>

     <td><input type="text" name="people" size="27"></td>

    </tr>

<!--     <tr>

     <td align="right">具体描述:</td>

     <td><textarea name="info" cols="60" rows="7"></textarea></td>

    </tr> -->

    <tr>

     <td colspan="2" align="center">

       <input type="submit" name="submit" value="提交" onclick="return checkds()">

       <input type="reset" name="reset" value="重置">       

     </td>

    </tr>

   </table>

  </form>

    </div>

<div id="tabContent4"  class="tc"  style="display: none">

  <form action="dojiandao.jsp" name="jiandao">

   <table>

    <tr height="25">

      <td colspan="2" align="center" bgcolor="lightgrey">

      请填写下列信息:

      </td>

    </tr>

    <tr>

     <td align="right">描述(必填内容):</td>

     <td><input type="text" name="name" size="27"></td>

    </tr>

    <tr>

     <td align="right">地点(可不填):</td>

     <td><input type="text" name="place" size="27"></td>

    </tr>

    <tr>

     <td align="right">时间(可不填):</td>

     <td><input type="datetime-local" name="time"></td>

    </tr>

    <tr>

     <td align="right">本人联系方式(必填内容):</td>

     <td><input type="text" name="people" size="27"></td>

    </tr>

    <tr>

     <td colspan="2" align="center">

       <input type="submit" name="submit" value="提交" onclick="return checkjd()">

       <input type="reset" name="reset" value="重置">       

     </td>

    </tr>

   </table>

  </form>

    </div>

对数据库信息进行增加的代码如下所示

req.setCharacterEncoding("UTF-8");

String name = req.getParameter("name");

String place = req.getParameter("place");

String time1 = req.getParameter("time1");

String time2 = req.getParameter("time2");

String people = req.getParameter("people");

System.out.print(name);

if(dao.dsAdd(name,place,time1,time2,people)) {

req.setAttribute("message", "Form submission was successful!");

req.getRequestDispatcher("Maintest.jsp").forward(req, resp);

}else {

req.setAttribute("message", "Form submission was fail!");

req.getRequestDispatcher("Maintest.jsp").forward(req, resp);

}

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<jsp:useBean id="db" class="com.jb.db.jdDB"/>

<html>

<head>

<title>捡到表单</title>

</head>

<%

  request.setCharacterEncoding("UTF-8");

  String   mess="";

  String   name=request.getParameter("name");

  String   place=request.getParameter("place");

  String   time=request.getParameter("time");

  String   people=request.getParameter("people");

  if(place==null||place==""){

  place="未留此信息";

  }

  boolean mark=true;

  if(mark){

      String sql="insert into jd values('"+name+"','"+place+"','"+time+"','"+people+"')";

      int i=db.insert(sql);

      db.closed();

      if(i>0)

      {

       out.print("<script>alert('Form submission was successful!');window.location.href='Maintest.jsp'</script>");

       }

      else

       mess="插入失败!";

  }

%>

<body>

  <table>

   <tr bgcolor="lightgrey">

    <td>友情提示!</td>

   </tr>

   <tr>

    <td align="center"><%=mess%></td>

   </tr>

  </table>

  <a href="jiandao.jsp">[返回上一级]</a>

  <a href="xuesheng.jsp">[返回学生界面]</a>

</body>

</html>

完成任务:

完成了失物招领表单的提交和寻物启事表单的提交。

遇到的问题:按照时间段对表单继续查询。

解决方式:使用datetime文件格式对时间填写格式进行限制。方便按时间段查询功能的实现。

明天完成的任务:实现关键字查询以及模糊查询

转载于:https://www.cnblogs.com/ruan1705/p/10883614.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值