zoukankan      html  css  js  c++  java
  • 十天冲刺(2)

    昨天的任务是做一个普通用户的注册功能,因为功能比较简单,基本上能够实现。

    存在问题:对于数据库的安全性问题没有解决,密码还是明文传送,对于数据库代码非法插入还需要进一步的学习了解。CSS界面美化还存在一定的问题,掌握运用不够熟练,希望在以后可以进一步学习。

    今天的任务是:写寻物启示表单的显示,这里在提交寻物表单的时候运用了一个datetime类型的数据,来表示物品丢失的时间段。

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ page import="java.sql.*" %>
    <jsp:useBean id="jddb" class="com.jb.db.jdDB" scope="page"/>
    <jsp:useBean id="dsdb" class="com.jb.db.dsDB" scope="page"/>
    <!DOCTYPE html>
    <html>
    <head>
    <title>铁大失物招领平台</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="Yangshi.css">
    <script type="text/jscript">	
    function checkds(){
     if(diushi.name.value==null||diushi.name.value==""){
        alert("请说明丢失物品类别!");
        diushi.name.focus();
        return false;
     }
     if(diushi.people.value==null||diushi.people.value==""){
    	 alert("请提供你的联系方式!");
    	 jiandao.people.focus()
    	 return false;
     }
     if(diushi.time1.value==null||diushi.time1.value==""){
    	 alert("请正确选择丢失时间段!");
    	 diushi.time1.focus()
    	 return false;
     }
     if(diushi.time2.value==null||diushi.time2.value==""){
    	 alert("请正确选择丢失时间段!");
    	 diushi.time2.focus()
    	 return false;
     }
     return true;
    }
            //显示tab(tabHeadId:tab头中当前的超链接;tabContentId要显示的层ID)
            function showTab(tabHeadId,tabContentId) 
            {
                //tab层
                var tabDiv = document.getElementById("tabDiv");
                //将tab层中所有的内容层设为不可见
                //遍历tab层下的所有子节点
                var taContents = tabDiv.childNodes;
                for(i=0; i<taContents.length; i++) 
                {
                    //将所有内容层都设为不可见
                    if(taContents[i].id!=null && taContents[i].id != 'tabsHead')
                    {
                        taContents[i].style.display = 'none';
                    }
                }
                //将要显示的层设为可见
                document.getElementById(tabContentId).style.display = 'block';          
                //遍历tab头中所有的超链接
                var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
                for(i=0; i<tabHeads.length; i++) 
                { 
                    //将超链接的样式设为未选的tab头样式
                    tabHeads[i].className='tabs'; 
                }
                //将当前超链接的样式设为已选tab头样式
                document.getElementById(tabHeadId).className='curtab';
                document.getElementById(tabHeadId).blur();
            }
            function showtime()
            {
                //创建函数
                var now_time = new Date();//创建时间对象的实例
                var hours = now_time.getHours();//获得当前小时数
                var minutes = now_time.getMinutes();//获得当前分钟数
                var seconds = now_time.getSeconds();//获得当前秒数
                var timer = ""+ ((hours>12)?hours -12:hours);//将小时数值赋予变量timer
                timer+=((minutes<10)?":0":":")+minutes;//将分钟数赋予变量timer
                timer+=((seconds<10)?":0":":")+seconds;//将秒数赋予timer
                timer+=""+((hours>12)?" PM":" AM");//将字符AM或PM赋予变量timer
                document.clock.show.value=timer;//在名为clock的表单中输出变量timer的值
                setTimeout("showtime()",1000);//设置每隔一秒钟自动调用一次showtime()函数
            }
    </script>
    <style type="text/css">
    .d1{
    	position:absolute;  
    	left:0px; 
    	top:0px;  
    	100%;  
    	height:100%; 
    	z-index:-1;
    }
    </style>
    </head>
    <body onload="showtime()">
    
     <%
    	     Object message = request.getAttribute("message");//放置一个字符串,并取出
    	     if(message!=null && !"".equals(message)){
    	 
    	%>
    	     <script type="text/javascript">
    	          alert("<%=request.getAttribute("message")%>");
    	     </script>
    <%} %>
    <div id="tabDiv">
    		  <div id="tabsHead">
    			<a id="tabs1" class="curtab" href="javascript:showTab('tabs1','tabContent1')">寻物启示</a><a id="tabs2" class="tabs" href="javascript:showTab('tabs2','tabContent2')">失物招领</a>
    			<a id="tabs3" class="tabs" href="javascript:showTab('tabs3','tabContent3')">提交寻物启示表单</a><a id="tabs4" class="tabs" href="javascript:showTab('tabs4','tabContent4')">提交失物招领表单</a>
    			<a id="tabs5" class="tabs" href="javascript:showTab('tabs5','tabContent5')">找手机</a><a id="tabs6" class="tabs" href="javascript:showTab('tabs6','tabContent6')">找饭卡</a>
    		  </div>
    		  <div id="tabContent1" class="tc"  >
    		  <table border="8">
              <tr align="center" valign="middle" bgcolor="#CCCCCC" height="22">
              <td>描述</td>
    		  <td>地点</td>
    		  <td>丢失时间段起点</td>
    		  <td>丢失时间段终点</td>
    		  <td>失主联系方式</td>
          <%
            ResultSet dsrs=dsdb.getAllRs();
            if(dsrs==null){
          %>
          <tr align="center" valign="middle"><td colspan="4">没有记录显示!</td>
          </tr>
          <%
            }
            else{
            	 while(dsrs.next()){
          %>
          <tr align="center" valign="middle" height="22">
            <td><%=dsrs.getString("name") %></td>  		 
            <td><%=dsrs.getString("place") %></td>
            <td><%=dsrs.getString("time1") %></td>
            <td><%=dsrs.getString("time2") %></td>
            <td><%=dsrs.getString("people") %></td>                   	
          </tr>
          <%
            	 }
            	 
            }
          %>
    </table>
    		</div>
    <div >©版权所有:石家庄铁道大学信息科学与技术学院</div>
    </body>
    </html>
    

      

    明天的任务是:寻物表单的提交功能。

  • 相关阅读:
    通过重建Hosting系统理解HTTP请求在ASP.NET Core管道中的处理流程[中]:管道如何处理请求
    通过重建Hosting系统理解HTTP请求在ASP.NET Core管道中的处理流程[上]:采用管道处理请求
    .NET Core的文件系统[5]:扩展文件系统构建一个简易版“云盘”
    [WCF]缺少一行代码引发的血案
    如何利用ETW(Event Tracing for Windows)记录日志
    .NET Core的日志[5]:利用TraceSource写日志
    .NET Core的日志[4]:将日志写入EventLog
    .NET Core的日志[3]:将日志写入Debug窗口
    .NET Core的日志[2]:将日志输出到控制台
    .NET Core采用的全新配置系统[10]: 配置的同步机制是如何实现的?
  • 原文地址:https://www.cnblogs.com/zjl-0217/p/10933069.html
Copyright © 2011-2022 走看看