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.pswp.cn/news/247839.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/247839.shtml
英文地址，請注明出處：http://en.pswp.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