Java项目商品管理系统

Java项目商品管理系统 Java产品管理系统(2)

时间：2024-01-27 18:00:20 来源：IT袋作者：马勇

导读：Java项目商品管理系统，整体流程如下后端代码实现 1、在 BrandMapper 接口中定义抽象方法，并使用 @Select 注解编写 sql 语句 /** * 查询所有 * @return */@Select("select * from tb_brand

Java项目商品管理系统

Java项目商品管理系统

整体流程如下

Java项目商品管理系统

后端代码实现

1、在 BrandMapper 接口中定义抽象方法，并使用 @Select 注解编写 sql 语句

/**
     * 查询所有
     * @return
     */
@Select("select * from tb_brand")
List<Brand> selectAll();

2、在service包下创建接口定义查询方法

public interface BrandService {
    List<Brand> selectAll();
}

3、同时在service/impl包下创建实现类,同时创建selectAll方法

public class BrandServiceImpl implements BrandService {
    @Override
    public List<Brand> selectAll() {
        //获取Mybatis连接
        SqlSession sqlSession = MyBatisUtils.openSession();
        BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
        //调用查询方法
        List<Brand> brands = mapper.selectAll();
        sqlSession.close();
        return brands;
    }
}

4、在web包下创建BrandSelectAllServlet

@WebServlet(value = "/brand/selectAll")
public class BrandSelectAllServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //调用BrandService进行查询所有
        BrandService brandService = new BrandServiceImpl();
        List<Brand> brands = brandService.selectAll();
        //设置响应格式为json,将数据转换为字符串发送
        String jsonString = JSON.toJSONString(brands);
        System.out.println(jsonString);
        response.setContentType("text/json;charset=utf-8");
        response.getWriter().write(jsonString);
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("UTF-8");
        doGet(request,response);
    }
}

前端代码

前端需要在页面加载完毕后发送 ajax 请求，所以发送请求的逻辑应该放在 mounted() 钩子函数中。

而响应回来的数据需要赋值给表格绑定的数据模型，从下图可以看出表格绑定的数据模型是 tableData

Java项目商品管理系统

前端代码如下：

reselectAll() {
    // 1.(查询所有数据) 页面加载完成后发送异步请求，获取列表数据
    axios.get("brand/selectAll")
    .then(resp => {
    // 将数据设置到模型上
    this.tableData = resp.data;
});