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