Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析

这篇具有很好参考价值的文章主要介绍了Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

2.1 查询部门

2.1.1 原型和需求

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

查询的部门的信息:部门ID、部门名称、修改时间

通过页面原型以及需求描述,我们可以看到,部门查询,是不需要考虑分页操作的。

2.1.2 接口文档

部门列表查询

  • 基本信息

    请求路径:/depts
    ​
    请求方式:GET
    ​
    接口描述:该接口用于部门列表数据查询
  • 请求参数

  • 响应数据

    参数格式:application/json

    参数说明:

    参数名 类型 是否必须 备注
    code number 必须 响应码,1 代表成功,0 代表失败
    msg string 非必须 提示信息
    data object[ ] 非必须 返回的数据
    |- id number 非必须 id
    |- name string 非必须 部门名称
    |- createTime string 非必须 创建时间
    |- updateTime string 非必须 修改时间

    响应数据样例:

    {
      "code": 1,
      "msg": "success",
      "data": [
        {
          "id": 1,
          "name": "学工部",
          "createTime": "2022-09-01T23:06:29",
          "updateTime": "2022-09-01T23:06:29"
        },
        {
          "id": 2,
          "name": "教研部",
          "createTime": "2022-09-01T23:06:29",
          "updateTime": "2022-09-01T23:06:29"
        }
      ]
    }
2.1.3 思路分析

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

2.1.4 功能开发

通过查看接口文档:部门列表查询

请求路径:/depts

请求方式:GET

请求参数:无

响应数据:json格式

DeptController

@Slf4j
@RestController
public class DeptController {
    @Autowired
    private DeptService deptService;
​
    //@RequestMapping(value = "/depts" , method = RequestMethod.GET)
    @GetMapping("/depts")
    public Result list(){
        log.info("查询所有部门数据");
        List<Dept> deptList = deptService.list();
        return Result.success(deptList);
    }
}

@Slf4j注解源码:

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

DeptService(业务接口)

public interface DeptService {
    /**
     * 查询所有的部门数据
     * @return   存储Dept对象的集合
     */
    List<Dept> list();
}

DeptServiceImpl(业务实现类)

@Slf4j
@Service
public class DeptServiceImpl implements DeptService {
    @Autowired
    private DeptMapper deptMapper;
    
    @Override
    public List<Dept> list() {
        List<Dept> deptList = deptMapper.list();
        return deptList;
    }
}   
 

DeptMapper

@Mapper
public interface DeptMapper {
    //查询所有部门数据
    @Select("select id, name, create_time, update_time from dept")
    List<Dept> list();
}
2.1.5 功能测试

功能开发完成后,我们就可以启动项目,然后打开postman,发起GET请求,访问 :http://localhost:8080/depts

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

2.2 前后端联调

完成了查询部门的功能,我们也通过postman工具测试通过了,下面我们再基于前后端分离的方式进行接口联调。具体操作如下:

1、将资料中提供的"前端环境"文件夹中的压缩包,拷贝到一个没有中文不带空格的目录下

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

2、拷贝到一个没有中文不带空格的目录后,进行解压(解压到当前目录)

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

3、启动nginx

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

4、打开浏览器,访问:http://localhost:90

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

5、测试:部门管理 - 查询部门列表

Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析,Web,服务器,java,开发语言,mybatis,xml,servlet

说明:只要按照接口文档开发功能接口,就能保证前后端程序交互

  • 后端:严格遵守接口文档进行功能接口开发

  • 前端:严格遵守接口文档访问功能接口文章来源地址https://www.toymoban.com/news/detail-784934.html

