zoukankan      html  css  js  c++  java
  • 6.1团队第二阶段冲刺(七)

    燃尽图:

    任务板:

    会议照片:

     

    昨天完成了管理员对发布人的查询功能,条件查询功能以及一系列常用小功能

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

    明天打算做信息分页显示,小提示语句,完善登录注册及背景界面。

     所有界面的退出以及回到首页的功能及首页美化:

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>首页</title>
        <!-- Meta tag Keywords -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="UTF-8" />
        <meta name="keywords" content="" />
        <script>
            addEventListener("load", function() {
                setTimeout(hideURLbar, 0);
            }, false);
            function hideURLbar() {
                window.scrollTo(0, 1);
            }
        </script>
        <!-- //Meta tag Keywords -->
        <!-- Custom-Files -->
        <link rel="stylesheet" href="css/bootstrap.css">
        <!-- Bootstrap-Core-CSS -->
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
        <link rel="stylesheet" href="css/slider.css" type="text/css" media="all" />
        <!-- Style-CSS -->
        <!-- font-awesome-icons -->
        <link href="css/font-awesome.css" rel="stylesheet">
        <!-- //font-awesome-icons -->
        <!-- /Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800" rel="stylesheet">
        <!-- //Fonts -->
    </head>
    <body>
    <%
    if(session.getAttribute("userName")==null)
    {
        response.sendRedirect("jiemian.jsp");
    }
    %>
    <%
             //String userName=request.getParameter("userName");
             //String userName=  String.valueOf(request.getAttribute("userName"));
            // session.setAttribute("userName", userName);
             System.out.print("!"+session.getAttribute("userName"));
             Object message = request.getAttribute("message");//放置一个字符串,并取出
             if(message!=null && !"".equals(message)){
         
        %>
             <script type="text/javascript">
                  alert("<%=request.getAttribute("message")%>");
             </script>
    <%} %>
        <!-- mian-content -->
        <div class="main-w3-pvt-header-sec" id="home">
            <!-- header -->
                <header>
                    <div class="container">
                        <div class="header d-lg-flex justify-content-between align-items-center py-lg-3 px-lg-3">
                            <!-- logo -->
                            <div id="logo">
                                <h1><a href="index.jsp"><span class="fa fa-recycle mr-2"></span>返回首页</a></h1>
                            </div>
                            <!-- //logo -->
                            <div class="w3pvt-bg">
                                <!-- nav -->
                                <div class="nav_w3pvt">
                                    <nav>
                                        <label for="drop" class="toggle">Menu</label>
                                        <input type="checkbox" id="drop" />
                                        <ul class="menu">
                                            <li><a href="index.jsp?">首页</a></li>
                                        <li>
                                                <!-- First Tier Drop Down -->
                                                <label for="drop-2" class="toggle toogle-2">表单信息 <span class="fa fa-angle-down" aria-hidden="true"></span>
                                                </label>
                                                <a href="blog.jsp">失物寻物信息栏 <span class="fa fa-angle-down" aria-hidden="true"></span></a>
                                                <input type="checkbox" id="drop-2" />
                                                <ul>
                                                    <li><a href="blog.jsp" class="drop-text">寻物启事</a></li>
                                                    <li><a href="blog1.jsp" class="drop-text">失物招领</a></li>
                                                </ul>
                                                                            
                                        </li>
                                        <li>
                                            <label for="drop-2" class="toggle toogle-2">发布信息 <span class="fa fa-angle-down" aria-hidden="true"></span>
                                            </label>
                                            <a href="contact.jsp">发布信息 <span class="fa fa-angle-down" aria-hidden="true"></span></a>
                                            <input type="checkbox" id="drop-2" />
                                            <ul>
                                                <li><a href="contact.jsp" class="drop-text">发布寻物启事</a></li>
                                                <li><a href="contact1.jsp" class="drop-text">发布失物招领</a></li>
                                            </ul>
                                        </li>
                                            <li><a href="search.jsp">查询</a></li>
                                        </ul>
                                    </nav>
                                </div>
                                <!-- //nav -->
                                <div class="justify-content-center">
                                    <!-- search -->
                                    <div class="apply-w3-pvt ml-lg-3">
                                        <a class="btn read" href="linshi.jsp" role="button"><%=session.getAttribute("userName")%></a>
                                    </div>
                                    <!-- //search -->
                                </div>
                                  <div class="justify-content-center">
                                    <!-- search -->
                                    <div class="apply-w3-pvt ml-lg-3">
                                       <a class="btn read" href="jiemian.jsp" role="button">退出</a>
                                    </div> 
                                    <!-- //search -->
                                </div>
                            </div>
                        </div>
                    </div>
                </header>
            <section class="banner_w3pvt">
                <div class="csslider infinity" id="slider1">
                    <input type="radio" name="slides" checked="checked" id="slides_1" />
                    <input type="radio" name="slides" id="slides_2" />
                    <input type="radio" name="slides" id="slides_3" />
    
                    <ul>
                        <li>
                            <div class="banner-top">
                                <div class="overlay">
                                    <div class="container">
                                        <div class="banner-info">
                                            <div class="banner-w3ls-inner">
                                                <h3>请在右上角选择对应功能。</h3> 
                                                <div class="test-info text-left mt-lg-5 mt-4">
    <!--                                                 <a href="single.jsp" class="btn mr-2">阅读更多</a>
                                                    <a href="contact.jsp" class="btn">联系我们</a> -->
                                                </div>
                                            </div>
    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="banner-top1">
                                <div class="overlay sec">
                                    <div class="container">
                                        <div class="banner-info">
                                            <div class="banner-w3ls-inner">
                                                <h3>感谢您使用此系统!</h3>                                 
                                                <div class="test-info text-left mt-lg-5 mt-4">
    <!--                                                 <a href="single.jsp" class="btn mr-2">阅读更多</a>
                                                    <a href="contact.jsp" class="btn">联系我们</a> -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="banner-top2">
                                <div class="overlay">
                                    <div class="container">
                                        <div class="banner-info">
                                            <div class="banner-w3ls-inner">
                                                <h3>再次感谢!</h3>
                                                <div class="test-info text-left mt-lg-5 mt-4">
    <!--                                                 <a href="single.jsp" class="btn mr-2">阅读更多</a>
                                                    <a href="contact.jsp" class="btn">联系我们</a> -->
                                                </div>
                                            </div>
    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
    
                    </ul>
                    <div class="arrows">
                        <label for="slides_1"></label>
                        <label for="slides_2"></label>
                        <label for="slides_3"></label>
                    </div>
                </div>
            </section>
            <!-- //slider -->
        </div>
    </body>
    </html>
    </body>
    </html>

     功能说明部分及其那部分界面美化:

     <section class="content-info py-5">
            <div class="container py-md-5">
                <h3 class="title-w3ls mb-5 text-center">查询及帮助</h3>
                <div class="row">
                    <!-- left side -->
                    <div class="col-lg-8 single-left">
                        <div class="single-left1">
                            <h5 class="card-title">
                                功能说明
                            </h5>
                            <p>你要是丢东西啦可以在右侧通过物品的描述,物品的丢失地点以及丢失物品的时间查询失物招领,看看有没有同学捡到你的东西。<br>
                            你要是捡到东西啦也可以在右侧通过物品的描述,捡到物品的地方以及捡到物品的时间查询寻物启事,看看有没有同学在找你捡到的东西。
                            </p>
                            <div class="mt-4">
                                <span class="badge badge-primary">Posted 2019-04-02 10:05:00</span>
                                <div class="float-sm-right">
                                    <a href="#" class="badge badge-secondary">ToPD</a>
                                    <a href="#" class="badge badge-success">龙哥</a>
                                    <a href="#" class="badge badge-danger">媛姐</a>
                                </div>
                            </div>
                            <hr>
                            <img src="images/three.png" alt=" " class="img-fluid" />
                            <ul class="courses_list my-4">
                                <li>
                                    <h6 class="courses-first text-bl">
                                        <span class="fa fa-user mr-2"></span>three
                                    </h6>
                                </li>
                                <li>
                                    <a>
                                        <span class="fa fa-heart mr-1"></span>
                                        </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="fa fa-comments mr-1"></span>
                                        </a>
                                </li>
                            </ul>
                            <h5 class="card-title">
                                <a href="single.html" class="text-bl">感谢!!!</a>
                            </h5>
                            <p>您的每一次使用都会给我们涨学分!!!</p>
                            <p>您的每一次使用都会给我们涨学分!!!</p>
                            <p>您的每一次使用都会给我们涨学分!!!</p>
                        </div>
                        <div class="admin p-4 my-4">
                            <p>
                                <span class="fa fa-quote-left mr-2"></span>你是一个礼物,却不能拆封。像夏夜绽放在天空的烟火,灿烂缤纷,无法触摸。像遥远的星星,在晴朗的夜空下,静静在头顶,仿佛为我存在,我们之间却有几亿光年的距离。但,无论如何,亲爱的朋友,感谢你出现在我的生命里。
                                <span class="fa fa-quote-right ml-2"></span>
                            </p>
                            <a class="mt-3 font-weight-bold text-right blockquote-footer">作者:寂地 出处:缺氧</a>
                        </div>

     

  • 相关阅读:
    收集最好的Mac软件和使用方法
    为什么使用Binder而不是其他IPC机制
    Android什么时候进行View中Background的加载
    Android属性动画源代码解析(超详细)
    JMockit工具总结
    路由器和交换机的区别
    6种 @Transactional 注解失效场景
    20个使用 Java CompletableFuture的例子
    书写高质量SQL的30条建议
    Netty之什么是 TCP 拆、粘包?如何解决?
  • 原文地址:https://www.cnblogs.com/ruan1705/p/11061854.html
Copyright © 2011-2022 走看看