diff --git a/src/servlet/account/service.java b/src/servlet/account/service.java new file mode 100644 index 0000000..0f6cadf --- /dev/null +++ b/src/servlet/account/service.java @@ -0,0 +1,23 @@ +package servlet.account; + +import java.io.IOException; + +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; + +@WebServlet( "/service") +public class service extends HttpServlet { + protected void doPost(HttpServletRequest request, HttpServletResponse response) + throws ServletException, IOException { + System.out.print(request.getParameter("id")); + + } + + protected void doGet(HttpServletRequest request, HttpServletResponse response) + throws ServletException, IOException { + + } +} diff --git a/web/cssFile/home.css b/web/cssFile/home.css new file mode 100644 index 0000000..83c988e --- /dev/null +++ b/web/cssFile/home.css @@ -0,0 +1,234 @@ +body{ + margin: 0px; + padding: 0px; + background-color: #efefef; + width: 100%; + height: 100%; +} +a{ + text-decoration: none; +} +ul{ + margin: 0; + padding: 0; +} +.main{ + position: relative; + height: 100%; +} +.top-bar{ + width: 100%; + height: 55px; + position: relative; + background-color: #c13139; + z-index: 100; + box-shadow: 5px 0px 10px rgba(0,0,0,0.47); +} +.top-center-bar{ + position: relative; + height: 100%; + width: 1100px; + background-color: #c6333e; + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.42); + margin: 0px auto; +} +.back-home{ + background-color: white; + height:60px; + border-radius: 0px 0px 5px 5px; + width: 60px; + position: absolute; + left: 200px; + color: #c6333e; + font-size: 20px; + text-align: center; + font-weight: normal; + line-height: 60px; + top: 0px; + box-shadow: 5px 0px 8px rgba(0, 0, 0, 0.3); + cursor: pointer; + transition: all 0.3s; +} +.back-home:hover{ + line-height: 70px; + height:70px; +} +.opt-options{ + visibility: hidden; + width: 100px; + height: 65px; + background-color: white; + position: absolute; + top: 55px; + right: -20px; + border: 1px solid rgba(0, 0, 0, 0.07); + border-radius: 0px 0px 5px 5px; + box-shadow: 5px 2px 8px rgba(0, 0, 0, 0.29); +} +.top-center-bar .logo{ + position: absolute; + margin: auto 20px; + top: 15px; + color: white; + font-weight: bolder; + font-size: 20px; + +} +.back-home a{ + color: #c6333e; +} +.opt:hover .opt-options{ + visibility: visible; + padding: 20px 0px 0px 0px; +} +.personal-opt{ + height: 100%; + width: 120px; + position: absolute; + right: 0px; +} + +.personal-opt .head-img{ + float: left; + margin: 2px; + width: 45px; + height: 45px; +border-radius: 50%; + border: 3px solid white; +} +.opt .img{ + display: block; + width: 35px; + height: 35px; + margin: 10px 10px 10px 10px; +} +.opt-options div{ + + width: 100%; + height: 30px; + text-align: center; + line-height: 20px; +} +.opt-options div a{ + color: rgba(0, 0, 0, 0.88); +} +.opt-options div:hover{ + background-color: rgba(0, 0, 0, 0.21); +} +.personal-opt .opt{ +width: 35px; + height: 100%; + width: 55px; + cursor: pointer; + float: left; + border-radius: 5px; +} +.personal-opt .opt:hover{ + background-color: rgba(255, 255, 255, 0.18); +} +.nav-bar{ + top: 20px; + border-radius: 10px; + position: absolute; + left: 5px; + width: 100px; + height: 800px; + background-color: #251d20; +} +.nav-bar .a-process{ + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: 10px; + width:80px; + height: 80px; + margin: 10px 8px; + float: top; + background-color: rgba(255, 255, 255, 0.09); + transition: all 0.5s; +} +.nav-bar .a-process:hover{ + background-color: rgba(255, 255, 255, 0.3); +} +.point-bar{ + width: 10px; + position: absolute; + left: 100px; + height: 60px; + top: 21px; + border-radius: 0px 5px 5px 0px; + background-color: #cf4240; + transition: all 0.4s; + visibility: hidden; +} +.main2{ + z-index: 2; + position: relative; + width: 1100px; + height: 1100px; + margin: 0px auto; + background-color: white; +} +.link-point{ + display: block; + width: 100%; + height: 100%; + +} +.a-process .link-point .a-process-decoration +{ + width: 60px; + height: 60px; + margin: 0px 10px; +} +.link-point div img{ + display: block; + width: 100%; + height: 100%; +} +.nav-info{ + color: white; + text-align: center; + font-size: 12px; +} +.update-frame{ + width: 990px; + height: 1100px; + position: relative; + left: 110px; +} +.scroll-ads{ + height: 300px; + width: 900px; + background-color: black; + position: absolute; + margin: 20px 45px; + border-radius: 10px; + overflow: hidden; +} +.scroll-ads .scroll-ads-imgs .scroll-child{ + display: inline-block; + width: 100%; + height: 100%; + transition: all 0.4s; +} +.scroll-ads .scroll-ads-imgs{ + width: 100%; + height: 100%; + transition: all 0.4s; + white-space: nowrap; + font-size: 0; +} +.scroll-ads .scroll-ads-imgs .scroll-child a img{ + width: 100%; + height: 100%; + position: relative; +} +.ads-text{ + position: relative; + width: 100px; + height: 20px; + left: 50px; + bottom: 50px; + z-index: 10; + font-size: 20px; + color: white; +} \ No newline at end of file diff --git a/web/cssFile/images/change.jpg b/web/cssFile/images/change.jpg new file mode 100644 index 0000000..d742ed5 Binary files /dev/null and b/web/cssFile/images/change.jpg differ diff --git a/web/cssFile/images/change2.jpg b/web/cssFile/images/change2.jpg new file mode 100644 index 0000000..d01126e Binary files /dev/null and b/web/cssFile/images/change2.jpg differ diff --git a/web/cssFile/images/change3.jpg b/web/cssFile/images/change3.jpg new file mode 100644 index 0000000..396f5a0 Binary files /dev/null and b/web/cssFile/images/change3.jpg differ diff --git a/web/cssFile/images/download.png b/web/cssFile/images/download.png new file mode 100644 index 0000000..de178ef Binary files /dev/null and b/web/cssFile/images/download.png differ diff --git a/web/cssFile/images/man.png b/web/cssFile/images/man.png new file mode 100644 index 0000000..70d5b21 Binary files /dev/null and b/web/cssFile/images/man.png differ diff --git a/web/cssFile/images/opt.jpg b/web/cssFile/images/opt.jpg new file mode 100644 index 0000000..34d6c03 Binary files /dev/null and b/web/cssFile/images/opt.jpg differ diff --git a/web/cssFile/images/opt.png b/web/cssFile/images/opt.png new file mode 100644 index 0000000..ee92156 Binary files /dev/null and b/web/cssFile/images/opt.png differ diff --git a/web/cssFile/images/opt.sai2 b/web/cssFile/images/opt.sai2 new file mode 100644 index 0000000..1367657 Binary files /dev/null and b/web/cssFile/images/opt.sai2 differ diff --git a/web/cssFile/personal.css b/web/cssFile/personal.css new file mode 100644 index 0000000..3ded13e --- /dev/null +++ b/web/cssFile/personal.css @@ -0,0 +1,96 @@ +.updated{ + width: 100%; + height: 100%; +} +.personal-choose{ + position: absolute; + top: 50px; + left: 15px; +} +.personal-choose .nav-personal-choose{ + margin: 0px; +} +.nav-personal-choose .choose-child{ + transition: all 0.3s; + list-style: none; + border-radius: 5px 5px 0px 0px; + margin: 10px 0px; + color: rgba(0, 0, 0, 0.93); + width: 120px; + height: 30px; + border-bottom: 1px solid rgb(198, 68, 66); + font-size: 15px; + text-align: center; + line-height: 30px; + cursor: pointer; +} +.nav-personal-choose .choose-child:hover{ + background-color: #e24f46; + border-radius: 5px; + border-bottom: 1px solid rgba(198, 68, 66, 0); + color: white; + +} +.personal-msg-frame{ + position: absolute; + top: 70px; + left: 250px; + width: 600px; +} +.personal-msg-frame .personal-msg-part{ + width: 550px; + height: 50px; + margin: 30px 0px; + border-bottom: 1px solid rgba(0, 0, 0, 0.54); +} +.personal-msg-frame .personal-msg-part .part-name{ + width: 80px; + text-align: left; + line-height: 35px; + color: rgba(0, 0, 0, 0.78); + float: left; + height: 100%; + font-size: 20px; +} +.personal-msg-frame .personal-msg-part .part-cont{ + width: 450px; + height: 100%; + float: left; + text-align: left; + line-height: 35px; + font-size: 15px; +} +.updated .change-pw-frame{ + display: none; + position: absolute; + top: 70px; + left: 250px; + width: 600px; +} +.change-pw-frame .pw-input-style{ + padding: 0px 0px 0px 20px; + margin: 20px 100px; + width:340px; + height: 40px; + border-radius: 5px; + left: 29px; + border:1px solid rgba(0, 0, 0, 0.37); +} +.change-pw-frame .pw-input-style:hover{ + background-color: #f0f0f0; +} +.change-pw-frame .sm-input-style{ + margin: 20px 120px; + top: 280px; + width: 300px; + height: 40px; + border-radius: 5px; + left: 49px; + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #65b0ff; + color: white; + font-size: 20px; +} +.change-pw-frame .sm-input-style:hover{ + background-color: #517fff; +} \ No newline at end of file diff --git a/web/home.jsp b/web/home.jsp new file mode 100644 index 0000000..61bec0b --- /dev/null +++ b/web/home.jsp @@ -0,0 +1,100 @@ +<%-- + Created by IntelliJ IDEA. + User: lenovo + Date: 2019/1/9 + Time: 20:32 + To change this template use File | Settings | File Templates. +--%> +<%@ page contentType="text/html;charset=UTF-8" language="java" %> + + + 毕业设计管理系统 + + + + + + + + +
+
+
+
首页
+ +
+
+ +
+
+ +
+
+ 个人信息
+
退出登录
+
+
+
+
+ +
+
+
+
+
+ +
+ +
个人信息
+
+ +
+
+ +
+ +
资料下载
+
+ +
+
+ + + +
+
+
+
+ +
+
+
+
+ + + diff --git a/web/jsFile/home-update.js b/web/jsFile/home-update.js new file mode 100644 index 0000000..4484f60 --- /dev/null +++ b/web/jsFile/home-update.js @@ -0,0 +1,9 @@ +$(document).ready(function () { + $('.link-point').on('click',upadateFrame); +}) +function upadateFrame(e) { + e.preventDefault(); + var updateUrl=$(this).attr('href'); + $('.update-frame').load(updateUrl+' .updated'); + history.pushState(null,null,updateUrl); +} diff --git a/web/jsFile/homeActive.js b/web/jsFile/homeActive.js new file mode 100644 index 0000000..d64f4fa --- /dev/null +++ b/web/jsFile/homeActive.js @@ -0,0 +1,34 @@ +$(document).ready(function () { + $('.a-process').on('click',moveBar); + $('.update-to-perm').on('click',upadateFrame); +}) +function moveBar() { + var distanse=21+($(this).index()-1)*91; + $('.point-bar').css({'top':distanse.toString()+'px','visibility':'visible'}); +} +function scrollAds() { + var scrolling=document.getElementsByClassName('scroll-ads-imgs').item(0); + if(scrolling.style.transform=="translateX(0%)") + { + $('.scroll-ads-imgs').css('transition','0.4s'); + scrolling.style.transform='translateX(-100%)'; + + } + else if(scrolling.style.transform=="translateX(-100%)") + { + scrolling.style.transform='translateX(-200%)'; + + + } + else if(scrolling.style.transform=="translateX(-200%)") + { + scrolling.style.transform='translateX(-300%)'; + } + else if(scrolling.style.transform=="translateX(-300%)") + { + $('.scroll-ads-imgs').css('transition','none'); + scrolling.style.transform='translateX(0%)'; + window.setTimeout('scrollAds()',200); + } +} +window.setInterval('scrollAds()',3000); diff --git a/web/jsFile/personal.js b/web/jsFile/personal.js new file mode 100644 index 0000000..bc6e2e8 --- /dev/null +++ b/web/jsFile/personal.js @@ -0,0 +1,43 @@ +$(document).ready(function () { + $(document).off('click').on('click','.choose-child',pChange); + $(document).off('click',showpm).on('click','.pm',showpm); + $(document).off('click',showpw).on('click','.pw',showpw); + $('.sm-input-style').off('click').on('click',isEmpty); +}) +function pChange(){ + $('.choose-child').each(function () { + $(this).css({'background-color':'','color':'','border-radius': + ''}); + }) + $(this).css({'background-color':' #e24f46','color':'white','border-radius': + '5px'}); +} +function showpm() { + $('.personal-msg-frame').css('display','block'); + $('.change-pw-frame').css('display','none'); +} +function showpw() { + $('.personal-msg-frame').css('display','none'); + $('.change-pw-frame').css('display','block'); +} +function isEmpty(e) +{ + var isem=false; + $('.pw-input-style').each(function () { + if($(this).val().length<=0) + { + e.preventDefault(); + alert($(this).attr('name')+'不能为空'); + isem=true; + return false; + } + } + ) + if($('.pw-input-style').eq(1).val()!=$('.pw-input-style').eq(2) + .val()&&!isem) + { + e.preventDefault(); + alert('两次密码不同'); + return false; + } +} \ No newline at end of file diff --git a/web/personal-setting.jsp b/web/personal-setting.jsp new file mode 100644 index 0000000..fc07a3a --- /dev/null +++ b/web/personal-setting.jsp @@ -0,0 +1,56 @@ +<%-- + Created by IntelliJ IDEA. + User: lenovo + Date: 2019/1/9 + Time: 23:33 + To change this template use File | Settings | File Templates. +--%> +<%@ page contentType="text/html;charset=UTF-8" language="java" %> + + + + + + 个人信息 + + +
+ +
+
+
    +
  • 个人信息
    • +
  • 修改密码
    • +
+
+
+
+
姓名
+
+
+
id
+
+
+
邮箱
+
+
+
电话号码
+
+
+
+
+ + + + +
+
+ +
+
+ + +