peihaoyu/E-Buy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
裴浩宇 2020-01-14 11:19:12 +08:00
parent b48a666226
commit f1dbfabe13
29 changed files with 1116 additions and 270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/main/java/com/phy/ebuy/controller/EbuyController.java
View File

@ -16,12 +16,63 @@ public class EbuyController {
@Autowired
private EbuyService ebuyService;
/**
* 页面跳转
* @return 裴浩宇
*/
//跳转登录页面
@RequestMapping("/login")
public String login() {
return "/login.html";
}
//跳转到注册页面
@RequestMapping("/register")
public String register() {
return "register.html";
}
//主页页面
@RequestMapping("/index")
public String head() {
return "/index.html";
}
//中间内容页面
@RequestMapping("/middle")
public String index() {
return "/middle.html";
}
//账户管理页面
@RequestMapping("/account")
public String account() {
return "/account.html";
}
//账户管理-个人首页页面
@RequestMapping("/personalHomepage")
public String personalHomepage() {
return "/personalHomepage.html";
}
//账户管理-账户设置页面
@RequestMapping("/accountSettings")
public String accountSettings() {
return "/accountSettings.html";
}
//账户管理-消息页面
@RequestMapping("/message")
public String message() {
return "/message.html";
}
//验证登录
@ResponseBody
@RequestMapping("/verifyLogin")
@ -40,12 +91,6 @@ public class EbuyController {
return result;
}
//跳转到注册页面
@RequestMapping("/register")
public String register() {
return "register.html";
}
//注册提交
@RequestMapping("/registerSub")
@ResponseBody
@ -63,9 +108,5 @@ public class EbuyController {
return result;
}
//跳转到主页面
@RequestMapping("/index")
public String index() {
return "index.html";
}
}

31
src/main/webapp/WEB-INF/view/account.css Normal file
View File

