1.完成用戶登錄功能。
2.完成注冊功能。
3.主體利用Maven導(dǎo)入java中的jar包，使用Servlet實(shí)現(xiàn)前后端交互，使用mybatis以及注解，mysql進(jìn)行數(shù)據(jù)保存，Tomcat服務(wù)器進(jìn)行開發(fā)。
效果圖
項(xiàng)目結(jié)構(gòu)
代碼
mapper(相對應(yīng)注解)
package com.itheima.mapper;
import com.itheima.pojo.User;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;
public interface UserMapper {
/**
* 用戶登陸根據(jù)用戶和密碼來查詢用戶對象
* @param username
* @param password
* @return
*/
@Select("select * from tb_user where username=#{username} and password = #{password}")
User select(@Param("username") String username, @Param("password")String password);
/**
* 根據(jù)用戶名來查詢用戶是否存在
* @param usernmae
* @return
*/
@Select("select * from tb_user where username=#{username}")
User selectByUsername(String usernmae);
/**
* 判斷完是否存在后不存在再進(jìn)行注冊添加用戶
* @param user
*/
@Insert("insert into tb_user values(null,#{username},#{password})")
void add(User user);
}
pojo(實(shí)體類)
package com.itheima.pojo;
public class User {
private Integer id;
private String username;
private String password;
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
@Override
public String toString() {
return "User{" +
"id=" + id +
", username='" + username + '\'' +
", password='" + password + '\'' +
'}';
}
}
3.util(工具類)
package com.itheima.util;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;
import java.io.IOException;
import java.io.InputStream;
/**
*
* 工具類避免資源浪費(fèi)多次加載
*/
public class SqlSessionFactoryUtils {
private static SqlSessionFactory sqlSessionFactory;
static {
String resource = "mybatis-config.xml";
InputStream inputStream = null;
try {
inputStream = Resources.getResourceAsStream(resource);
} catch (IOException e) {
e.printStackTrace();
}
sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
}
public static SqlSessionFactory getSqlSessionFactory() {
return sqlSessionFactory;
}
}
4.web（Servlet）
1.loginServlet
package com.itheima.web;
import com.itheima.mapper.UserMapper;
import com.itheima.pojo.User;
import com.itheima.util.SqlSessionFactoryUtils;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;
@WebServlet("/loginServlet")
public class loginServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 1.接收用戶名和密碼
String username = request.getParameter("username");
String password = request.getParameter("password");
//2. 調(diào)用Mybatis完成查詢
SqlSessionFactory sqlSessionFactory = SqlSessionFactoryUtils.getSqlSessionFactory();
//2.2獲取SqlSession對象
SqlSession sqlSession =sqlSessionFactory.openSession();
//2.3獲取Mapper
UserMapper userMapper = sqlSession.getMapper(UserMapper.class);
//2.4 調(diào)用方法
User user = userMapper.select(username, password);
//2.5釋放資源
sqlSession.close();
// 獲取相對應(yīng)的輸出流 并設(shè)置content
response.setContentType("text/html;charset=utf-8");
PrintWriter writer = response.getWriter();
//3.判斷user是否為null
if (user!=null){
//登陸成功
writer.write("登陸成功");
}
else {
//登陸失敗
writer.write("登陸失敗");
}
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doGet(request, response);
}
}
2.registerServlet
package com.itheima.web;
import com.itheima.mapper.UserMapper;
import com.itheima.pojo.User;
import com.itheima.util.SqlSessionFactoryUtils;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.InputStream;
@WebServlet("/registerServlet")
public class registerServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//1.接受用戶數(shù)據(jù)
String username = request.getParameter("username");
String password = request.getParameter("password");
// 封裝用戶對象
User user = new User();
user.setUsername(username);
user.setPassword(password);
// 調(diào)用Mapper，根據(jù)用戶名來查詢是否
SqlSessionFactory sqlSessionFactory = SqlSessionFactoryUtils.getSqlSessionFactory();
//2.2獲取SqlSession對象
SqlSession sqlSession =sqlSessionFactory.openSession();
//2.3獲取Mapper
UserMapper userMapper = sqlSession.getMapper(UserMapper.class);
//2.4 調(diào)用方法
User u = userMapper.selectByUsername(username);
if (u == null){
// 用戶名不存在
userMapper.add(user);
// 提交事務(wù)
sqlSession.commit();
response.setContentType("text/html;charset=utf-8");
response.getWriter().write("注冊成功");
}
else{
// 用戶名不存在
response.setContentType("text/html;charset=utf-8");
response.getWriter().write("用戶已存在,注冊失敗");
}
// 釋放資源
sqlSession.close();
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doGet(request, response);
}
}
5.html
1.login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
<link href="css/login.css" rel="stylesheet">
</head>
<body>
<div id="loginDiv">
<form action="/Tomcat-demo1/loginServlet" method="post" id="form">
<h1 id="loginMsg">LOGIN IN</h1>
<p>Username:<input id="username" name="username" type="text"></p>
<p>Password:<input id="password" name="password" type="password"></p>
<div id="subDiv">
<input type="submit" class="button" value="login up">
<input type="reset" class="button" value="reset">
<a href="register.html">沒有賬號？點(diǎn)擊注冊</a>
</div>
</form>
</div>
</body>
</html>2.register.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>歡迎注冊</title>
<link href="css/register.css" rel="stylesheet">
</head>
<body>
<div class="form-div">
<div class="reg-content">
<h1>歡迎注冊</h1>
<span>已有帳號？</span> <a href="login.html">登錄</a>
</div>
<form id="reg-form" action="/Tomcat-demo1/registerServlet" method="post">
<table>
<tr>
<td>用戶名</td>
<td class="inputs">
<input name="username" type="text" id="username">
<br>
<span id="username_err" class="err_msg" style="display: none">用戶名不太受歡迎</span>
</td>
</tr>
<tr>
<td>密碼</td>
<td class="inputs">
<input name="password" type="password" id="password">
<br>
<span id="password_err" class="err_msg" style="display: none">密碼格式有誤</span>
</td>
</tr>
</table>
<div class="buttons">
<input value="注 冊" type="submit" id="reg_btn">
</div>
<br class="clear">
</form>
</div>
</body>
</html>總結(jié)
此登陸注冊界面使用Maven，Servlet，Mybatis，Mysql，Tomcat技術(shù)以及結(jié)合了html，css界面設(shè)置實(shí)現(xiàn)了前后端交互，將前端界面輸入的數(shù)據(jù)傳入到后端java中進(jìn)行處理并將數(shù)據(jù)保存在mysql數(shù)據(jù)庫之中，是個(gè)很不錯(cuò)的練手小項(xiàng)目，新入門小伙伴可以一起嘗試。文章來源：http://www.zghlxwxcb.cn/news/detail-420039.html
基本代碼如上所示，以上均為手敲，如需所有代碼請私信我，謝謝?。。?/span>文章來源地址http://www.zghlxwxcb.cn/news/detail-420039.html
到了這里，關(guān)于Java-Web前后端交互實(shí)現(xiàn)登陸注冊（附源碼）的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
