ssm与前后端分离

最新推荐文章于 2024-06-16 03:42:28 发布

原创

最新推荐文章于 2024-06-16 03:42:28 发布 · 4.9k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#ssm #前后端分离开发

本文档详细介绍了使用SSM框架搭建后台模块，并结合RESTful API进行前后端分离的实践。首先讲解了RESTful的核心概念，接着展示相关代码。然后，演示如何运行和配置前端项目，实现CRUD操作，包括使用脚手架下载前端代码，安装依赖，运行和打包项目。最后，讨论了前端数据展示和CRUD操作的实现细节。

ssm框架项目以及前后端分离模式练习-day1

一.搭建后台代码的模块

在这里插入图片描述

二.使用restfull发送请求

2.1restfull的概述

Restfull是http协议的扩展,它以资源为核心,通过url定位资源,以http协议不同请求方式表示操作

请求方式	作用
put	新增
post	修改
PATCH	查询所有
delete	删除
get	条件查询/查询单个

2.2代码呈现

在这里插入代码片@Controller
@RequestMapping("/employee")
//解决ajax(我们后台用的是axiso也就是封装了ajax请求的另外一种方式)异域请求
@CrossOrigin
public class EmoloyeeController {
   
   
    @Autowired
    private IEmployeeService iEmployeeService;
    //@RequestMapping("/list") PATCH resultful风格中的查询所有
    @RequestMapping(method = RequestMethod.PATCH)
    @ResponseBody
    public List list(){
   
   
        return  iEmployeeService.queryAll();
    }

    //json格式过来 @RequestBody 接收json数据
    @ResponseBody
    @RequestMapping(value="/save",method = RequestMethod.PUT)
    public AjaxResult save(@RequestBody Employee employee){
   
   
        try {
   
   
            iEmployeeService.save(employee);
        } catch (Exception e) {
   
   
            e.printStackTrace();
            return AjaxResult.me().setMsg("操作失败").setSuccess(false);
        }
        return  AjaxResult.me();
    }

    @ResponseBody
    @RequestMapping(value="/update",method = RequestMethod.POST)
    //@RequestBody 前台传过来的是json格式数据，我们需要接受请求封装成对象
    public AjaxResult update(@RequestBody Employee employee){
   
   
        try {
   
   
            iEmployeeService.update(employee);
        } catch (Exception e) {
   
   
            e.printStackTrace();
            return AjaxResult.me().setMsg("操作失败").setSuccess(false);
        }
        return  AjaxResult.me();
    }

    //   /employee/id=1   /employee/1
    //  编译的问题
   //@PathVariable获取上面requestMapping中接受的id值赋值给Long id
    @RequestMapping(value="{id}",method = RequestMethod.DELETE)
    @ResponseBody
    public AjaxResult delete(@PathVariable("id") Long id){
   
   
        try {
   
   
            iEmployeeService.delete(id);
        } catch (Exception e) {
   
   
            e.printStackTrace();
            return AjaxResult.me().setMsg("操作失败").setSuccess(false);
        }
        return  AjaxResult.me();
    }
    //resultful风格中查询一条数据的传值方法
    @RequestMapping(value="{id}",method