Spring+thymeleaf完成用户管理页面的增删查改功能

目录

知识点: 路由重定向 redirect:/***

登录

控制层代码

接口

sql配置

页面效果

添加用户

控制层代码

接口

sql配置

页面效果

查看信息

控制层代码

接口

sql配置

页面效果

修改信息

控制层代码

接口

sql配置

页面效果

条件查询

控制层代码

接口

sql配置

页面效果

删除数据

控制层代码

接口

sql配置

页面效果


知识点: 路由重定向 redirect:/***

使得一个路由地址A与另一个路由地址B联系起来,执行A的时候会跳转执行B 。不仅 “/” 可以被重定向,其他普通路由地址互相也可以重定向。重定向会使得路由再次发生调用请求。

登录

输入用户名和密码,根据用户名和密码查询,如果查到,则登录成功。

控制层代码

/**
     * 登录 判断用户名和密码是否正确
     */
    @RequestMapping("/index")
    public ModelAndView goindex(User user) {
        System.out.println(user);
        System.out.println(user.getUsername() + "  " + user.getPassword());
        User login = userService.getUser(user);
        if (login != null) {
            mav.addObject("name", user.getUsername());
            mav.setViewName("index");
        } else {
            mav.addObject("error", "用户名和密码错误");
            mav.setViewName("login");
        }
        return mav;
    }

接口

   

//登录
    public User getUser(User user);

sql配置

 <!--登录 根据用户名和密码查询-->
    <select id="getUser" resultType="User">
        select *
        from user
        where username = #{username}
          and password = #{password}
    </select>

页面效果

登录页面

用户名密码错误时

用户名密码正确时

添加用户

点击添加用户,进入添加用户页面,表单输入完成后提交,添加表单内容到数据库

控制层代码

   

/**
     * 新建用户
     * @param user
     * @return
     */
    @RequestMapping("/userAdd")
    public Object goUserAdd(User user) {
        System.out.println("5555555555555555555555555"+user);
        if(user.getUsername()!=null){
            userService.insert(user);
            return "redirect:/userList";
        }else {
            mav.setViewName("userAdd");
            return mav;
        }
    }

接口

   /**
     * 新增数据
     *
     * @param user 实例对象
     * @return 影响行数
     */
   public Integer insert(User user);

sql配置

 <!--新增-->
    <insert id="insert">
        insert into user values (0,#{username}, #{password}, #{gender}, #{age}, #{phone}, #{type})
    </insert>

页面效果

查看信息

点击查看,根据id查询到信息,显示在页面上

控制层代码

 /**
     * 查看数据
     *
     * @return
     */
    @RequestMapping("/userView/{id}")
    public ModelAndView goUserView(@PathVariable("id") Integer id) {
        User user = userService.queryById(id);
        System.out.println(user);
        mav.addObject("item", user);
        mav.setViewName("userView");
        return mav;
    }

接口

 /**
     * 通过ID查询单条数据
     *
     * @param userid 主键
     * @return 实例对象
     */
    public User queryById(Integer userid);

sql配置

   

  <select id="queryById" resultType="User">
        select *
        from user
        where userid = #{userid}
    </select>

页面效果

修改信息

将原本信息显示在页面上,在输入框输入修改后信息,提交表单,更新数据库数据。

控制层代码

/**
     * 修改数据
     * 点击修改时:首先取缓存中数据和该行数据对比,一致则能修改,不一致则不允许修改。
     * @return
     */
    @RequestMapping("/userUpdate/{id}")
    public Object goUserUpdate(@PathVariable("id") Integer id, User user) {
//        先查看  修改前
        User user1 = userService.queryById(id);
        mav.addObject("former", user1);
        mav.setViewName("userUpdate");
//       再获取表单数据
        System.out.println("goUserUpdate" + user);
        if (user.getUsername() != null) {
            user.setUserid(user1.getUserid());
            userService.update(user);
            return "redirect:/userList";
        }
        return mav;
    }

接口

/**
     * 修改数据
     *
     * @param user
     * @return
     */
    public Integer update(User user);

sql配置

<!--通过主键修改数据-->
    <update id="update">
        update user
        <set>
            <if test="username != null and username != ''">
                username = #{username},
            </if>
            <if test="password != null and password != ''">
                password = #{password},
            </if>
            <if test="gender != null and gender != ''">
                gender = #{gender},
            </if>
            <if test="age != null">
                age = #{age},
            </if>
            <if test="phone != null and phone != ''">
                phone = #{phone},
            </if>
            <if test="type != null and type != ''">
                type = #{type},
            </if>
        </set>
        where userid = #{userid}
    </update>

页面效果

条件查询

根据输入条件,点击查询后页面显示数据。如果未输入,则显示所有,进入页面则显示所有

控制层代码

/**
     * 页面显示列表
     *
     * @return
     */
    @RequestMapping("/userList")
    public ModelAndView goUserList(User user) {
        System.out.println(user);
        List<User> users = userService.UserList(user.getUsername());
//        存缓存
        redisTemplate.opsForValue().set("users", users);
        List<User> userList = (List<User>) redisTemplate.opsForValue().get("users");
//        存页面
        mav.addObject("users", userList);
        mav.setViewName("userList");
        return mav;
    }

接口

 //显示列表
    public List<User> UserList(String username);

sql配置

  <!--显示列表-->
    <select id="UserList" resultType="User">
        select *
        from user
        <where>
            <if test="username!=null and username!=''">
                username like '%${username}%'
            </if>
        </where>
    </select>

页面效果

输入条件

点击查询后

再次点击

删除数据

点击删除按钮,删除此条数据。

控制层代码

 /**
     * 删除数据
     *
     * @param userid 主键
     * @return 删除是否成功
     */
    @RequestMapping("/userdelet/{id}")
    public String userdelet(@PathVariable("id") Integer userid) {
        userService.deleteById(userid);
        return "redirect:/userList";
    }

接口

 /**
     * 通过主键删除数据
     *
     * @param userid 主键
     * @return 影响行数
     */
   public Integer deleteById(Integer userid);

sql配置

<!--通过主键删除-->
    <delete id="deleteById">
        delete
        from user
        where userid = #{userid}
    </delete>

页面效果

删除小绿后:

相关推荐

  1. 图表管理功能(前后端实现增删

    2024-03-28 03:28:02       47 阅读
  2. 简单仓库管理系统(增删功能)

    2024-03-28 03:28:02       22 阅读
  3. VUE实现增删功能

    2024-03-28 03:28:02       38 阅读
  4. 在一个程序页面中加几个字段用于增删

    2024-03-28 03:28:02       35 阅读
  5. sql server 增删(基本用法

    2024-03-28 03:28:02       65 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-28 03:28:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-28 03:28:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-28 03:28:02       87 阅读
  4. Python语言-面向对象

    2024-03-28 03:28:02       96 阅读

热门阅读

  1. Shell教程_不同Shell中if-else条件语句的差异

    2024-03-28 03:28:02       41 阅读
  2. docker怎么端口映射

    2024-03-28 03:28:02       48 阅读
  3. C语言复习 -- 字符串

    2024-03-28 03:28:02       38 阅读
  4. vc_red.msi 错误

    2024-03-28 03:28:02       33 阅读
  5. unity实现2D主角视野锥解决方案

    2024-03-28 03:28:02       45 阅读
  6. 第十六节 JDBC PrepareStatement对象执行批量处理实例

    2024-03-28 03:28:02       46 阅读
  7. C语言程序编译和链接的

    2024-03-28 03:28:02       45 阅读