一、系统简介
本项目采用eclipse工具开发,layui+jsp+servlet+jquery技术编写,数据库采用的是mysql,navicat开发工具。
系统一共分为3个角色分别是:管理员,用户,业务员
二、模块简介
管理员
1、登录
2、个人信息管理
3、用户管理
4、保险管理
5、业务员管理
用户
1、登录注册
2、查看保险
3、办理保险
4、查询已购保险,申请理赔
5、个人信息管理
业务员
1、登录
2、个人信息管理
3、保险管理
4、理赔管理
5、查看客户
项目简介:
难度等级:✩✩✩
用户类型:3角色(管理员,用户,业务员)
设计模式:MVC
项目架构:B/S架构
开发语言:Java语言
前端技术:layui、HTML、CSS、JS、JQuery等
后端技术:JSP、servlet框架
运行环境:Windows7或10、JDK1.8
运行工具:本系统采用Eclipse开发,仅支持Eclipse运行,不支持MyEclipse和IDEA运行,因为三者的骨架不一样,强行导入打开运行可能会导致出现未知的错误。(如若想用idea运行,需要转换!!!!)
数 据 库:MySQL5.5/5.7/8.0版本
运行服务器:Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架:是
数据库表数量:6张表
JSP页面数量:20多张
是否有分页:有分页
相关截图
相关代码
登录
<%@ 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 + "/";
%>
<head>
<meta charset="UTF-8">
<title>汽车保险管理系统</title>
<link rel="stylesheet" type="text/css" href="static/css/main.css">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css">
<script type="text/javascript" src="../res/layui/layui.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body>
<div class="site-nav-bg">
<div class="site-nav w1200">
<p class="sn-back-home">
</p>
<div class="sn-quick-menu">
</div>
</div>
</div>
<div class="header" style="text-algin:center;">
<a style="color:pink;font-size:80px;letter-spacing:50px;margin-left: 20%;">
汽车保险管理网站
</a>
</div>
<div class="content content-nav-base login-content">
<div class="main-nav">
<div class="inner-cont0">
<div class="inner-cont1 w1200">
<div class="inner-cont2">
</div>
</div>
</div>
</div>
<div class="login-bg">
<div class="login-cont w1200">
<div class="form-box">
<form action="LoginServlet?action=login" method="post" id="loginForm" name="loginForm">
<legend>登录</legend>
<div class="layui-form-item" style="margin-bottom: 4px;">
<div class="layui-inline veri-code">
<div class="layui-input-inline">
<input type="text" name="userName" id="userName" lay-verify="required" placeholder="请输入用户名或者手机号" autocomplete="off" class="layui-input">
<span id="msg3" style="color:red">${message}</span>
</div>
</div>
<div class="layui-inline veri-code">
<div class="layui-input-inline">
<input id="password" type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline veri-code">
<div class="layui-input-inline">
<select name="type" id="type" style="height: 35px;width: 100%;">
<option value="">请选择角色</option>
<option value="1">管理员</option>
<option value="2">用户</option>
<option value="3">业务员</option>
</select>
</div>
</div>
</div>
<div class="layui-form-item login-btn">
<div class="layui-input-block">
<button class="layui-btn" lay-submit="" id="login" lay-filter="demo1" >登录</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="layui/layui.js"></script>
<script>
layui.use(['layer', 'form','jquery'], function(){
var form = layui.form,
layer = layui.layer,
$= layui.jquery;
form.render();//这句一定要加,占坑
$("#login").on("click", function() {
var userName = $("#userName").val().trim(); // trim()去除空格
var password = $("#password").val().trim();
var type = $("#type").val();
if(userName == ""){
layer.msg('用户名或者手机号不能为空!');
return false;
}
if(password == ""){
layer.msg('密码不能为空!');
return false;
}
if(type == ""){
layer.msg('请选择角色!');
return false;
}
});
setTimeout(function(){ $("#msg").html("")},3000);
setTimeout(function(){ $("#msg2").html("")},3000);
setTimeout(function(){ $("#msg3").html("")},3000);
});
</script>
</body>
</html>
/**
* 登录
* @param request
* @param response
*/
private void login(HttpServletRequest request, HttpServletResponse response) {
removeAll(request,response);
String userName = request.getParameter("userName");
String password = request.getParameter("password");
String type = request.getParameter("type");
if(type != null && type.equals("1")){
Admin admin = new Admin();
admin.setUserName(userName);
admin.setPwd(password);
Admin admin1 = ls.selectAdmin(admin);
try {
if (admin1 == null){
request.setAttribute("message", "管理员用户不存在或者密码错误");
request.getRequestDispatcher("/client/login.jsp").forward(request, response);
}else {
request.getSession().setAttribute("admin",admin1);
request.getSession().setAttribute("flag",1);
request.getRequestDispatcher("/WEB-INF/view/main.jsp").forward(request, response);
}
} catch (Exception e) {
e.printStackTrace();
}
}else if(type != null && type.equals("2")){
User user =new User();
user.setPhone(userName);
user.setPwd(password);
User user1 = ls.selectUser(user);
try{
if(user1 == null){
request.setAttribute("message", "用户手机号不存在或者密码错误");
request.getRequestDispatcher("/client/login.jsp").forward(request, response);
}else{
request.getSession().setAttribute("user",user1);
request.getSession().setAttribute("flag",2);
//request.getRequestDispatcher("/client/shouye.jsp").forward(request, response);
response.sendRedirect(request.getContextPath()+"/BxServlet?action=bxUserList");
}
}catch(Exception e){
e.printStackTrace();
}
}else if(type != null && type.equals("3")){
Saler saler = new Saler();
saler.setPhone(userName);
saler.setPwd(password);
Saler saler1 = ls.selectSaler(saler);
try{
if(saler1 == null){
request.setAttribute("message", "业务员手机号不存在或者密码错误");
request.getRequestDispatcher("/client/login.jsp").forward(request, response);
}else{
request.getSession().setAttribute("saler",saler1);
request.getSession().setAttribute("flag",3);
request.getRequestDispatcher("/WEB-INF/view/main.jsp").forward(request, response);
}
}catch(Exception e){
e.printStackTrace();
}
}else{
try{
request.setAttribute("message", "请选择角色");
request.getRequestDispatcher("/client/login.jsp").forward(request, response);
}catch(Exception e){
e.printStackTrace();
}
}
}