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>

 

 

 

 

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/247839.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Jquery 获取日期date()对象，jquerydate

Jquery 获取日期date()对象，jquerydate

Jquery 获取日期date()对象&#xff0c;jquerydate 获取JavaScript 的时间使用内置的Date函数完成 var mydate new Date(); mydate.getYear(); //获取当前年份(2位) mydate.getFullYear(); //获取完整的年份(4位,1970-????) mydate.getMonth(); //获取当前月份(0-11,0代表…
阅读更多...
redis的安装和使用【2】redis的java操作

redis的安装和使用【2】redis的java操作

1、前提约束熟悉redis的命令行操作 https://www.jianshu.com/p/26f6e85e600f修改redis.conf# 配置绑定ip&#xff0c;作者机子为192.168.100.192&#xff0c;请读者根据实际情况设置bind 192.168.100.192#非保护模式protected-mode no保存重启 2、操作2.1 使用idea创建一个mave…
阅读更多...
Vue多字段下的非空判断（new Promise）

Vue多字段下的非空判断（new Promise）

// 利用 ref 获取相关组件中的数值checkInfo(){let Insured this.$refs.Insured.mastdata; //参保量let technology this.$refs.drugs.mastdata; //技术let business this.$refs.business.mastdata; //商务return new Promise((resolve,reject) > {if (!Insured.usern…
阅读更多...
(function ( ){...})( ) IIFE 的原理

(function ( ){...})( ) IIFE 的原理

你需要明白 IIFE 的原理&#xff0c;我简单说一下&#xff1a; function foo() {...} // 这是定义&#xff0c;Declaration&#xff1b;定义只是让解释器知道其存在&#xff0c;但是不会运行。foo(); // 这是语句&#xff0c;Statement&#xff1b;解释…
阅读更多...
内部类的用法

内部类的用法

第十章 内部类 10.1如何定义内部类 如代码10.1-1 所示 public class Parcel1 {public class Contents{private int value 0;public int getValue(){return value;}} } 这是一个很简单的内部类定义方式,你可以直接把一个类至于另一个类的内部&#xff0c;这种定义Contents类的方…
阅读更多...
在vue项目中使用树形结构的穿梭框

在vue项目中使用树形结构的穿梭框

先看一下最后的效果&#xff1a; 一个基于elementui的穿梭框组件&#xff1a;el-tree-transfer 第一步&#xff1a;安装组件 npm install el-tree-transfer --save 第二步&#xff1a;写代码 // 使用树形穿梭框组件<tree-transfer :title"title" :from_datafromDa…
阅读更多...
导航跳转后保持选中状态 jquery高亮当前选中菜单

导航跳转后保持选中状态 jquery高亮当前选中菜单

功能需求&#xff1a; 今天在写一个站点需要用到在导航菜单点击链接跳转到新页面后&#xff0c;高亮当前菜单样式。 简单的说&#xff0c;就是我点击导航菜单中的一个栏目&#xff0c;跳转到该栏目下&#xff0c;该栏目菜单也同时高亮&#xff08;可以是背景色也可以是背景图片…
阅读更多...
eacharts中国地图省市区点击显示

eacharts中国地图省市区点击显示

1.安装echarts.js 相关模块 npm i echarts2. 在 main.js 文件中搭建全局 // 引入echarts import echarts from echarts Vue.prototype.$echarts echarts3.vue文件种引入相关文档 import echarts from "echarts"; import "./china.js"; // 引入中国地图…
阅读更多...
CF2B The least round way(贪心+动规)

CF2B The least round way(贪心+动规)

题目 CF2B The least round way 做法 后面\(0\)的个数&#xff0c;\(2\)和\(5\)是\(10\)分解质因数 则把方格中的每个数分解成\(2\)和\(5\)&#xff0c;对\(2\)和\(5\)求两边动规&#xff0c;得出最小值\(ansmin(num_2,num_5)\) 我们贪心地选择最小值所对应的\(2\)或\(5\)&…
阅读更多...
JS 中的return false的作用

JS 中的return false的作用

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为. Return False 就相当于终止符,终止默认的事件行为&#xff0c;反之,Return True 就相当于执行符,执行终止默认的事件行为。 在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你…
阅读更多...
中英翻译（基于百度翻译）

中英翻译（基于百度翻译）

先来看效果图 只做了简单的在线翻译&#xff0c;语音翻译和图片翻译都要钱&#xff0c;哈哈 市面上有名气的翻译公司就是有道和百度了&#xff0c;有道尝试了一下&#xff0c;分为API和SDK两种&#xff0c;但是demo下载下来跑不了 百度的就是API&#xff0c;也很简单&#xff0…
阅读更多...
Vue中使用input简易的上传图片

Vue中使用input简易的上传图片

<div class"boximg"><div class"topimg"><!-- <img :src"filePath" width"200px" height"170px" /> --></div><div class"botimg" click"imgClick()">上传logo<…
阅读更多...
jQuery选择器之层级选择器

jQuery选择器之层级选择器

文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述&#xff0c;可以把文档树当作一个家谱&#xff0c;那么节点与节点直接就会存在父子&#xff0c;兄弟&#xff0c;祖孙的关系了。 选择器中的层级选择器就是用来处理这种关…
阅读更多...
文件 图片 上传 及少许正则校验

文件 图片 上传 及少许正则校验

文件 & 图片 上传 及少许正则校验 <template><div style"padding: 20px"><Row><Col span"24"><div><CFlex type"flex" justify"space-between" align"midlle"><div class"…
阅读更多...
bootstrap-table.js如何根据单元格数据不同显示不同的字体的颜色

bootstrap-table.js如何根据单元格数据不同显示不同的字体的颜色

在bootstrap-table.js里面列属性 formatter就是用来格式化单元格的&#xff0c;其默认值是undefined 类型是function&#xff0c;function(value, row, index), value&#xff1a;该cell本来的值&#xff0c;row&#xff1a;该行数据&#xff0c;index&#xff1a;该行序号&am…
阅读更多...
SVN_06导入项目文档

SVN_06导入项目文档

把这个项目的文档迁入到SVN Server上的库中 【1】首先右键点击projectAdmin目录&#xff0c;这时候的右键菜单例如以下图看到的&#xff1a;选择copy URL toCLipboard,就是复制统一资源定位符&#xff08;URL&#xff09;到剪贴板中 https://KJ-AP01.中国.corpnet:8443/svn/pro…
阅读更多...
实现省市二级联动效果

实现省市二级联动效果

实现效果&#xff1a; 代码&#xff1a; <template><div class"main_tableau"><div class"page_title">百城精算编辑</div><CFlex type"flex" justify"space-between"><div style"margin-top…
阅读更多...
jquery操作select(取值，设置选中）

jquery操作select(取值，设置选中）

jquery操作select(增加&#xff0c;删除&#xff0c;清空) http://huapengpeng1989412.blog.163.com/blog/static/58828754201342841940720/ jQuery获取Select选择的Text和Value: 123456789$("#select_id").change(function(){//code...}); //为Select添加事件&am…
阅读更多...
手机验证码获取

手机验证码获取

<el-form-item label"短信验证码" required><el-input v-model"ruleForm.verificationcode" placeholder"请添加验证码"><el-button v-if"isdisabled" slot"suffix" style"color:#409EFF;" type&…
阅读更多...
关于RGB屏调试的一些知识（转）

关于RGB屏调试的一些知识（转）

关于RGB屏调试的一些知识转载于:https://www.cnblogs.com/LittleTiger/p/10983212.html
阅读更多...
最新文章

Copyright @ 2022~2023