@ -0,0 +1,31 @@
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
display: flex;
flex-direction:column;
}
.head{
height: 5em;
padding: 0 10%;
background: #17b5fe;
}
.head .my-logo{
height: 100%;
width: 15%;
background-image: url("../img/my-logo.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.iframe-middle{
height: calc(100% - 5em);
}

18
src/main/webapp/WEB-INF/view/account.html Normal file
View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>账户管理</title>
<link rel="stylesheet" href="../../static/css/account.css">
</head>
<body>
<div class="head">
<div class="my-logo"></div>
<div class="my-tab"></div>
<div class="search"></div>
</div>
<iframe src="/ebuy/personalHomepage" class="iframe-middle" frameborder="0"></iframe>
</body>
<script src="../../static/js/account.js"></script>
</html>

16
src/main/webapp/WEB-INF/view/accountSettings.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>账户设置</title>
<link rel="stylesheet" href="../../static/css/accountSettings.css">
<link rel="shortcut icon" type="image/x-icon" href="../../static/img/favicon.ico" rel="external nofollow" />
<link rel="stylesheet" href="../../static/layui/css/layui.css">
<script src="../../static/layui/layui.all.js"></script>
</head>
<body>
</body>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/js/jquery-1.12.2.js"></script>
</html>

298
src/main/webapp/WEB-INF/view/index.html
View File

@ -9,241 +9,99 @@
<script src="../../static/layui/layui.all.js"></script>
</head>
<body>
<div class="head">
<div class="content">
<div class="not-login-information">
<div class="login-text"><a href="/ebuy/login">亲,请登录</a></div>
<div class="register-text"><a href="/ebuy/register">免费注册</a></div>
</div>
<div class="login-information">
<div class="login-text">
<span class="login-text-username"></span>
<i id="icon1" class="layui-icon layui-icon-triangle-d"></i>
<div class="personInfo">
<div class="function">
<div class="account-management">账户管理</div>
<div class="sign-out">退出</div>
</div>
<div class="info">
<div class="head-portrait"></div>
<div class="grade">
<div class="ebuy-grade">BUY能量:222</div>
<div class="membership-level">普通会员</div>
</div>
<div class="more-equity">查看你的专属权益</div>
</div>
<div class="head">
<div class="content">
<div class="not-login-information">
<div class="login-text"><a href="/ebuy/login">亲,请登录</a></div>
<div class="register-text"><a href="/ebuy/register">免费注册</a></div>
</div>
<div class="login-information">
<div class="login-text">
<span class="login-text-username"></span>
<i id="icon1" class="layui-icon layui-icon-triangle-d"></i>
<div class="personInfo">
<div class="function">
<div class="account-management">账户管理</div>
<div class="sign-out">退出</div>
</div>
</div>
<div class="news">
<div class="news-photo"></div>
<span>消息</span>
<span class="news-number">3</span>
<i id="icon2" class="layui-icon layui-icon-triangle-d"></i>
<div class="news-content">
<div class="one-news">
双12活动来临!
</div>
<div class="one-news">
速备年货!
</div>
<div class="one-news">
除夕全家福!
<div class="info">
<div class="head-portrait"></div>
<div class="grade">
<div class="ebuy-grade">BUY能量:222</div>
<div class="membership-level">普通会员</div>
</div>
<div class="more-equity">查看你的专属权益</div>
</div>
</div>
</div>
<div class="function">
<div class="cart">
<a href="">
<div class="cart-photo"></div>
<div class="news">
<div class="news-photo"></div>
<span>消息</span>
<span class="news-number">3</span>
<i id="icon2" class="layui-icon layui-icon-triangle-d"></i>
<div class="news-content">
<div class="one-news">
双12活动来临!
</div>
<div class="one-news">
速备年货!
</div>
<div class="one-news">
除夕全家福!
</div>
</div>
</div>
</div>
<div class="function">
<div class="cart">
<a >
<div class="cart-photo"></div>
购物车
<span class="cart-number">1</span>
</a>
<i id="icon3" class="layui-icon layui-icon-triangle-d"></i>
<div class="cart-content">
<span>最近加入的宝贝：</span>
<div class="commodity">
<div class="one-commodity">
<div class="commodity-photo"></div>
<div class="commodity-name">电水壶家用大容量自动断电保温一体电热水壶茶壶不锈钢电壶烧水壶</div>
<div class="price-delete">
<div class="commodity-price">￥220.0</div>
<div class="commodity-delete">删除</div>
</div>
<span class="cart-number">1</span>
</a>
<i id="icon3" class="layui-icon layui-icon-triangle-d"></i>
<div class="cart-content">
<span>最近加入的宝贝：</span>
<div class="commodity">
<div class="one-commodity">
<div class="commodity-photo"></div>
<div class="commodity-name">电水壶家用大容量自动断电保温一体电热水壶茶壶不锈钢电壶烧水壶</div>
<div class="price-delete">
<div class="commodity-price">￥220.0</div>
<div class="commodity-delete">删除</div>
</div>
</div>
<hr>
<span class="cart-bottom-text">购物车里还有21件宝贝</span>
<br>
<button class="cart-but">查看我的购物车</button>
</div>
<hr>
<span class="cart-bottom-text">购物车里还有21件宝贝</span>
<br>
<button class="cart-but">查看我的购物车</button>
</div>
<div class="collection">
<i id="icon6" class="layui-icon layui-icon-rate"></i>
<a href="">收藏夹 </a>
<!--<i id="icon4" class="layui-icon layui-icon-triangle-d"></i>-->
</div>
<div class="set-up-shop">
<div class="shop-photo"></div>
<a href="">免费开店 </a>
</div>
<div class="business">
<div class="shop-photo"></div>
<a href="">我的店铺 </a>
</div>
<div class="service">
<div class="service-photo"></div>
<a href="">联系客服 </a></div>
</div>
<div class="collection">
<i id="icon6" class="layui-icon layui-icon-rate"></i>
<a >收藏夹 </a>
<!--<i id="icon4" class="layui-icon layui-icon-triangle-d"></i>-->
</div>
<div class="set-up-shop">
<div class="shop-photo"></div>
<a >免费开店 </a>
</div>
<div class="business">
<div class="shop-photo"></div>
<a >我的店铺 </a>
</div>
<div class="service">
<div class="service-photo"></div>
<a >联系客服 </a></div>
</div>
</div>
<div class="middle">
<div class="box">
<div class="search">
<div class="search-log">
<div class="log"></div>
</div>
<div class="search-box">
<div class="search-box-box">
<input type="text" class="search-box-input" placeholder="请输入搜索的宝贝">
<div class="search-text">搜索</div>
</div>
</div>
<div class="search-blank"></div>
</div>
<div class="strip"></div>
<div class="navigation-carousel-person">
<div class="navigation">
<ul>
<li>
<a href="">女装</a> / <a href="">男装</a> / <a href="">内衣</a><i class="layui-icon layui-icon-right"></i>
<div id="li-1" class="li-content" style="display: inline;">
<div class="three-type">
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
</div>
<div class="you-like">
<sqan>猜你喜欢</sqan>
<div class="photo">
</div>
</div>
</div>
</li>
<li>
<a href="">鞋靴</a> / <a href="">箱包</a> / <a href="">配件</a><i class="layui-icon layui-icon-right"></i>
<div id="li-2" class="li-content"></div>
</li>
<li>
<a href="">童装玩具</a> / <a href="">孕产</a> / <a href="">用品</a><i class="layui-icon layui-icon-right"></i>
<div id="li-3" class="li-content"></div>
</li>
<li>
<a href="">家电</a> / <a href="">数码</a> / <a href="">手机</a><i class="layui-icon layui-icon-right"></i>
<div id="li-4" class="li-content"></div>
</li>
<li>
<a href="">美妆</a> / <a href="">洗护</a> / <a href="">保健品</a><i class="layui-icon layui-icon-right"></i>
<div id="li-5" class="li-content"></div>
</li>
<li>
<a href="">运动</a> / <a href="">户外</a> / <a href="">乐器</a><i class="layui-icon layui-icon-right"></i>
<div id="li-6" class="li-content"></div>
</li>
<li>
<a href="">游戏</a> / <a href="">动漫</a> / <a href="">影视</a><i class="layui-icon layui-icon-right"></i>
<div id="li-7" class="li-content"></div>
</li>
<li>
<a href="">美食</a> / <a href="">生鲜</a> / <a href="">零食</a><i class="layui-icon layui-icon-right"></i>
<div id="li-8" class="li-content"></div>
</li>
<li>
<a href="">家具</a> / <a href="">家饰</a> / <a href="">家纺</a><i class="layui-icon layui-icon-right"></i>
<div id="li-9" class="li-content"></div>
</li>
<li>
<a href="">百货</a> / <a href="">餐厨</a> / <a href="">家庭保健</a><i class="layui-icon layui-icon-right"></i>
<div id="li-10" class="li-content"></div>
</li>
</ul>
</div>
<div class="carousel"></div>
<div class="person"></div>
</div>
</div>
</div>
<div class="bottom">
</div>
</div>
<iframe src="/ebuy/middle" class="iframe-middle" frameborder="0"></iframe>
</body>
<script src="../../static/js/jquery-1.12.2.js"></script>
<script src="../../static/js/index.js"></script>
<script src="../../static/layui/layui.js"></script>
</html>

16
src/main/webapp/WEB-INF/view/message.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>消息</title>
<link rel="stylesheet" href="../../static/css/message.css">
<link rel="shortcut icon" type="image/x-icon" href="../../static/img/favicon.ico" rel="external nofollow" />
<link rel="stylesheet" href="../../static/layui/css/layui.css">
<script src="../../static/layui/layui.all.js"></script>
</head>
<body>
</body>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/js/jquery-1.12.2.js"></script>
</html>

421
src/main/webapp/WEB-INF/view/middle.html Normal file
View File

@ -0,0 +1,421 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>E-BUY - 买你想买</title>
<link rel="shortcut icon" type="image/x-icon" href="../../static/img/favicon.ico" rel="external nofollow" />
<link rel="stylesheet" href="../../static/css/index.css">
<link rel="stylesheet" href="../../static/layui/css/layui.css">
<script src="../../static/layui/layui.all.js"></script>
</head>
<body>
<div class="middle">
<div class="box">
<div class="search">
<div class="search-log">
<div class="log"></div>
</div>
<div class="search-box">
<div class="search-box-box">
<input type="text" class="search-box-input" placeholder="请输入搜索的宝贝">
<div class="search-text">搜索</div>
</div>
</div>
<div class="search-blank"></div>
</div>
<div class="strip">
<div class="left">
<span>主题市场</span>
</div>
<div class="right"></div>
</div>
<div class="navigation-carousel-person">
<div class="navigation">
<ul>
<li>
<a href="https://www.taobao.com/markets/nvzhuang/taobaonvzhuang?spm=a21bo.2017.201867-main.1.5af911d91VIWuw">女装</a> / <a href="">男装</a> / <a href="">内衣</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">鞋靴</a> / <a href="">箱包</a> / <a href="">配件</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">童装玩具</a> / <a href="">孕产</a> / <a href="">用品</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">家电</a> / <a href="">数码</a> / <a href="">手机</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">美妆</a> / <a href="">洗护</a> / <a href="">保健品</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">运动</a> / <a href="">户外</a> / <a href="">乐器</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">游戏</a> / <a href="">动漫</a> / <a href="">影视</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">美食</a> / <a href="">生鲜</a> / <a href="">零食</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">家具</a> / <a href="">家饰</a> / <a href="">家纺</a><i class="layui-icon layui-icon-right"></i>
</li>
<li>
<a href="">百货</a> / <a href="">餐厨</a> / <a href="">家庭保健</a><i class="layui-icon layui-icon-right"></i>
</li>
</ul>
</div>
<div class="carousel">
<div class="layui-carousel" id="rotation-chart">
<div carousel-item>
<div id="carousel-photo-1" class="carousel-photo"></div>
<div id="carousel-photo-2" class="carousel-photo"></div>
<div id="carousel-photo-3" class="carousel-photo"></div>
<div id="carousel-photo-4" class="carousel-photo"></div>
<div id="carousel-photo-5" class="carousel-photo"></div>
</div>
</div>
<div id="li-1" class="li-content">
<div class="three-type">
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
</div>
<div class="you-like">
<sqan>猜你喜欢</sqan>
<div class="photo">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
</div>
</div>
</div>
<div id="li-2" class="li-content"></div>
<div id="li-3" class="li-content">
<div class="three-type">
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
<div class="type-1">
<div class="title">
<span>女装</span>
<div class="more">
更多
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="type-content">
<span>羽绒服</span>
<span>棉衣棉服</span>
<span>毛呢大衣</span>
<span>毛衣针织</span>
<span>卫衣绒衫</span>
<span>皮衣皮草</span>
<span>裤裙</span>
<span>衬衫</span>
<span>半身裙</span>
<span>汉服</span>
</div>
</div>
</div>
<div class="you-like">
<sqan>猜你喜欢</sqan>
<div class="photo">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
<div class="photo-one">
<div class="photo-one">
<div class="photo-1">
</div>
<span>AngelFields公主风睡裙纯棉宫廷睡衣全棉复古连衣裙家居服</span>
</div>
</div>
</div>
</div>
</div>
<div id="li-4" class="li-content"></div>
<div id="li-5" class="li-content"></div>
<div id="li-6" class="li-content"></div>
<div id="li-7" class="li-content"></div>
<div id="li-8" class="li-content"></div>
<div id="li-9" class="li-content"></div>
<div id="li-10" class="li-content"></div>
</div>
<div class="person">
<div class="person-person">
<div class="head-portrait">
<div class="photo"></div>
</div>
<div class="person-name">
<span>帅气的娃哈哈</span>
</div>
<div class="order">
<div class="receiving">
<div class="receiving-num">5</div>
<span>待收货</span>
</div>
<div class="deliver">
<div class="deliver-num">8</div>
<span>待发货</span>
</div>
<div class="payment">
<div class="payment-num">45</div>
<span>待付款</span>
</div>
<div class="evaluate">
<div class="evaluate-num">12</div>
<span>待评价</span>
</div>
</div>
</div>
<a href="http://report.12377.cn:13225/toreportinputNormal_anis.do?spm=a21bo.2017.0.0.5af911d9fVA7oD&file=toreportinputNormal_anis.do" target="view_window">
<div class="person-report">
<span>网上有害信息举报专区</span>
<i class="layui-icon layui-icon-triangle-r"></i>
</div>
</a>
<div class="teb">
<div class="layui-tab layui-tab-brief">
<ul class="layui-tab-title">
<li class="layui-this">公告</li>
<li>规则</li>
<li>论坛</li>
<li>安全</li>
<li>公益</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<span>E-BUY造物节之城市秘密</span><br>
<span>聚划算88红包省钱卡</span>
</div>
<div class="layui-tab-item">
<span>新增《E-BUY网汽配行业管理规范》公示通知</span><br>
<span>《E-BUY网区域零售服务说明》变更公示通知</span>
</div>
<div class="layui-tab-item">
<span>E-BUY1212大促招商</span><br>
<span>在线职业培训</span>
</div>
<div class="layui-tab-item">
<span>魔豆妈妈公益项目</span><br>
<span>让母爱永不打烊！</span>
</div>
<div class="layui-tab-item">
<span>E-BUY公益平台正式更名</span><br>
<span>益起来商家招募即将截</span>
</div>
</div>
</div>
</div>
<div class="cooperation">
<div class="title">
<span>合作APP</span>
<div class="more">
<span>更多</span>
<i class="layui-icon layui-icon-right"></i>
</div>
</div>
<div class="app-logo">
<div id="app-logo-1" class="app-logo-one"></div>
<div id="app-logo-2" class="app-logo-one"></div>
<div id="app-logo-3" class="app-logo-one"></div>
<div id="app-logo-4" class="app-logo-one"></div>
<div id="app-logo-5" class="app-logo-one"></div>
</div>
</div>
</div>
</div>
<div class="box-bottom"></div>
</div>
<div class="middle-botto">
</div>
</div>
<div class="bottom">
</div>
</body>
<script src="../../static/js/jquery-1.12.2.js"></script>
<script src="../../static/js/index.js"></script>
<script src="../../static/layui/layui.js"></script>
</html>

16
src/main/webapp/WEB-INF/view/personalHomepage.html Normal file
View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人首页</title>
<link rel="stylesheet" href="../../static/css/personalHomepage.css">
<link rel="shortcut icon" type="image/x-icon" href="../../static/img/favicon.ico" rel="external nofollow" />
<link rel="stylesheet" href="../../static/layui/css/layui.css">
<script src="../../static/layui/layui.all.js"></script>
</head>
<body>
</body>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/js/jquery-1.12.2.js"></script>
</html>

21
src/main/webapp/static/css/account.css Normal file
View File

@ -0,0 +1,21 @@
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
display: flex;
flex-direction:column;
}
.head{
height: 5em;
}
.iframe-middle{
height: calc(100% - 5em);
}