到了这里,关于Javaweb之SpringBootWeb案例查询部门以及前后端联调的详细解析的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【JavaWeb后端开发-第六章(1)】SpringBootWeb案例

         前面我们已经讲解了Web前端开发的基础知识,也讲解了Web后端开发的基础(HTTP协议、请求响应),并且也讲解了数据库MySQL,以及通过Mybatis框架如何来完成数据库的基本操作。 那接下来,我们就通过一个案例,来将前端开发、后端开发、数据库整合起来。 而这个案例

    2024年02月02日
    浏览(54)
  • [JavaWeb]【九】web后端开发-SpringBootWeb案例(菜单)

    目录 一、准备工作 1.1 需求 1.2 环境搭建 1.2.1 准备数据库表  1.2.2 创建springboot工程 1.2.3 配置application.properties 准备对应实体类  1.2.3.1 application.properties  1.2.3.2 实体类  1.2.3.2.1 Emp类  1.2.3.2.2 Dept类 1.2.4 准备对应的Mapper、Service(接口实现类)、Controller基础结构 1.2.4.1 Mapper

    2024年02月11日
    浏览(49)
  • 【JavaWeb后端开发-第六章(3)】SpringBootWeb案例—登录认证

        在前面的章节中,我们已经实现了 部门管理 、 员工管理 的基本功能,但是大家会发现,我们并没有登录,就直接访问到了Tlias智能学习辅助系统的后台。 这是不安全的,所以我们今天的主题就是 登录认证 。 最终我们要实现的效果就是用户必须登录之后,才可以访

    2024年01月19日
    浏览(52)
  • 【JavaWeb后端开发-第六章(4)】SpringBootWeb案例—事务&AOP

        在数据库阶段我们已学习过事务了,我们讲到:      事务 是一组操作的集合,它是一个不可分割的工作单位。事务会把所有的操作作为一个整体,一起向数据库提交或者是撤销操作请求。所以这组操作要么同时成功,要么同时失败。     怎么样来控制这组

    2024年01月19日
    浏览(54)
  • Javaweb之SpringBootWeb案例之AOP核心概念的详细解析

    2.3 AOP核心概念 通过SpringAOP的快速入门,感受了一下AOP面向切面编程的开发方式。下面我们再来学习AOP当中涉及到的一些核心概念。 1. 连接点:JoinPoint ,可以被AOP控制的方法(暗含方法执行时的相关信息) 连接点指的是可以被aop控制的方法。例如:入门程序当中所有的业务

    2024年02月21日
    浏览(49)
  • Javaweb之SpringBootWeb案例之切入点表达式的详细解析

    3.3 切入点表达式 从AOP的入门程序到现在,我们一直都在使用切入点表达式来描述切入点。下面我们就来详细的介绍一下切入点表达式的具体写法。 切入点表达式: 描述切入点方法的一种表达式 作用:主要用来决定项目中的哪些方法需要加入通知 常见形式: execution(……):

    2024年02月21日
    浏览(42)
  • 黑马程序员JavaWeb开发|案例:tlias智能学习辅助系统(6)解散部门

      指路(1)(2)(3)(4)(5)👇 黑马程序员JavaWeb开发|案例:tlias智能学习辅助系统(1)准备工作、部门管理_tlias智能学习辅助系统的需求分析-CSDN博客 https://blog.csdn.net/YOYU_/article/details/135476566 黑马程序员JavaWeb开发|案例:tlias智能学习辅助系统(2)员工管理|分页查询、

    2024年01月19日
    浏览(52)
  • Spring Boot + Vue的前后端项目结构及联调查询

    当你刚开始学习前后端开发时,可能会感到有些困惑和不知所措。下面是一些建议,希望能为你的学习之旅提供一些启示: 建立坚实的基础知识 :学习前后端开发的第一步是建立坚实的基础知识。了解HTML、CSS和JavaScript的基本概念和语法是非常重要的,同时也要学习一门后端

    2024年02月10日
    浏览(37)
  • SpringBoot案例-部门管理-查询

    页面原型  需求分析 接口文档链接如下: https://docs.qq.com/doc/DUkRiTWVaUmFVck9N 思路分析 用户发送请求,交由对应的Controller类进行处理,Controller类调用service实现查询部门功能,对应的service业务层调用对应的mapper接口,通过mapper接口查询数据库执行select * from dept;SQL语句,将查询

    2024年02月13日
    浏览(35)
  • 黑马程序员最新版JavaWeb综合案例(前后端完整版)

    学习视频链接: 黑马程序员最新版JavaWeb基础教程,Java web从入门到企业实战完整版 完整代码链接: https://github.com/HaiLei-Fly/JavaWeb-brand 1、功能介绍 案例功能: 用户登录(账号密码登录) 用户注册(新用户注册账号) 查询所有(查询所有品牌数据) 新增品牌(增加新的品牌数

    2024年02月03日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包