Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码（前后端交互+SSM框架 管理员登录 游客登录 普通用户登录 人员的增删改查 信息更新 图片上传 分页查询 修改密码）
欢迎页
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="login">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link href="#" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/images/wel/wel.css"/>
<script type="text/javascript" src=""></script>
</head>
<body>
<div id="wel_frame">
<p><label class="label_input">罗德岛 RHODES </label></p>
<p><label class="label_input">ISLAND</label></p>
<p><label class="lt">请选择身份登录 </label></p>
<p><label class="label_input">
<button class="wel" @click="BS_change()">博士</button>
</label>
</p>
<br>
<p><label class="label_input">
<button class="wel" @click="GY_change()">干员</button>
</label>
</p>
<br>
<p><label class="label_input">
<button class="wel" @click="YK_change()">游客</button>
</label>
</p>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#wel_frame",
methods: {
BS_change() {
window.location = '${pageContext.request.contextPath}/BSlogin/BSlogin.jsp';
},
GY_change() {
window.location = '${pageContext.request.contextPath}/login/login.jsp';
},
YK_change() {
window.location = '${pageContext.request.contextPath}/main/tem.jsp';
}
}
})
</script>
<%-- <div class="right">
<div class="right_nei">
<iframe id="show" src="right.html"></iframe>
</div>
</div>--%>
404error页
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
<meta charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=Creepster|Audiowide' rel='stylesheet' type='text/css'>
<style>
*{
margin:0;
padding:0;
}
body{
font-family: 'Audiowide', cursive, arial, helvetica, sans-serif;
background:url(/WEB-INF/main/img/error_bg.png) repeat;
background-color:#212121;
color:white;
font-size: 18px;
padding-bottom:20px;
}
.error-code{
font-family: 'Creepster', cursive, arial, helvetica, sans-serif;
font-size: 200px;
color: white;
color: rgba(255, 255, 255, 0.98);
width: 50%;
text-align: right;
margin-top: 5%;
text-shadow: 5px 5px hsl(0, 0%, 25%);
float: left;
}
.not-found{
width: 47%;
float: right;
margin-top: 5%;
font-size: 50px;
color: white;
text-shadow: 2px 2px 5px hsl(0, 0%, 61%);
padding-top: 70px;
}
.clear{
float:none;
clear:both;
}
.content{
text-align:center;
line-height: 30px;
}
input[type=text]{
border: hsl(247, 89%, 72%) solid 1px;
outline: none;
padding: 5px 3px;
font-size: 16px;
border-radius: 8px;
}
a{
text-decoration: none;
color: #9ECDFF;
text-shadow: 0px 0px 2px white;
}
a:hover{
color:white;
}
</style>
<title>Error</title>
</head>
<body>
<p class="error-code">
404
</p>
<p class="not-found">Not<br/>Found</p>
<div class="clear"></div>
<div class="content">
The page your are looking for is not found.
<br/><a href="main.jsp">Go Home</a> or<br/><form>Search<br/> <a id="forget_pwd" href="${pageContext.request.contextPath}/wel/wel.jsp">加入罗德岛</a></form>
</div>
</body>
</html>
管理员博士登录页
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="login">
<head>
<meta charset="UTF-8">
<title>博士登录页面</title>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link href="#" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/images/BSlogin/BSlogin.css"/>
<script type="text/javascript" src=""></script>
</head>
<body>
<div id="login_frame">
<form>
<p><label class="label_input">用户名</label><input type="text" id="manager" v-model="manager" class="text_field"/></p>
<p><label class="label_input">密 码</label><input type="text" id="password" v-model="password" class="text_field"/></p>
<div id="login_control">
<input type="button" id="btn_login" value="登 录" @click="BS_login();"/>
<input type="button" id="return_login" value="返 回" @click="last();"/>
</div>
</form>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#login_frame",
data: {
manager: '',
password: '',
},
methods: {
BS_login() {
let param = new URLSearchParams();
param.append('manager', this.manager);
param.append('password', this.password);
axios.post('${pageContext.request.contextPath}/login/checkName', param)
.then(function (response) {
console.log(response);
if (response.data === "success") {
alert("登录成功！")
window.location = '${pageContext.request.contextPath}/main/main.jsp';
}else if (response.data === "error") {
alert("密码错误！")
}else if (response.data === "already") {
alert("用户名不存在！")
}else{
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, last() {
window.location = '${pageContext.request.contextPath}/wel/wel.jsp';
}
}
})
</script>
干员 普通用户登录页
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="login">
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link href="#" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/images/login/login.css"/>
<script type="text/javascript" src=""></script>
</head>
<body>
<div id="login_frame">
<form>
<p><label class="label_input">用户名</label><input type="text" v-model="username" id="username" class="text_field"/></p>
<p><label class="label_input">密 码</label><input type="text" v-model="password" id="password" class="text_field"/></p>
<p><label class="label_input">验证码</label><input type="text" v-model="yan" id="check_word" class="text_field"/></p>
<p><label class="label_input">
<input type="button" class="check_word" value="刷 新" @click="change()"/>
</label>
<img id="san" src="${pageContext.request.contextPath}/yan"></p>
<br>
<div class="login_control">
<input type="button" id="btn_login" value="登 录" @click="login();"/>
<input type="button" id="return_login" value="返 回" @click="last();"/>
</div>
<br>
<br> <br>
<div class="login_control">
<a id="forget_pwd" href="${pageContext.request.contextPath}/regist/regist.jsp">没有账号？去注册</a>
</div>
</form>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#login_frame",
data: {
username: '',
password: '',
yan: ''
},
methods: {
login() {
let param = new URLSearchParams();
param.append('username', this.username);
param.append('password', this.password);
param.append('yan', this.yan);
axios.post('${pageContext.request.contextPath}/user_login/checkName', param)
.then(function (response) {
console.log(response);
if (response.data === "ok") {
alert("登录成功！")
window.location = '${pageContext.request.contextPath}/main/user.jsp';
} else if(response.data === "no"){
alert("用户名不存在！")
}else {
alert("密码错误！")
}
})
.catch(function (error) {
console.log(error);
});
}, change() {
document.getElementById("san").src = "${pageContext.request.contextPath}/yan?time=" + new Date().getTime();
}, last() {
window.location = '${pageContext.request.contextPath}/wel/wel.jsp';
}
}
})
</script>
游客页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
<meta charset="utf-8">
<title>罗德岛</title>
<!-- The styles -->
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link id="bs-css" href="${pageContext.request.contextPath}/main/css/bootstrap-simplex.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<div id="main_show">
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse"
data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"> <img alt="Charisma Logo" src="img/logo20.png"/> <span>莱茵科技</span></a>
<!-- theme selector starts -->
<div class="btn-group pull-right theme-container">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-tint"></i><span class="hidden-phone">主题选择</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" id="themes">
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
<%-- <li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>--%>
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
</ul>
</div>
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i><span class="hidden-phone">游客</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li class="divider"></li>
<li><a href="#" @click="exit_out()">退出</a></li>
</ul>
</div>
<div class="top-nav nav-collapse">
<ul class="nav">
<li><a class="brand" href="${pageContext.request.contextPath}/regist/regist.jsp">加入罗德岛</a></li>
<li>
<form class="navbar-search pull-left">
<input placeholder="弎屲-SanWa" readonly="readonly" class="search-query span2" name="query" type="text">
</form>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- topbar ends -->
<div class="container-fluid">
<div class="row-fluid">
<div class="main_page">
<iframe scrolling="no" id="right_show" name="main" frameborder="0" src="show.jsp"
style="min-height:600px;width:100%;height:35%;"></iframe>
</div>
<footer>
<p class="pull-left">© <a href="https://blog.csdn.net/cx9977?spm=1000.2115.3001.5113">莱茵科技人事部</a> 2020</p>
<p class="pull-right">感染者制造: <a href="https://blog.csdn.net/cx9977?spm=1000.2115.3001.5113">弎屲</a></p>
</footer>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.history.js"></script>
<script src="js/charisma.js"></script>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#main_show",
methods: {
exit_out() {
if(confirm("确认要退出系统吗？")){
window.location.href="about:blank";
window.close();
}
}
}
})
</script>
干员用户注册页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="register">
<head>
<meta charset="UTF-8">
<title>注册页面</title>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link href="#" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/images/regist/register.css"/>
<script type="text/javascript" src=""></script>
</head>
<body>
<div id="register_frame">
<form method="post" action="">
<p><label class="label_input">用户名</label><input v-model="username" type="text" id="username" class="text_field"/></p>
<p><label class="label_input">密 码</label><input v-model="password" type="text" id="password" class="text_field"/></p>
<p><label class="label_input">确 认</label><input v-model="password_check" type="text" id="check" class="text_field"/></p>
<p><label class="label_input">验证码</label><input type="text" v-model="yan" id="check_word" class="text_field"/></p>
<p><label class="label_input">
<input type="button" class="check_word" value="刷 新" @click="change()"/>
</label>
<img id="san" src="${pageContext.request.contextPath}/yan" ></p>
<br>
<div class="register_control">
<input type="button" id="btn_register" value="注 册" @click="register()"/>
<input type="button" id="return_login" value="返 回" @click="last();"/>
</div>
<br>
<br> <br>
<div class="register_control">
<a id="skip" href="${pageContext.request.contextPath}/login/login.jsp">已有账号？去登录</a>
</div>
</form>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#register_frame",
data: {
username: '',
password: '',
password_check:'',
yan: ''
},
methods: {
register() {
let param = new URLSearchParams();
param.append('username', this.username);
param.append('password', this.password);
param.append('yan', this.yan);
axios.post('${pageContext.request.contextPath}/register/add_user', param)
.then(function (response) {
console.log(response);
if (response.data === "adduser_success") {
alert("注册成功！")
window.location = '${pageContext.request.contextPath}/login/login.jsp';
} else if (response.data === "adduser_file") {
alert("用户名已存在！")
} else{
alert("注册失败！") }
})
.catch(function (error) {
console.log(error);
});
}, change() {
document.getElementById("san").src = "${pageContext.request.contextPath}/yan?time=" + new Date().getTime();
}, last() {
window.location = '${pageContext.request.contextPath}/wel/wel.jsp';
}
}
})
</script>
管理员 博士页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
<meta charset="utf-8">
<title>罗德岛</title>
<!-- The styles -->
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link id="bs-css" href="${pageContext.request.contextPath}/main/css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<div id="main_show">
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse"
data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"> <img alt="Charisma Logo" src="img/logo20.png"/> <span>莱茵科技</span></a>
<!-- theme selector starts -->
<div class="btn-group pull-right theme-container">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-tint"></i><span class="hidden-phone">主题选择</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" id="themes">
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
<%-- <li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>--%>
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
</ul>
</div>
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i><span class="hidden-phone">${sessionScope.manage_name}</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="${pageContext.request.contextPath}/wel/wel.jsp">切换账户</a></li>
<li class="divider"></li>
<li><a href="#" @click="exit_out()">退出</a></li>
</ul>
</div>
<div class="top-nav nav-collapse">
<ul class="nav">
<li><a class="brand" href="#">${sessionScope.manage_name}欢迎您！</a></li>
<li>
<form class="navbar-search pull-left">
<input placeholder="弎屲-SanWa" readonly="readonly" class="search-query span2" name="query" type="text">
</form>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- topbar ends -->
<div class="container-fluid">
<div class="row-fluid">
<!-- left menu starts -->
<div class="span2 main-menu-span">
<div class="well nav-collapse sidebar-nav">
<ul class="nav nav-tabs nav-stacked main-menu">
<li class="nav-header hidden-tablet">主菜单</li>
<li><a class="ajax-link" @click="GN_main()"><i class=" icon-home"></i><span
class="hidden-tablet">莱茵页面</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_search()"><i class="icon-eye-open"></i><span
class="hidden-tablet"> 干员查询</span></a>
</li>
<li><a class="ajax-link" href="#" @click="GN_add()"><i class="icon-edit"></i><span
class="hidden-tablet"> 新增干员</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_update()"><i class="icon-list-alt"></i><span
class="hidden-tablet"> 干员管理</span></a>
</li>
<li><a class="ajax-link" href="#" @click="GN_delete()"><i class="icon-font"></i><span
class="hidden-tablet"> 干员删除</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_change()"><i class="icon-picture"></i><span
class="hidden-tablet"> 修改密码</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_photo()"><i class="icon-picture"></i><span
class="hidden-tablet"> 图片上传</span></a></li>
<li class="nav-header hidden-tablet">罗德岛势力</li>
<li><a class="ajax-link" href="#"><i class="icon-align-justify"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-calendar"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-th"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-folder-open"></i><span
class="hidden-tablet">待续</span></a></li>
<li><a href=" "><i class="icon-globe"></i><span class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-star"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a href="#"><i class="icon-ban-circle"></i><span
class="hidden-tablet">待续</span></a>
</li>
<li><a href=" "><i class="icon-lock"></i><span class="hidden-tablet">待续</span></a></li>
</ul>
</div>
</div>
<div class="main_page">
<iframe scrolling="no" id="right_show" name="main" frameborder="0" src="show.jsp"
style="min-height:600px;width:85%;height:35%;"></iframe>
</div>
<footer>
<p class="pull-left">© <a href="https://blog.csdn.net/cx9977?spm=1000.2115.3001.5113">莱茵科技人事部</a> 2020</p>
<p class="pull-right">感染者制造: <a href="https://blog.csdn.net/cx9977?spm=1000.2115.3001.5113">弎屲</a></p>
</footer>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.history.js"></script>
<script src="js/charisma.js"></script>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#main_show",
methods: {
sendPost() {
/*
let param = new URLSearchParams();
param.append('username', this.username);
param.append('password', this.password);
param.append('yan', this.yan);
axios.post('http://localhost:8080/_war_exploded/login', param)
.then(function (response) {
console.log(response);
if (response.data === "yan1") {
document.getElementById("yan1").innerHTML = "<font color='red'>验证码错误！</font>";
} else if (response.data === "no") {
document.getElementById("mima").innerHTML = "<font color='red'>密码错误！</font>";
} else if (response.data === "nof") {
document.getElementById("ccc").innerHTML = "<font color='red'>用户名不存在！</font>";
} else if (response.data === "ok") {
alert("登录成功！")
window.location = 'http://localhost:8080/_war_exploded/01.jsp';
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});*/
}, GN_search() {
axios.post('${pageContext.request.contextPath}/main/search', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_search") {
document.getElementById("right_show").src = "search.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_add() {
axios.post('${pageContext.request.contextPath}/main/add', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_add") {
document.getElementById("right_show").src = "form.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_update() {
axios.post('${pageContext.request.contextPath}/main/update', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_update") {
document.getElementById("right_show").src = "update.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_delete() {
axios.post('${pageContext.request.contextPath}/main/delete', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_delete") {
document.getElementById("right_show").src = "delete.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_main() {
axios.post('${pageContext.request.contextPath}/main/show', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_show") {
document.getElementById("right_show").src = "show.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_change() {
axios.post('${pageContext.request.contextPath}/main/change', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_change") {
document.getElementById("right_show").src = "change.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}
, GN_photo() {
axios.post('${pageContext.request.contextPath}/main/photo', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_photo") {
document.getElementById("right_show").src = "photo.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}
, exit_out() {
if(confirm("确认要退出系统吗？")){
window.location.href="about:blank";
window.close();
}
}
}
})
</script>
干员 普通用户页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
<meta charset="utf-8">
<title>罗德岛</title>
<!-- The styles -->
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link id="bs-css" href="${pageContext.request.contextPath}/main/css/bootstrap-cerulean.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<div id="main_show">
<div class="navbar">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse"
data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"> <img alt="Charisma Logo" src="img/logo20.png"/> <span>莱茵科技</span></a>
<!-- theme selector starts -->
<div class="btn-group pull-right theme-container">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-tint"></i><span class="hidden-phone">主题选择</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu" id="themes">
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
<%-- <li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>--%>
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
</ul>
</div>
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i><span class="hidden-phone">${sessionScope.user_name}</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="${pageContext.request.contextPath}/wel/wel.jsp">切换账户</a></li>
<li class="divider"></li>
<li><a href="#" @click="exit_out()">退出</a></li>
</ul>
</div>
<div class="top-nav nav-collapse">
<ul class="nav">
<li><a class="brand" href="#">${sessionScope.user_name}欢迎您！</a></li>
<li>
<form class="navbar-search pull-left">
<input placeholder="弎屲-SanWa" readonly="readonly" class="search-query span2" name="query" type="text">
</form>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<!-- topbar ends -->
<div class="container-fluid">
<div class="row-fluid">
<!-- left menu starts -->
<div class="span2 main-menu-span">
<div class="well nav-collapse sidebar-nav">
<ul class="nav nav-tabs nav-stacked main-menu">
<li class="nav-header hidden-tablet">主菜单</li>
<li><a class="ajax-link" @click="GN_main()"><i class=" icon-home"></i><span
class="hidden-tablet">莱茵页面</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_search()"><i class="icon-eye-open"></i><span
class="hidden-tablet"> 干员查询</span></a>
</li>
<li><a class="ajax-link" href="#" @click="GN_add()"><i class="icon-edit"></i><span
class="hidden-tablet"> 新增干员</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_change()"><i class="icon-picture"></i><span
class="hidden-tablet"> 修改密码</span></a></li>
<li><a class="ajax-link" href="#" @click="GN_photo()"><i class="icon-picture"></i><span
class="hidden-tablet"> 图片上传</span></a></li>
<li class="nav-header hidden-tablet">罗德岛势力</li>
<li><a class="ajax-link" href="#"><i class="icon-align-justify"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-calendar"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-th"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-folder-open"></i><span
class="hidden-tablet">待续</span></a></li>
<li><a href=" "><i class="icon-globe"></i><span class="hidden-tablet"> 待续</span></a></li>
<li><a class="ajax-link" href="#"><i class="icon-star"></i><span
class="hidden-tablet"> 待续</span></a></li>
<li><a href="#"><i class="icon-ban-circle"></i><span
class="hidden-tablet">待续</span></a>
</li>
<li><a href=" "><i class="icon-lock"></i><span class="hidden-tablet">待续</span></a></li>
</ul>
</div>
</div>
<div class="main_page">
<iframe scrolling="no" id="right_show" name="main" frameborder="0" src="show.jsp"
style="min-height:600px;width:85%;height:35%;"></iframe>
</div>
<footer>
<p class="pull-left">© <a href="https://blog.csdn.net/cx9977?spm=1000.2115.3001.5113">莱茵科技人事部</a> 2020</p>
<p class="pull-right">感染者制造: <a href="https://blog.csdn.net/cx9977?spm=1000.2115.3001.5113">弎屲</a></p>
</footer>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.history.js"></script>
<script src="js/charisma.js"></script>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#main_show",
methods: {
GN_search() {
axios.post('${pageContext.request.contextPath}/main/search', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_search") {
document.getElementById("right_show").src = "search.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_add() {
axios.post('${pageContext.request.contextPath}/main/add', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_add") {
document.getElementById("right_show").src = "form.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
},GN_main() {
axios.post('${pageContext.request.contextPath}/main/show', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_show") {
document.getElementById("right_show").src = "show.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}, GN_change() {
axios.post('${pageContext.request.contextPath}/main/change', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_change") {
document.getElementById("right_show").src = "changeUser.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}
, exit_out() {
if(confirm("确认要退出系统吗？")){
window.location.href="about:blank";
window.close();
}
}
, GN_photo() {
axios.post('${pageContext.request.contextPath}/main/photo', {
params: {
num: '10'
}
})
.then(function (response) {
console.log(response);
if (response.data === "show_photo") {
document.getElementById("right_show").src = "Userphoto.jsp";
} else {
alert("错误")
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
主页面中的查询页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:10
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>干员查询</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/main/css/select.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="editor/kindeditor.js"></script>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="sarchbody">
<div id="search">
<div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">信息查询</a></li>
<li><a href="#">干员</a></li>
</ul>
</div>
<div class="formbody">
<div id="usual1" class="usual">
<ul class="seachform1">
<li><label>干员姓名</label><input v-model="gyname" name="gyname" type="text" class="dfinput"/></li>
<%-- <li><label>职业</label><input name="" type="text" class="scinput1"/></li>
<li><label>编号</label><input name="" type="text" class="scinput1"/></li>--%>
</ul>
<ul class="seachform1">
<li class="sarchbtn">
<input @click="find()" name="" type="button" class="scbtn1" value="模糊查询"/>
<input @click="findlimit()" name="" type="button" class="scbtn1" value="查询所有"/>
</li>
</ul>
<div class="formtitle"><span>干员列表</span></div>
<table class="tablelist">
<thead>
<tr>
<th>干员编号<i class="sort"><img src="${pageContext.request.contextPath}/main/images/px.gif"/></i></th>
<th>干员姓名</th>
<th>感染度</th>
<th>干员职业</th>
<th>所属公司</th>
<th>干员种族</th>
<th>干员简介</th>
</tr>
</thead>
<div id="fu"></div>
<tbody>
<c:forEach items="${sessionScope.list}" var="c" varStatus="v">
<tr>
<td>${c.gyid}</td>
<td>${c.gyname}</td>
<td>${c.gyinfected}</td>
<td>${c.gyjob}</td>
<td>${c.gycompany}</td>
<td>${c.gyrace}</td>
<td>${c.gydescription}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
<div class="pagin">
<div class="message">共<i class="blue">${sessionScope.total_account}</i>条记录，当前显示第 <i class="blue">${sessionScope.now_page}</i>页</div>
<ul class="paginList">
<li class="paginItem"><a href="${pageContext.request.contextPath}/find/find_limit"><span class="首页">F</span></a></li>
<li class="paginItem"><a href="${pageContext.request.contextPath}/find/find_limit_p"> < </a></li>
<li class="paginItem more"><a href="#">...</a></li>
<li class="paginItem"><a href="${pageContext.request.contextPath}/find/find_limit_l?"> > </a></li>
<li class="paginItem"><a href="${pageContext.request.contextPath}/find/find_limit_z"><span class="尾页">L</span></a></li>
</ul>
</div>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#search",
data: {
gyname: ''
}, methods: {
find() {
let param = new URLSearchParams();
param.append('gyname', this.gyname);
axios.post('${pageContext.request.contextPath}/find/find_gan',param,{headers: {'Content-Type': 'application/x-www-form-urlencoded'}})
.then(function (response) {
window.location = '${pageContext.request.contextPath}/main/search.jsp';
})
.catch(function (error) {
console.log(error);
});
},
findlimit() {
axios.get('${pageContext.request.contextPath}/find/find_limit', {
params: {
num: '10'
}
})
.then(function (response) {
window.location = '${pageContext.request.contextPath}/main/search.jsp';
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
主页面中的修改密码 分博士与管理员 两个 分页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>密码修改</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="change"><div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">资料修改</a></li>
<li><a href="#">密码修改</a></li>
</ul>
</div>
<div class="formbody">
<div class="formtitle"><span >修改密码</span></div>
<ul class="forminfo">
<li><label>管理员</label><input id="macheck" name="gyname" type="text" readonly="readonly" v-model="manager" value="${sessionScope.manage_name}" class="dfinput"/></li>
<li><label>请输入旧密码</label><input v-model="password" name="gyname" type="text" class="dfinput"/><i>请输入旧密码</i></li>
<li><label>请输入新密码</label><input v-model="newpassword" name="gyinfected" type="text" class="dfinput"/><i></i></li>
<li><label>请确认新密码</label><input v-model="newpasswordcheck" name="gyjob" type="text" class="dfinput"/><i></i></li>
<li><label> </label><input name="" type="button" class="btn" @click="change()" value="修改"/></li>
</ul>
</div></div>
</body>
</html>
<script type="text/javascript">
var m=document.getElementById("macheck").value;
new Vue({
el: "#change",
data: {
manager:m,
password: '',
newpassword: '',
newpasswordcheck: ''
},
methods: {
change() {
let param = new URLSearchParams();
param.append('manager',this.manager)
param.append('password', this.password);
param.append('newpassword', this.newpassword);
axios.post('${pageContext.request.contextPath}/change/change_password', param)
.then(function (response) {
console.log(response);
if (response.data === "change_success") {
alert("修改成功！")
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>密码修改</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="change"><div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">资料修改</a></li>
<li><a href="#">密码修改</a></li>
</ul>
</div>
<div class="formbody">
<div class="formtitle"><span >修改密码</span></div>
<ul class="forminfo">
<li><label>用户名</label><input id="macheck" name="gyname" type="text" readonly="readonly" v-model="username" value="${sessionScope.user_name}" class="dfinput"/></li>
<li><label>请输入旧密码</label><input v-model="password" name="gyname" type="text" class="dfinput"/><i>请输入旧密码</i></li>
<li><label>请输入新密码</label><input v-model="newpassword" name="gyinfected" type="text" class="dfinput"/><i></i></li>
<li><label>请确认新密码</label><input v-model="newpasswordcheck" name="gyjob" type="text" class="dfinput"/><i></i></li>
<li><label> </label><input name="" type="button" class="btn" @click="change()" value="修改"/></li>
</ul>
</div></div>
</body>
</html>
<script type="text/javascript">
var m=document.getElementById("macheck").value;
new Vue({
el: "#change",
data: {
username:m,
password: '',
newpassword: '',
newpasswordcheck: ''
},
methods: {
change() {
let param = new URLSearchParams();
param.append('username',this.username)
param.append('password', this.password);
param.append('newpassword', this.newpassword);
axios.post('${pageContext.request.contextPath}/changeUser/changeUser_password', param)
.then(function (response) {
console.log(response);
if (response.data === "changeUser_success") {
alert("修改成功！")
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
主页面中的删除页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:16
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>干员删除</title>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/main/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".click").click(function () {
$(".tip").fadeIn(200);
});
$(".tiptop a").click(function () {
$(".tip").fadeOut(200);
});
$(".sure").click(function () {
$(".tip").fadeOut(100);
});
$(".cancel").click(function () {
$(".tip").fadeOut(100);
});
});
</script>
</head>
<body>
<div id="del"> <div class="place">
<ul class="placeul">
<li><a href="#">罗德岛</a></li>
<li><a href="#">干员管理</a></li>
<li><a href="#">干员删除</a></li>
</ul>
</div>
<div class="rightinfo">
<div class="tools">
<ul class="toolbar">
<li class="click"><span><img @click="findlimit()" src="images/t01.png"/></span>查询</li>
<li class="click"><span><img src="images/t03.png"/></span>删除</li>
</ul>
</div>
<table class="tablelist">
<thead>
<tr>
<th><input name="" type="checkbox" value="" checked="false"/></th>
<th>干员编号<i class="sort"><img src="${pageContext.request.contextPath}/main/images/px.gif"/></i></th>
<th>干员姓名</th>
<th>感染度</th>
<th>干员职业</th>
<th>所属公司</th>
<th>干员种族</th>
<th>干员简介</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${sessionScope.list}" var="c" varStatus="v">
<tr>
<td><input name="" type="checkbox" value=""/></td>
<td>${c.gyid}</td>
<td>${c.gyname}</td>
<td>${c.gyinfected}</td>
<td>${c.gyjob}</td>
<td>${c.gycompany}</td>
<td>${c.gyrace}</td>
<td>${c.gydescription}</td>
<td><a href="#" class="tablelink" @click="del('${c.gyid}')">删除</a></td>
</tr>
</c:forEach>
</tbody>
</table>
<div class="pagin">
<div class="message">共<i class="blue">${sessionScope.total_account}</i>条记录，当前显示第 <i class="blue">${sessionScope.now_page}</i>页</div>
<ul class="paginList">
<li class="paginItem"><a href="${pageContext.request.contextPath}/dfind/dfind_limit"><span class="首页">F</span></a></li>
<li class="paginItem"><a href="${pageContext.request.contextPath}/dfind/dfind_limit_p"> < </a></li>
<li class="paginItem more"><a href="#">...</a></li>
<li class="paginItem"><a href="${pageContext.request.contextPath}/dfind/dfind_limit_l?"> > </a></li>
<li class="paginItem"><a href="${pageContext.request.contextPath}/dfind/dfind_limit_z"><span class="尾页">L</span></a></li>
</ul>
</div>
<div class="tip">
<div class="tiptop"><span>确认删除</span><a></a></div>
<div class="tipinfo">
<span><img src="images/ticon.png"/></span>
<div class="tipright">
<p>是否确认删除信息 ？</p>
<cite>如果是请点击确定按钮 ，否则请点取消！</cite>
</div>
</div>
<div class="tipbtn">
<input name="" type="button" @click="del_many()" class="sure" value="确定"/>
<input name="" type="button" class="cancel" value="取消"/>
</div>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript">
$('.tablelist tbody tr:odd').addClass('odd');
new Vue({
el: "#del",
data: {
gyname: '',
gyinfected: '',
gyjob: '',
gycompany: '',
gyrace: '',
gydescription: ''
},
methods: {
del(gyid){
let param = new URLSearchParams();
param.append('gyid', gyid);
axios.post('${pageContext.request.contextPath}/delete/delete_gan', param)
.then(function (response) {
console.log(response);
if (response.data === "delete_success") {
alert("删除成功！")
window.location = '${pageContext.request.contextPath}/dfind/dfind_limit';
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
},
del_many() {
let param = new URLSearchParams();
param.append('gyname', this.gyname);
param.append('gyinfected', this.gyinfected);
param.append('gyjob', this.gyjob);
param.append('gycompany', this.gycompany);
param.append('gyrace', this.gyrace);
param.append('gydescription', this.gydescription);
alert(param)
axios.post('${pageContext.request.contextPath}/add/add_gan', param)
.then(function (response) {
console.log(response);
if (response.data === "add_success") {
alert("添加成功！")
window.location = '${pageContext.request.contextPath}/main/search.jsp';
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}, findlimit() {
axios.get('${pageContext.request.contextPath}/dfind/dfind_limit', {
params: {
num: '10'
}
})
.then(function (response) {
window.location = '${pageContext.request.contextPath}/main/delete.jsp';
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
主页面中的增加干员信息页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>干员添加</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="add"><div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">干员添加</a></li>
<li><a href="#">添加</a></li>
</ul>
</div>
<div class="formbody">
<div class="formtitle"><span>干员基本信息</span></div>
<ul class="forminfo">
<%-- param.append('gyid', this.gyid);<li><label>干员编号</label><input name="gyid" type="text" class="dfinput"/><i>干员的编号</i></li>--%>
<li><label>干员姓名</label><input v-model="gyname" name="gyname" type="text" class="dfinput"/><i>姓名</i></li>
<li><label>感染度</label><input v-model="gyinfected" name="gyinfected" type="text" class="dfinput"/><i>感染程度</i></li>
<li><label>干员职业</label><input v-model="gyjob" name="gyjob" type="text" class="dfinput"/><i>特长及职业</i></li>
<li><label>所属公司</label><cite><input v-model="gycompany" name="gycompany" type="text" class="dfinput"/><i>干员所属公司</i></li>
<li><label>干员种族</label><input v-model="gyrace" name="gyrace" type="text" class="dfinput"
/> <i>干员种族</i> </li>
<li><label>干员简介</label><textarea v-model="gydescription" name="gydescription" cols="" rows="" class="textinput"></textarea></li>
<li><label> </label><input name="" type="button" class="btn" @click="add()" value="添加"/></li>
</ul>
</div></div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#add",
data: {
gyname: '',
gyinfected: '',
gyjob: '',
gycompany: '',
gyrace: '',
gydescription: ''
},
methods: {
add() {
let param = new URLSearchParams();
param.append('gyname', this.gyname);
param.append('gyinfected', this.gyinfected);
param.append('gyjob', this.gyjob);
param.append('gycompany', this.gycompany);
param.append('gyrace', this.gyrace);
param.append('gydescription', this.gydescription);
axios.post('${pageContext.request.contextPath}/add/add_gan', param)
.then(function (response) {
console.log(response);
if (response.data === "add_success") {
alert("添加成功！")
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
主页面中的展示页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 9:24
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="login">
<head>
<meta charset="UTF-8">
<title>介绍页面</title>
<link href="#" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/main/css/show.css"/>
<script type="text/javascript" src=""></script>
</head>
<body>
<div id="wel_frame">
<p><label class="wel_input">Bitter forces may have wholesome results,The last stand against the originium</label>
</p>
<p><label class="wel_input">May I enjoy my life and practice my art,Respected by all men and in all times</label>
</p>
<p><label class="wel_input">罗德岛制药公司是一家注册医药研发公司</label></p>
<p><label class="wel_input">罗德岛在公开的资料中声称正在研究可以应用于各个国家,组织或个人遭遇的感染者问题的医疗方案,
因此在各国范围内广招贤士,不管资历,无论感染.同时，罗德岛也为其雇员提供良好的医疗与生活条件以及最先进的研究设备，
这吸引了许多走投无路的感染者和立志改变感染者处境的有能人士.</label></p>
<p><label class="wel_input">罗德岛制药公司作为感染者问题专家,聘用感染者,深入危险地区,通过种种手段,
已经成功解决了数起感染者引发的事件.而今,他们将面对史无前例的感染者暴乱.
在各个势力间游走,发掘不为人知的内幕,抵挡感染者的疯狂进攻.
公开领导人为阿米娅,玩家角色"博士"所处的组织,以找到治愈感染者的方法,
寻找让感染者与普通人和平共处之路为组织核心目标,全称罗德岛制药公司.</label></p>
<p><label class="wel_input">
混合了感染者成员在内，拥有完整独立武装力量与矿石感染研究与检疫手段的组织,
成为了近期活跃在处理感染者暴乱问题最前线的小型组织.
他们雇佣感染者频繁进入天灾经过或影响后的高危地区,
救助受难人群,处理矿石争端,抵抗反乱势力,或别的什么隐秘事物。
似乎拥有完整的天灾应急对策,熟练的难民急救操作流程,与行之有效的感染者打击手段.在切尔诺伯格事件中，与整合运动遭遇并交战。
事件后与龙门进行合作,成功反制了整合运动对龙门的第一轮渗透</label></p>
<p><label class="wel_input"> </label></p>
</div>
</body>
</html>
<%-- 。
。
全称罗德岛制药公司，。
。
罗德岛两个版本的logo上有着两句不同的标语。
其一：“”；
其二：“”（希波克拉底誓言最后一句话中的内容）。
--%>
主页面中的更新干员信息页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>干员更新</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="update"><div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">干员管理</a></li>
<li><a href="#">干员更新</a></li>
</ul>
</div>
<div class="formbody">
<div class="formtitle"><span>干员信息更新</span></div>
<ul class="forminfo">
<li><label>干员编号</label><input v-model="gyid" name="gyid" type="text" class="dfinput"/><i>干员的编号</i></li>
<li><label>更新的干员姓名</label><input v-model="gyname" name="gyname" type="text" class="dfinput"/><i>姓名</i></li>
<li><label>更新的感染度</label><input v-model="gyinfected" name="gyinfected" type="text" class="dfinput"/><i>感染程度</i></li>
<li><label>更新的干员职业</label><input v-model="gyjob" name="gyjob" type="text" class="dfinput"/><i>特长及职业</i></li>
<li><label>更新的所属公司</label><cite><input v-model="gycompany" name="gycompany" type="text" class="dfinput"/><i>干员所属公司</i></li>
<li><label>更新的干员种族</label><input v-model="gyrace" name="gyrace" type="text" class="dfinput"
/> <i>干员种族</i> </li>
<li><label>更新的干员简介</label><textarea v-model="gydescription" name="gydescription" cols="" rows="" class="textinput"></textarea></li>
<li><label> </label><input name="" type="button" class="btn" @click="update()" value="更新"/></li>
</ul>
</div></div>
</body>
</html>
<script type="text/javascript">
new Vue({
el: "#update",
data: {
gyid: '',
gyname: '',
gyinfected: '',
gyjob: '',
gycompany: '',
gyrace: '',
gydescription: ''
},
methods: {
update() {
let param = new URLSearchParams();
param.append('gyid', this.gyid);
param.append('gyname', this.gyname);
param.append('gyinfected', this.gyinfected);
param.append('gyjob', this.gyjob);
param.append('gycompany', this.gycompany);
param.append('gyrace', this.gyrace);
param.append('gydescription', this.gydescription);
axios.post('${pageContext.request.contextPath}/update/update_gan', param)
.then(function (response) {
console.log(response);
if (response.data === "update_success") {
alert("更新成功！")
window.location = '${pageContext.request.contextPath}/main/search.jsp';
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
主页面中的照片上传页面
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>图片上传</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="change"><div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">资料修改</a></li>
<li><a href="#">图像上传</a></li>
</ul>
</div>
<div class="formbody">
<div class="formtitle"><span >图像上传</span></div>
<ul class="forminfo">
<li><label>用户名</label><input id="macheck" name="gyname" type="text" readonly="readonly" v-model="manager" value="${sessionScope.user_name}" class="dfinput"/></li>
<li><label>请选择文件</label><input name="gyname" type="file" /><i>进行文件选择</i></li>
<li><label> </label><input name="" type="button" class="btn" @click="change()" value="上传"/></li>
<li><label>上传的图像</label><input name="gyname" type="image" /></li>
</ul>
</div></div>
</body>
</html>
<script type="text/javascript">
var m=document.getElementById("macheck").value;
new Vue({
el: "#change",
data: {
manager:m,
password: '',
newpassword: '',
newpasswordcheck: ''
},
methods: {
change() {
let param = new URLSearchParams();
param.append('manager',this.manager)
param.append('password', this.password);
param.append('newpassword', this.newpassword);
alert(param)
axios.post('${pageContext.request.contextPath}/change/change_password', param)
.then(function (response) {
console.log(response);
if (response.data === "change_success") {
alert("修改成功！")
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
<%--
Created by IntelliJ IDEA.
User: yllch
Date: 2020/10/30
Time: 16:13
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>图片上传</title>
<link href="${pageContext.request.contextPath}/main/css/style.css" rel="stylesheet" type="text/css"/>
<script src="${pageContext.request.contextPath}/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="${pageContext.request.contextPath}/js/axios.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="change"><div class="place">
<span>罗德岛：</span>
<ul class="placeul">
<li><a href="#">资料修改</a></li>
<li><a href="#">图像上传</a></li>
</ul>
</div>
<div class="formbody">
<div class="formtitle"><span >图像上传</span></div>
<ul class="forminfo">
<li><label>管理员</label><input id="macheck" name="gyname" type="text" readonly="readonly" v-model="manager" value="${sessionScope.manage_name}" class="dfinput"/></li>
<li><label>请选择文件</label><input name="gyname" type="file" /><i>进行文件选择</i></li>
<li><label> </label><input name="" type="button" class="btn" @click="change()" value="上传"/></li>
<li><label>上传的图像</label><input name="gyname" type="image" /></li>
</ul>
</div></div>
</body>
</html>
<script type="text/javascript">
var m=document.getElementById("macheck").value;
new Vue({
el: "#change",
data: {
manager:m,
password: '',
newpassword: '',
newpasswordcheck: ''
},
methods: {
change() {
let param = new URLSearchParams();
param.append('manager',this.manager)
param.append('password', this.password);
param.append('newpassword', this.newpassword);
axios.post('${pageContext.request.contextPath}/change/change_password', param)
.then(function (response) {
console.log(response);
if (response.data === "change_success") {
alert("修改成功！")
} else {
document.getElementById("warn").innerHTML = "<font color='red'>异常错误！注册失败！</font>";
}
})
.catch(function (error) {
console.log(error);
});
}
}
})
</script>
694
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
