SSM框架下模糊查询

今天实习的过程中,老师教了我们搭建一个SSM框架的项目实现简单的数据库的增删改查,而后布置了一个任务,让我们自己实现模糊查询。因此,在这里记录下我的实现过程。讲道理,今天的实习还是挺简单的,基本上老师都带着我们做了一遍,页面的jsp文件老师也都已经给我们写完搭好主题框架了,只要能跟上老师的思路,这个课后作业还是不难完成的

功能演示

在文本框中输入字符后,点击“搜索”按钮即可找出所以用户名中包含这些字符的用户的信息。例:在文本框中输入“2”,点击“搜索”按钮即可显示出用户名为“2”和“22322”的用户的信息,而其他用户的信息都隐去了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

实现过程

1.在bean层中抽象出类来映射数据库

在这里设计一个类来映射数据库,写出各项属性,get和set方法,构造函数,并重写toString方法,以备在之后使用

package com.whut.bean;

/**
 *  实体类模型 -User
 */
public class User {
    private int id;     //用户id
    private String username;   //用户名
    private String password;   //密码


    // get and ser
    //User user = new User();


    public int getId() {
        return id;
    }

    public void setId(int 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;
    }

    //构造方法  - User user =new User("","","")

    public User(int id, String username, String password) {
        this.id = id;
        this.username = username;
        this.password = password;
    }

    public User() {
    }

    //toString

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

Dao层接口和用Mybatis实现Dao层接口

建立一个接口,命名为"userDao",在其中写入模糊查询方法,参数为String类型的username,因为查询结果可能有多个,所以返回值应为集合类型

package com.whut.dao;

import com.whut.bean.User;

import java.util.List;

/**
 * UserDao - 接口,与数据库直接交互
 */
public interface UserDao {
    //模糊查询
    List<User> FuzzyQueryByUsername(String username);

}

在mapper文件下实现这个方法。注:parameterType即方法的参数类型,因为我们设计的方法参数为String类型,因此这个的值要为“java.lang.String”。返回值是User类的集合,所以应该为我们自己设计的User类。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.whut.dao.UserDao" >
    <!--模糊查询-->
    <select id="FuzzyQueryByUsername" parameterType="java.lang.String" resultType="com.whut.bean.User">
        select * from tb_user where username like "%"#{username}"%"
    </select>



</mapper>

Service层接口和实现

Service层可以看成是一个桥梁,连接Dao层和Controller层,依次实现接口时,可以直接生成一个Dao类的对象,然后直接调用这个类的方法。

package com.whut.service;

import com.whut.bean.User;


import java.util.List;

/**
 * UserService -- 业务逻辑层
 */
public interface UserService {
    //模糊查询
    List<User> FuzzyQueryByUsername(String username);
}

package com.whut.service.implate;

import com.whut.bean.User;
import com.whut.dao.UserDao;
import com.whut.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

    /**
     * UserServoc 的实现
     */
    @Service
    public class UserServiceImpl implements UserService {
    
    
        @Autowired
        private UserDao userDao;
    
        @Override
        public List<User> FuzzyQueryByUsername(String username) {
            return userDao.FuzzyQueryByUsername(username);
        }
    
    
    }

Controller层代码

package com.whut.controller;

import com.whut.bean.User;
import com.whut.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import java.util.List;

@Controller
@RequestMapping("user")
public class UserController {

    @Autowired
    private UserService userService;

    //模糊查询
    @RequestMapping("/FuzzyQueryByUsername")
    public ModelAndView FuzzyQueryByUsername(String username){
        //1.调用service方法
        List<User> userList = userService.FuzzyQueryByUsername(username);
        //2.实例化一个ModelAndView对象
        ModelAndView mv=new ModelAndView();
        mv.addObject("userList",userList);
        mv.setViewName("user-list");
        return mv;
    }

}

网页页面下文本框和搜索按钮的代码

<form action="${pageContext.request.contextPath}/user/FuzzyQueryByUsername.do"
 method="post">
     <div class="col-md-4 data1">
	     <input type="text" class="form-control" name="username"
     	   placeholder="username" value="">
	</div>
	<button type="submit" class="btn bg-maroon">搜索</button>
</form>

注意,这里使用的是post传值方法

  • 9
    点赞
  • 51
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值