등록 기능 _ 기능 분석
등록 된 백그라운드 기능 코드
UserService의 등록 방법 테스트 작성
com \ wzx \ service \ TestUserService.java
@Test
public void test03() {
UserService userService = new UserService();
User user = new User();
user.setUsername("jackhello");
user.setPassword("123456");
user.setStatus('Y');
int code = userService.register(user);
System.out.println(code);
}
UserService의 등록 방법 작성
com \ wzx \ service \ UserService.java
public int register(User user) {
UserDao userDao = MySessionUtils2.getMapper(UserDao.class);
//判断 用户的账号是否存在
User user2 = userDao.findByUserName(user.getUsername());
//不存在,调用保存 返回 1
if(user2 == null){
userDao.save(user2);
return 1;
}else{
//存在,返回-1
return -1;
}
}
UserDao 작성 방법
\ wzx \ dao \ UserDao.java 사용
//select * from tab_user where username='jackhello3'
User findByUserName(String username);
//insert into tab_user values(null,...)
void save(User user2);
\ wzx \ dao \ UserDao.xml 사용
<select id="findByUserName" parameterType="string" resultType="user">
select * from tab_user where username=#{username}
</select>
<insert id="save" parameterType="user" >
insert into tab_user values(null,#{username},
#{password},#{name},#{birthday},#{sex},#{telephone},#{email},#{status},#{code})
</insert>
UserDao 클래스의 메서드 테스트
\ wzx \ dao \ UserDaoTest2.java 사용
public class UserDaoTest2 {
@Test
public void findByUserName() {
UserDao dao = MySessionUtils2.getMapper(UserDao.class);
User user = dao.findByUserName("jackhello");
System.out.println(user);
}
@Test
public void save() {
UserDao dao = MySessionUtils2.getMapper(UserDao.class);
User user= new User(33,"jackhello33","jackhello34",new Date(),"jack","男","3333","[email protected]",'N',"ddd");
// User(int uid, String username, String password, Date birthday, String name, String sex, String telephone, String email, char status, String code)
dao.save(user);
}
}
프런트 데스크 코드
register.jsp
새 register.jsp를 만들고
reister.html을
대체 프로젝트에 복사 하고 register.html을 register.jsp 로 바꿉니다.
register.jsp 페이지의 데이터 검증
- (0) 실제 프로젝트의 데이터 형식은 브라우저에서 확인됩니다. 그 이유
는 사용자 경험을 개선하고 서버에 대한 부담을 줄입니다. - (1) 사용자 이름 / ^ \ w {8,20} $ / 단어 문자, 길이 8-20 자리 확인
- (2) 비밀번호 확인 / ^ \ w {8,20} $ / 단어 문자, 길이 8-20 자리
- (3) 이메일 확인 = /^\w+@\w+.\w+$/ 이메일 [email protected]
정규식 정규식 .test
(문자열)
는 부울 값
true를 반환 하고 형식이 정확하고
false이며 형식이 잘못되었습니다.
<script type="text/javascript" >
function checkUsername(){
//判断一下账号输入是否合法
var username = $("#username").val();
var reg = /^\w{8,20}$/ ;
var flag = reg.test(username);
if(flag){
//不提示
$("#username").css("border","");
}else{
//提示
$("#username").css("border","1px solid red");
}
return flag;
}
function checkPassword(){
//判断一下密码输入是否合法
var password = $("#password").val();
var reg = /^\w{8,20}$/ ;
var flag = reg.test(password);
if(flag){
//不提示
$("#password").css("border","");
}else{
//提示
$("#password").css("border","1px solid red");
}
return flag;
}
function checkEmail(){
//判断一下密码输入是否合法
var email = $("#email").val();
var reg = /^\w+@\w+\.\w+$/ ;
var flag = reg.test(email);
if(flag){
//不提示
$("#email").css("border","");
}else{
//提示
$("#email").css("border","1px solid red");
}
return flag;
}
$(function () {
//账号密码 手机号 邮箱 正则判断
//格式正确不作提示,如果错误将边框改成红色
$("#username").blur(checkUsername)
$("#password").blur(checkPassword)
$("#email").blur(checkEmail)
$("#registerForm").submit(function () {
//ajax提交
return false;
})
});
</script>
프론트 데스크 등록 _Ajax 요청
(1) 제출 함수
는 양식 제출 여부를 제어합니다. 함수는 true를 반환하고, 양식이 제출되고, 양식이 false를 반환합니다. 양식이 제출되지 않습니다.
여기
에서 ajax를 제출하면 false를 작성합니다.
(2) 왜 false를 반환합니까? 데이터가 서버에 어떻게 전달됩니까?
아약스 제출
register.jsp
$("#registerForm").submit(function () {
//ajax提交
if(checkUsername()&&checkPassword()&&checkEmail()){
//使用jquery
$.post("registerServlet",$("#registerForm"). serialize(),
function(data){
//{code:1,data:成功}
if(1 == data.code){
//注册成功
window.location = "login.jsp";
}else{
//注册失败
$("#errorMsg").html(data.data);
}
},"json");
}
return false;
})
RegisterServlet 쓰기
com \ wzx \ web \ servlet \ RegisterServlet.java
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//接收请求,获取参数
Map<String, String[]> map = request.getParameterMap();
User user = new User();
//将请求中的参数赋值给变量
try {
BeanUtils.populate(user,map);
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
}
//对参数处理
UserService userService = new UserService();
int code = userService.register(user);
//响应给浏览器
ResponseInfo responseInfo = new ResponseInfo();
responseInfo.setCode(code);
if(code==1){
responseInfo.setData("注册成功");
}else{
//-1,-2,-3
responseInfo.setData("注册失败");
}
String json = new ObjectMapper().writeValueAsString(responseInfo);
response.getWriter().println(json);
}
현재까지의 BeanUtils 문자열 ****
ConvertUtils.register方法
변환기는 BanUtils에 등록 할 수 있습니다.- 문자열을 java.util.Date로 자동 변환 할 수 있습니다.
ConvertUtils.register(new Converter() {
public Object convert(Class type, Object value) {
SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");
try {
return simpleDateFormat.parse(value.toString());
} catch (ParseException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
}, Date.class);
등록 된 인증 코드 처리
LoginServlet에서 직접 복사하되 프롬프트를 수정하십시오.