spring boot easyui菜鸟教程（01）——datagrid增删改查

最新推荐文章于 2024-08-24 22:15:32 发布

fengcai0123

最新推荐文章于 2024-08-24 22:15:32 发布

阅读量4.1k

点赞数

分类专栏： easyui 文章标签： datagrid easyui

本文链接：https://blog.csdn.net/fengcai0123/article/details/79138016

版权

这篇博客介绍了Spring Boot结合EasyUI实现datagrid的增删改查操作，详细讲解了项目结构、Controller的配置以及HTML页面的设计过程。

摘要由CSDN通过智能技术生成

1. 项目结构：
这里写图片描述

2. controller

//查询商品信息,返回json
    @RequestMapping(value = "/findProductJson")
    @ResponseBody
    public List<Product> findProductJson(Map map){
        List<Product> productList=productService.findAll();
        map.put("productList",productList);
        return productList;
    }
    //新增商品信息,重定向到product.save,返回json
    @RequestMapping(value = "/saveProduct",method = RequestMethod.POST)
    public String  saveProduct(Product p){
            productService.save(p);
            return "redirect:/index/findProduct";
    }

3. html页面(easyui)
新增、查询

<head> 
    <link rel="stylesheet" type="text/css" href="../static/easyui/themes/default/easyui.css"  th:href="@{/easyui/themes/default/easyui.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/easyui/themes/icon.css" th:href="@{/easyui/themes/icon.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/easyui/themes/color.css" th:href="@{/easyui/themes/color.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/easyui/demo/demo.css" th:href="@{/easyui/demo/demo.css}"/>
    <script type="text/javascript" src="../static/easyui/jquery.min.js"