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,一经查实,立即删除!

相关文章

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

先看一下最后的效果&#xff1a; 一个基于elementui的穿梭框组件&#xff1a;el-tree-transfer 第一步&#xff1a;安装组件 npm install el-tree-transfer --save 第二步&#xff1a;写代码 // 使用树形穿梭框组件<tree-transfer :title"title" :from_datafromDa…

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

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

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"; // 引入中国地图…

中英翻译(基于百度翻译)

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

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

<div class"boximg"><div class"topimg"><!-- <img :src"filePath" width"200px" height"170px" /> --></div><div class"botimg" click"imgClick()">上传logo<…

jQuery选择器之层级选择器

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

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 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(增加&#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&…

在bootstrap table中使用Tooltip

//偏好主题function preferenceFormatter(value, row, index) {var nameString "";if (value.length > 6) {nameString value.substring(0,6) ...;} else{nameString value;}return [<a href"#" data-toggle"tooltip" title value >…

实现值两者之间添加 , 、 | 等字符

展示效果&#xff1a; <span v-for"(item, index) in projectData.bdOwnerList" :key"index"><span style"white-space: nowrap">{{ item.userName }}<spanv-if"projectData.bdOwnerList.length - 1 ! index"style&qu…

状态管理工具vuex的基本使用(vuebus的理解)

vuex的展示图 1. vuex 的基本结构 const store new Vuex.Store({state: {} //相当于 vue结构中的 data getters: {}, // 相当于vue结构中的计算属性使用actions: {}, // 相当于vue结构中的监听属性使用mutations: {},//相当于vue结构中的 methods 方法集合 &#xff08;其中方…

Django.1

Django官方网站&#xff1a;https://www.djangoproject.com/ 使用终端创建Django文件 创建工程 django-admin startproject XXX 创建应用 python manage.py startapp YYY 迁移系统指令&#xff1a; 首先生成迁移文件 python manage.py makemigrations 执行迁移文件 python ma…

vue项目水印添加

import DomSize from wd-domsize-monitor; // 此处为 npm 下载的第三方模块包 import Api_login from "/assets/api/login" // 此处是用户信息接口调用var id shuiyinDiv var isInit false let callback function (ele) {DomSize.bind(ele, function () {//水印被…

mybatis传参

在mybatis的学习中&#xff0c;会发现经常需要传参&#xff0c;这里以上一节写的实体类为基础&#xff0c;当我们要添加一个员工时&#xff0c;需要添加员工的基本信息&#xff0c;以及所属部门&#xff0c;按照以前的方法&#xff0c;在实体类中&#xff0c;添加部门id属性&am…

自定义步骤条

展示图&#xff1a; <template><div classcreateorder><!-- 顶部步骤条 --><div class"createorder_top"><div class"createorder_top_left"><!-- 0 --><span class"createorder_left_set" :class"…

element组件库中table自定义分页效果

1.在data中设置初始值 // 页数 页码search: { offset: 1, // 当前页limit: 10, // 条数total:0, //总数},2.设置获取后的数据分配 :data"tableData.slice((search.offset - 1) * search.limit, search.offset * search.limit)" 3.展示效果&#xff1a;

数据轮播图翻页封装(左右点击)

效果图&#xff1a; <template><div class"box" style"height:200px;"><!-- 左 --><div class"box-left" click"submitrote(left)" mouseenter"chenge_menu(1)" mouseleave"chenge_menu(2)"…