Springboot簡單登錄注冊功能實現

仿貓眼電影網站登錄注冊功能實現：

使用Springboot實現登錄注冊功能

注冊：

實質操作為，在數據庫中做insert添加操作，同時判斷輸入密碼和再次輸入密碼是否一致，一致進行注冊，否則失敗。

登錄：

實質操作為，在數據庫中做select，通過手機號和密碼進行查找，如果查出不為空，則登錄成功，否則失敗。

實體類：

用戶uid、用戶名user_name、用戶密碼user_password、用戶手機號_user_tel

package com.hut.maoyanmovie.bean;

/**
 * @author HP
 * @data 2020-12-08
 */
public class User {
    private Integer uid;
    private String user_name;
    private String user_password;
    private String user_tel;
//省略get、set、toString、構造方法
}

mapper中sql語句：

    <select id="loginUserByTel" resultType="com.hut.maoyanmovie.bean.User">
        SELECT
        *
        FROM
        user
        WHERE
        user_tel = #{user_tel} and
        user_password = #{user_password}
    </select>

    <insert id="saveUserByUid">
        insert into
        user (user_name, user_password, user_tel)
        value (#{user_name},#{user_password},#{user_tel})
    </insert>

Dao：

    User loginUserByTel (String user_tel ,String user_password);

    void saveUserByUid (String user_name,String user_password ,String user_tel);

Service：

    User loginUserByTel (String user_tel ,String user_password);

    void saveUserByUid (String user_name,String user_password ,String user_tel);

Servicelmpl:

    @Override
    public User loginUserByTel(String user_tel, String user_password) {
        return userMapper.loginUserByTel(user_tel, user_password);
    }

    @Override
    public void saveUserByUid(String user_name, String user_password, String user_tel) {
        userMapper.saveUserByUid(user_name, user_password, user_tel);
    }

Controller:

package com.hut.maoyanmovie.controller;

import com.hut.maoyanmovie.bean.User;
import com.hut.maoyanmovie.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.GetMapping;

/**
 * @author HP
 * @data 2020-12-09
 */
@Controller
public class UserController {
    @Autowired
    private UserService userService;


    @GetMapping("saveUserByUid")
    //注冊功能，保存數據
    public String saveUserByUid(String user_name, String user_password, String user_tel,String user_repassword){
        if(user_password.equals(user_repassword)){
            //判斷密碼重復密碼是否一致
            //未實現彈窗
        userService.saveUserByUid(user_name, user_password, user_tel);
        return "login";
        }
        return "register";
    }
    @GetMapping("loginUserByTel")
    //登錄功能
    public String loginUserByTel(ModelMap modelMap , String user_tel , String user_password ){
                User user = userService.loginUserByTel(user_tel, user_password);
                if(user != null){
                    //成功
                    modelMap.put("user",user);
                    return "loginsuccess";
                }
                return "login";
                    //錯誤
                    //未實現彈窗
    }

    @GetMapping("/loginsuccess")
    public String loginsuccess(){
        //歡迎頁面
        return "loginsuccess";
    }

}

前端界面：部分代碼

登錄：

               <form action="loginUserByTel" method="get">
                    <div class="head">
                        <p>
                            <span>賬號登錄</span>
                        </p>
                    </div>

                    <div class="info">
                        <input type="text" value="手機號" id="user_tel" name="user_tel">
                        <input type="password" value="  密碼" id="user_password" name="user_password">
                    </div>
                    <div class="choose">
                        <input type="checkbox" name="seven" id="seven">
                        <label for="seven">7天內自動登錄</label>
                        <p><a href="#">忘記密碼？</a></p>
                    </div>
                    <div class="submit">
                        <input type="submit" value="登錄">
                    </div>
                    <div class="tail">
                        <p>還沒有賬號？<span><a href="./register">免費注冊</a></span></p>
                    </div>


                </form>

注冊：

            <form action="saveUserByUid" method="get">
                <span>手機號碼</span>
                <input type="text" class="input" id="user_tel" name="user_tel"><br/>
                <span>注冊成功后，全美團通用</span><br/>
                    用戶昵稱<input type="text" class="input" id="user_name" name="user_name"><br/>
                    創建密碼<input type="password" class="input" id="user_password" name="user_password"><br/>
                    確認密碼<input type="password" class="input" id="user_repassword" name="user_repassword"><br/>

                <div class="agree">
                    <input type="submit" value="同意以下協議並注冊">
                </div>
            </form>

歡迎：

            <form action="/maoyanmovie">
                <div class="head">
                    <h1>
                        <span>賬號登錄成功！</span>
                    </h1>
                </div>
                <div class="info">
                    <h2> 歡迎你！</h2><h1 th:text = ${user.user_name}></h1>
                </div>
                <div class="submit">
                    <input type="submit" value="返回首頁">
                </div>
            </form>

后續還添加攔截器功能

運行截圖：

 

 

 

 

 

 

 

后續還添加攔截器功能

 https://www.cnblogs.com/djhzzl/p/14135784.html