项目描述
上传时间
浏览人数
开发人:范磊;
使用软件:eclipse;
功能介绍:此项目为登录查看成员信息,登录界面有管理员登陆与成员登录,管理员登录后可以添加新的成员,与注销成员,并且对于存在数据库中的成员进行编辑修改.
登录界面如下:
此界面为管理员登录界面,点击员工登录为成员登录界面,两种身份登录,利用两个数据库,登录成功后进入不同界面,成员登录只可以查看自己的所有信息,而管理员登陆后可以对其进行修改;
管理员登录进入界面:
登录成功后进入此界面,此界面为管理员操作界面,具体可以添加新人,模糊查询,分页查询,对于存在数据库的成员进行修改以及注销;
点击添加新人界面:
添加新成员出现蒙层弹出输入框,填入用户名,密码,手机号,邮箱即可添加成功,在添加时对于手机号与邮箱进行正则判断,格式不正确则不可以进行添加;
添加代码在下方:
Jsp页面ajax调取Servlet传来的i:
function sendData(a, b, c,d) {
$.ajax({
type: "get",
url: "http://localhost:8080/add/Add",
data: {
username: a,
password: b,
phone: c,
email:d
},
async: true,
success: function(res) {
console.log(res);
if(res == 1) {
alert("注册成功!")
} else {
alert("注册失败")
}
}
});
}
创建的sendData函数,jsp界面我们在点击注册按钮时进行调用:
$(".add").click(function() {
var newcode = $(".newcode").val();
var username = $(".i1").val();
var password = $(".i2").val();
var phone = $(".i3").val()
var email = $(".eml").val();
if(isu(password)) {
re();
} else {
alert("密码需求六位")
}
function re() {
if(isphone == true && isemail == true && newcode == oldcode) {
sendData(username, password, phone, email);
} else if(isphone != true) {
alert("手机格式错误")
} else if(isemail != true) {
alert("邮箱格式错误")
} else if(newcode != oldcode) {
alert("验证码错误")
}
}
})
注册时需要满足isphone == true && isemail == true && newcode == oldcode和密码需要六位这些条:
密码六位的函数:
function isu(use) {
if(use.length >= 6) {
return true;
} else {
return false;
}
}
判断邮箱,手机号的正则:
先要给他们分别定义为false:
var isphone = false;
var isemail = false;
$(".i3").blur(function() {
var pho = $(".i3").val();
var one = /^(13[0-9]|14[0-9]|15[0-9]|166|17[0-9]|18[0-9]|19[8|9])\d{8}$/;
isphone = one.test(pho);
})
$(".eml").blur(function() {
var zoo = $(".eml").val();
var sed = /^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
isemail = sed.test(zoo);
})
点击修改按钮:
点击修改按钮弹出蒙层输入框,并且把当前选中的人所有信息带入输入框中,由于根据姓名进行修改,所以用户名无法更改,确认修改后成功显示在页面中,
员工登录界面:
成员登陆后所有信息不得更改,只可以进行查看所有信息
此项目可用于学校成绩录入系统,老师端可以录入学生成绩分数,学生可登录系统查询所有学科成绩,
整个小项目就完成了,接下来会把上传头像进行实现.