13
src/main/webapp/static/css/accountSettings.css Normal file
View File

@ -0,0 +1,13 @@
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
}

306
src/main/webapp/static/css/index.css
View File

@ -11,12 +11,13 @@ body{
height: 100%;
display: flex;
flex-direction:column;
overflow: hidden;
}
.head{
background: rgb(245,245,245);
flex: 1;
/*flex: 1;*/
width: 100%;
height: 3em;
}
.head .content{
@ -166,7 +167,6 @@ body{
position: absolute;
padding: 1em;
top: 3em;
margin-left: -110px;
border: 1px solid rgb(238,238,238);
overflow: auto;
color: black;
@ -188,7 +188,7 @@ body{
background: white;
}
.head .content .function .cart{
margin-right: 2em;
padding: 0 1em;
cursor: pointer;
}
.head .content .function .cart .cart-photo{
@ -218,7 +218,6 @@ body{
color: black;
font-weight: bold;
overflow: auto;
margin-left: -102px;
}
.head .content .function .cart .cart-content span{
color: black;
@ -232,7 +231,8 @@ body{
}
.head .content .function .cart .cart-content .commodity .one-commodity .commodity-photo{
flex:1;
background:url("../img/chufang01.jpg") no-repeat;
background:url("../img/chufang01.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
height: 100%;
@ -281,16 +281,16 @@ body{
float: right;
}
.head .content .function .collection{
margin-right: 2em;
padding: 0 1em;
cursor: pointer;
}
.head .content .function .set-up-shop{
margin-right: 2em;
padding: 0 1em;
cursor: pointer;
}
.head .content .function .business{
display: none;
margin-right: 2em;
padding: 0 1em;
cursor: pointer;
}
.head .content .function .shop-photo{
@ -306,7 +306,7 @@ body{
color: rgb(23,181,254);
}
.head .content .function .service{
margin-right: 2em;
padding: 0 1em;
cursor: pointer;
}
.head .content .function .service .service-photo{
@ -334,7 +334,8 @@ body{
color: rgb(23,181,254);
}
.middle{
background: url("../img/background2.jpg") no-repeat;
background: url("../img/background2.jpg");
background-repeat: no-repeat;
background-size:100% 100%;
flex: 18;
display: flex;
@ -406,6 +407,20 @@ body{
height: 40px;
width: 100%;
background: rgb(23,181,254);
display: flex;
}
.middle .box .strip .left{
height: 100%;
width: 18.34%;
color: #fff;
font-weight: bold;
font-size: 1.5em;
text-align: center;
line-height: 2em;
background: rgb(0,120,215);
}
.middle .box .strip .right{
}
.middle .box .navigation-carousel-person{
width: 100%;
@ -441,68 +456,301 @@ body{
float: right;
text-decoration: none;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content{
.middle .box .navigation-carousel-person .carousel .li-content{
display: none;
height: 65%;
width: 43.5%;
border: 2px solid rgb(130,200,250);
position: absolute;
top: 30.1%;
left: 24.6%;
color: black;
text-decoration: none;
background: white;
padding: 1em;
width: 100%;
height: 93.8%;
transform: translateY(-100%);
}
.middle .box .navigation-carousel-person .navigation ul li .li-content :hover{
.middle .box .navigation-carousel-person .carousel .li-content :hover{
color: black;
text-decoration: none;
background: white;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type{
.middle .box .navigation-carousel-person .carousel .li-content .three-type{
height: 100%;
width: 60%;
width: 58%;
border-right: 1px solid rgb(224,224,224) ;
display: flex;
flex-direction: column;
padding-right: 1em;
float: left;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1{
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1{
flex: 1;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1 .title{
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1 .title{
font-weight: bold;
height: 2em;
font-size: 1.2em;
line-height: 2em;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1 .title :hover{
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1 .title :hover{
color: rgb(23,181,254);
cursor: pointer;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1 .title .more{
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1 .title .more{
font-size: 0.9em;
font-weight: normal;
float: right;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1 .type-content{
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1 .type-content{
font-size: 0.9em;
}.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1 .type-content :hover{
margin-top: 0.5em;
}
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1 .type-content :hover{
cursor: pointer;
}
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .three-type .type-1 .type-content span{
.middle .box .navigation-carousel-person .carousel .li-content .three-type .type-1 .type-content span{
margin-right: 1em;
white-space:nowrap;
}
.middle .box .navigation-carousel-person .navigation ul li .li-content .you-like{
.middle .box .navigation-carousel-person .carousel .li-content .you-like{
height: 100%;
width: 37%;
float: right;
text-align: center;
margin-right: -0.4em;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo{
display: flex;
width: 100%;
height: 89%;
flex-flow: row wrap;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one{
flex: 1 40%;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one :hover{
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one:nth-child(2n){
margin-left: 10px;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one:nth-child(n+3){
margin-top: 10px;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one .photo-1{
background: url(../img/commodity/test.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
height: 6.5em;
margin: 0 auto;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one .photo-1:hover{
cursor: pointer;
color: rgb(23,181,254);
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one span{
overflow: hidden;
width: 8em;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 auto;
}
.middle .box .navigation-carousel-person .carousel .li-content .you-like .photo .photo-one span:hover{
cursor: pointer;
color: rgb(23,181,254);
}
.middle .box .navigation-carousel-person .carousel{
flex: 3;
}
.middle .box .navigation-carousel-person .carousel #rotation-chart{
height: 100% !important;
width: 100% !important;
padding: 1em;
box-sizing: border-box;
}
.middle .box .navigation-carousel-person .carousel #rotation-chart #carousel-photo-1{
background: url("../img/carousel/carousel1.jpg");
background-repeat: no-repeat;
background-size: 100% 90%;
background-position: center;
cursor: pointer;
}
.middle .box .navigation-carousel-person .carousel #rotation-chart #carousel-photo-2{
background: url("../img/carousel/carousel2.jpg");
background-repeat: no-repeat;
background-size: 100% 90%;
background-position: center;
cursor: pointer;
}
.middle .box .navigation-carousel-person .carousel #rotation-chart #carousel-photo-3{
background: url("../img/carousel/carousel3.jpg");
background-repeat: no-repeat;
background-size: 100% 90%;
background-position: center;
cursor: pointer;
}
.middle .box .navigation-carousel-person .carousel #rotation-chart #carousel-photo-4{
background: url("../img/carousel/carousel4.jpg");
background-repeat: no-repeat;
background-size: 100% 90%;
background-position: center;
cursor: pointer;
}
.middle .box .navigation-carousel-person .carousel #rotation-chart #carousel-photo-5{
background: url("../img/carousel/carousel5.jpg");
background-repeat: no-repeat;
background-size: 100% 90%;
background-position: center;
cursor: pointer;
}
.middle .box .navigation-carousel-person .person{
flex: 1.5;
display: flex;
flex-direction: column;
}
.middle .box .navigation-carousel-person .person .person-person{
flex: 4;
display: flex;
flex-direction: column;
}
.middle .box .navigation-carousel-person .person .person-person .head-portrait{
flex: 4;
}
.middle .box .navigation-carousel-person .person .person-person .head-portrait .photo{
height: 80%;
width: 26%;
margin: 0.5em auto;
background: url(../img/E.png);
background-repeat: no-repeat;
background-size: 90% 100%;
cursor: pointer;
}
.middle .box .navigation-carousel-person .person .person-person .person-name{
flex: 1;
text-align: center;
line-height: 2em;
cursor: pointer;
}
.middle .box .navigation-carousel-person .person .person-person .order{
flex: 3;
display: flex;
}
.middle .box .navigation-carousel-person .person .person-person .order div{
flex: 1;
text-align: center;
padding-top: 0.5em;
cursor: pointer;
}
.middle .box .navigation-carousel-person .person .person-person .order div div{
font-weight: bold;
color: rgb(23,181,254);
font-size: 1.2em;
}
.middle .box .navigation-carousel-person .person .person-report{
background: rgb(222,238,253);
color: rgb(23,181,254);
text-align: center;
line-height: 2em;
box-sizing: border-box;
}
.middle .box .navigation-carousel-person .person a{
}
.middle .box .navigation-carousel-person .person .teb{
flex: 3;
}
.middle .box .navigation-carousel-person .person .cooperation{
flex: 2;
padding: 1em;
}
.middle .box .navigation-carousel-person .person .cooperation .title{
line-height: 2em;
}
.middle .box .navigation-carousel-person .person .cooperation span {
font-weight: bold;
}
.middle .box .navigation-carousel-person .person .cooperation .more{
float: right;
}
.middle .box .navigation-carousel-person .person .cooperation .more:hover{
color: rgb(23,181,254);
cursor: pointer;
}
.middle .box .navigation-carousel-person .person .cooperation .more span{
font-weight: normal;
font-size: 0.9em;
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo{
display: flex;
height: calc(100% - 1em);
padding: 1em;
box-sizing: border-box;
width: 100%;
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo .app-logo-one{
flex: 1;
background-repeat: no-repeat!important;
background-size: 90% 80%!important;
background-position: center!important;
cursor: pointer!important;
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo #app-logo-1{
background: url("../img/app/app1.png");
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo #app-logo-2{
background: url("../img/app/app2.png");
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo #app-logo-3{
background: url("../img/app/app3.png");
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo #app-logo-4{
background: url("../img/app/app4.png");
}
.middle .box .navigation-carousel-person .person .cooperation .app-logo #app-logo-5{
background: url("../img/app/app5.png");
}
.middle .box .box-bottom{
height: 5em;
}
.middle .middle-botto{
height: 10em;
}
.layui-tab-brief>.layui-tab-title .layui-this{
color: rgb(23,181,254)!important;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
border-bottom: 3px solid rgb(23,181,254) !important;
}
.layui-tab-title li{
min-width: 0px!important;
width: 11%;
}
.layui-tab{
padding-left: 1em;
padding-right: 2em;
}
.layui-tab-content span{
display: inline-block;
margin-top: 0.5em;
overflow: hidden;
max-width: 18em;
white-space: nowrap;
}
.layui-tab-content .layui-tab-item :hover{
color: rgb(23,181,254);
cursor: pointer;
}
.iframe-middle{
width: 100%;
height: calc(100% - 3em);
}

13
src/main/webapp/static/css/message.css Normal file
View File

@ -0,0 +1,13 @@
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
}

13
src/main/webapp/static/css/personalHomepage.css Normal file
View File

@ -0,0 +1,13 @@
*{
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
}

BIN
src/main/webapp/static/img/app/app1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
src/main/webapp/static/img/app/app2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/main/webapp/static/img/app/app3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/main/webapp/static/img/app/app4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
src/main/webapp/static/img/app/app5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/main/webapp/static/img/carousel/carousel1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
src/main/webapp/static/img/carousel/carousel2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
src/main/webapp/static/img/carousel/carousel3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
src/main/webapp/static/img/carousel/carousel4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
src/main/webapp/static/img/carousel/carousel5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
src/main/webapp/static/img/commodity/test.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/main/webapp/static/img/my-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

1
src/main/webapp/static/js/account.js Normal file
View File

@ -0,0 +1 @@
$(".iframe-middle").attr("src",localStorage.getItem("accountIframe"))

133
src/main/webapp/static/js/index.js
View File

@ -1,6 +1,6 @@
//打开个人信息
function openPersonInfo() {
$(".personInfo").css("display","inline");
$(".personInfo").css("display","block");
};
//关闭个人信息
function closePersonInfo() {
@ -8,7 +8,7 @@ function closePersonInfo() {
};
//打开消息
function openPersonInfo1() {
$(".news-content").css("display","inline");
$(".news-content").css("display","block");
};
//关闭消息
function closePersonInfo1() {
@ -16,22 +16,133 @@ function closePersonInfo1() {
};
//打开购物车
function openPersonInfo2() {
$(".cart-content").css("display","inline");
$(".cart-content").css("display","block");
};
//关闭购物车
function closePersonInfo2() {
$(".cart-content").css("display","none");
};
layui.use(['layer',"jquery","element"], function() {
//打开商品分类
function openPersonInfoLi1() {
$("#li-1").css("display","block");
};
function openPersonInfoLi2() {
$("#li-2").css("display","block");
};
function openPersonInfoLi3() {
$("#li-3").css("display","block");
};
function openPersonInfoLi4() {
$("#li-4").css("display","block");
};
function openPersonInfoLi5() {
$("#li-5").css("display","block");
};
function openPersonInfoLi6() {
$("#li-6").css("display","block");
};
function openPersonInfoLi7() {
$("#li-7").css("display","block");
};
function openPersonInfoLi8() {
$("#li-8").css("display","block");
};
function openPersonInfoLi9() {
$("#li-9").css("display","block");
};
function openPersonInfoLi10() {
$("#li-10").css("display","block");
};
//关闭商品分类
function closePersonInfoLi1() {
$("#li-1").css("display","none");
};
function closePersonInfoLi2() {
$("#li-2").css("display","none");
};
function closePersonInfoLi3() {
$("#li-3").css("display","none");
};
function closePersonInfoLi4() {
$("#li-4").css("display","none");
};
function closePersonInfoLi5() {
$("#li-5").css("display","none");
};
function closePersonInfoLi6() {
$("#li-6").css("display","none");
};
function closePersonInfoLi7() {
$("#li-7").css("display","none");
};
function closePersonInfoLi8() {
$("#li-8").css("display","none");
};
function closePersonInfoLi9() {
$("#li-9").css("display","none");
};function closePersonInfoLi10() {
$("#li-10").css("display","none");
};
//待完善内容
$(".layui-tab-item span").on("click",function () {
layer.msg("功能正在完善,请联系管理员:15006732580!")
})
$(".app-logo-one").on("click",function () {
layer.msg("功能正在完善,请联系管理员:15006732580!")
})
$(".more-equity").on("click",function () {
layer.msg("功能正在完善,请联系管理员:15006732580!")
})
//log去首页
$(".middle .log").on("click",function () {
window.location.href="/ebuy/index";
})
//用户退出
$(".sign-out").on("click",function () {
layer.confirm('确认退出?', function(index){
localStorage.setItem("userInfo","");
location.reload();
layer.close(index);
});
})
//跳转到账户管理
$(".account-management").on("click",function () {
$(".iframe-middle").attr("src","/ebuy/account");
localStorage.setItem("accountIframe","accountSettings");
})
layui.use(['layer',"jquery","element","carousel"], function() {
const layer = layui.layer
,$ = layui.jquery
,element = layui.element;
,element = layui.element
,carousel = layui.carousel;
/*//悬停选择Tab
$(".layui-tab-title li").hover(function(){
var $i=$(this).index();
$(this).addClass("layui-this").siblings().removeClass("layui-this");
$(".layui-tab-content .layui-tab-item").eq($i).addClass("layui-show").siblings().removeClass("layui-show");
});*/
//轮播图
carousel.render({
elem: '#rotation-chart'
,width: '100%' //设置容器宽度
,arrow: 'always' //始终显示箭头
// ,anim: 'updown' //切换动画方式
});
//判断登录
let userInfo = JSON.parse(localStorage.getItem("userInfo"));
console.log(userInfo);
if (userInfo.user_name != "" || userInfo.user_name != null){
$(".login-information").css("display","inline");
$(".login-information").css("display","block");
$(".not-login-information").css("display","none");
$(".login-text-username").html(userInfo.nick_name);
@ -47,10 +158,18 @@ layui.use(['layer',"jquery","element"], function() {
$(".cart").attr("onmouseover","openPersonInfo2()");
$(".cart").attr("onmouseout","closePersonInfo2()");
//商品分类
for (let i = 0; i < 10; i++) {
$(".navigation ul").children().eq(i).attr("onmouseover","openPersonInfoLi"+(i+1)+"()");
$(".navigation ul").children().eq(i).attr("onmouseout","closePersonInfoLi"+(i+1)+"()");
$("#li-"+(i+1)).attr("onmouseover","openPersonInfoLi"+(i+1)+"()");
$("#li-"+(i+1)).attr("onmouseout","closePersonInfoLi"+(i+1)+"()");
}
//判断是否商家
if (userInfo.user_type == "01") {
$(".set-up-shop").css("display","none");
$(".business").css("display","inline");
$(".business").css("display","block");
}
}

2
src/main/webapp/static/js/login.js
View File

@ -50,10 +50,8 @@ layui.use(['layer',"jquery"], function() {
//回车登录
$("body").keydown(function () {
if (window.event.keyCode==13) {
//如果发生了按下回车键事件，回车键对应的编号是13
$(".login-btu").trigger("click"); //则激活登录按钮的click事件
}
});

5
src/main/webapp/static/js/register.js
View File

@ -33,7 +33,10 @@ layui.use(['layer',"jquery"], function() {
success:function (data) {
if (data.count > 0) {
layer.msg("注册成功");
window.location.href="/ebuy/login";
setTimeout(registerSuccess,1000);
function registerSuccess() {
window.location.href="/ebuy/login";
}
} else {
layer.msg("手机号已被注册或用户名重复!");
}