一、系统简介
本项目采用idea工具开发,jsp+spring+spring-mvc+mybatis+jquery技术编写,数据库采用的是mysql,navicat开发工具。
系统一共分为3个角色分别是:管理员,用户,商家
二、模块简介
管理员
1、登录
2、用户管理
3、商家管理
4、商品分类管理
5、广告分类管理
6、求购帖子分类管理
7、商品信息管理
8、广告信息管理
9、求购帖子管理
10、订单信息管理
11、订单提现管理
商家
1、登录
2、个人信息管理
3、商品信息管理
4、广告信息管理
5、订单信息管理
6、订单提现管理
用户
1、登录注册
2、浏览物品大厅
3、查看物品详情
4、加入购物车
5、收藏商品
6、评论商品
7、下单物品
8、查看求购帖子
9、查看广告
10、个人信息管理
11、收藏记录管理
12、订单信息管理
13、推荐物品
项目简介
难度等级:✩✩✩
用户类型:3角色(管理员,用户,商家)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:HTML、CSS、JS、JQuery等
后端技术:JSP、ssm框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用idea开发,仅支持idea运行,不支持MyEclipse和eclipse运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用eclipse运行,需要转换!!!!)
数 据 库:MySQL5.5/5.7/8.0版本
运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架:是
数据库表数量:17张表
JSP页面数量:40多张
是否有分页:有分页
相关截图
相关代码
登录
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 校园二手平台系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/admin.css">
<link rel="stylesheet" type="text/css" href="<%=path %>/resource/layui/css/login.css">
</head>
<style>
body{
background-image:url(<%=path %>/resource/back.jpeg) ;/*插入的背景图片的url
background-attachment: fixed;/*背景图片不会固定不会因页面滚动而重复*/
background-repeat: no-repeat;/*使图片不管任何大小都不会重复*/
background-size: 100%;/*改变背景图的长和宽*/
}
</style>
<body >
<form method="post" onSubmit="return tijiao(this)" id="loginForm" name="loginForm">
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
<div class="layadmin-user-login-main">
<div class="layadmin-user-login-box layadmin-user-login-header">
<h2> 校园二手平台登陆</h2>
</div>
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-username" ></label>
<input type="text" name="username" lay-verify="username" id="username" placeholder="用户名" class="layui-input">
</div>
<div class="layui-form-item">
<label class="layadmin-user-login-icon layui-icon layui-icon-password" ></label>
<input type="password" name="password" lay-verify="password" id="password" placeholder="密码" class="layui-input">
</div>
<div class="layui-form-item" style="align:center;">
   
<select name="type" id="type" >
<option value="0">请选择角色</option>
<option value="1">管理员</option>
<option value="2">用户</option>
<option value="3">商家</option>
</select>
</div>
<div class="layui-form-item">
<!-- <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-reg-submit">注 册</button> -->
<button type="button" id="denglu" class="layui-btn layui-btn-fluid">登陆</button>
</div>
<%-- <div class="layui-form-item">
<button type="button" id="mj" style="width: 100%" class="layui-btn layui-btn-normal">商家注册</button>
</div>--%>
<div class="layui-form-item">
<button type="button" id="user" style="width: 100%" class="layui-btn layui-btn-warm">用户注册</button>
</div>
<!-- <div class="layui-form-item">
<a href="toRegister" class="layui-btn layui-btn-fluid" >去注册</a>
</div> -->
<span id="error2" style="color:red;">${msg1}</span>
</div>
</div>
</div>
<script src="<%=path %>/resource/layui/layui.js"></script>
<script>
layui.use([ 'form','jquery','layer' ], function() {
var form = layui.form,
layer = layui.layer,
$= layui.jquery;
form.render();//这句一定要加,占坑
$("#account").blur(function(){
$("#error").html("");
$("#error2").html("");
})
$("#pwd").blur(function(){
$("#error1").html("");
$("#error2").html("");
})
$('#user').on("click",function(e){
layer.open({
//调整弹框的大小
area:['500px','600px'],
shadeClose:true,//点击旁边地方自动关闭
//动画
anim:2,
//弹出层的基本类型
type: 2,
title: '用户注册',
//刚才定义的弹窗页面
content: 'toAddUser', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
});
});
$('#mj').on("click",function(e){
layer.open({
//调整弹框的大小
area:['500px','600px'],
shadeClose:true,//点击旁边地方自动关闭
//动画
anim:2,
//弹出层的基本类型
type: 2,
title: '新增卖家',
//刚才定义的弹窗页面
content: 'toAddSeller', //这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://sentsin.com', 'no']
});
});
$('#denglu').click(function(){
var username = $.trim($('#username').val());
var password = $.trim($("#password").val());
var type = $.trim($("#type").val());
if(username == ''){
layer.msg('用戶名不能为空',function() {time:2000});
return false;
}
if(password == ''){
layer.msg('密码不能为空',function() {time:2000});
return false;
}
$.ajax({
type: "post", // post或get
url: "login", // 提交路径
data: {
username: username,
password: password,
type:type,
},
// dataType: "json", // 指定后台传来的数据是json格式
success: function(data) {
if (data == "ok") {
layer.msg('登陆成功!', {icon: 6});
// 延迟跳转
window.setTimeout("window.location='toMain'",900);
} else if(data == 'toIndex'){
layer.msg('登陆成功!', {icon: 6});
window.setTimeout("window.location='toIndex'",900);
}else {
layer.msg('账号或密码错误!', {icon: 5});
}
},
error: function(err) {}
})
})
});
</script>
</body>
</html>
@RequestMapping("/login")
@ResponseBody
public String login(@RequestParam("username")String username,
HttpServletRequest request, @RequestParam("password")String password,
HttpSession session, HttpServletResponse response, ModelAndView mv) throws ServletException, IOException {
session.removeAttribute("admin");
session.removeAttribute("user");
session.removeAttribute("seller");
String type=request.getParameter("type").toString();
User user =new User();
Admin admin = new Admin();
Seller seller = new Seller();
request.getSession().setAttribute("type", type);
String message = "error";
if(type != null && type.equals("1")){
admin.setUsername(username);
admin.setPassword(password);
Admin admin1 = service.selectAdmin(admin);
if(admin1 != null){
request.getSession().setAttribute("admin", admin);
message = "ok";
}
}else if(type != null && type.equals("2")){
user.setUsername(username);
user.setPassword(password);
User te = service.selectUser(user);
if(te != null){
request.getSession().setAttribute("user", te);
message = "toIndex";
}
}else if(type != null && type.equals("3")){
seller.setPhone(username);
seller.setPwd(password);
Seller sellers = service.selectSeller(seller);
if(sellers != null){
request.getSession().setAttribute("seller", sellers);
message = "ok";
}
}
return message;
}