Java EE框架应用开发（SpringBoot+VueJS） 第2版 课件 工作单元二 任务2 根据UI设计编写后端接口文档

实项操目JavaEE框架应用开发（SpringBoot+VueJS）工作单元二生成数据库与约定接口规范CHAPTERTWO任务2

根据UI设计编写后端接口文档任务实施步骤1设计用户管理功能的后端接口（1）分析用户管理页面，用户管理页面中需要下面4个后台接口功能：数据列表区的获取用户列表数据的接口功能；功能区的保存用户信息到数据库的接口功能；功能区的更新用户信息到数据库的接口功能；功能区的删除用户信息的接口功能；（2）用户的新增和修改功能共用一个页面，如图2-10所示，用户的新增和修改页面需要下面2个后台接口功能：Ø新增、修改页面需要获取角色列表的接口功能；Ø修改页面需要根据用户编号获取用户信息的接口功能；图2-10用户的新增和修改页面（3）根据识别出的接口功能设计UI页面与后端接口对应关系，见表2-1：接口功能HTTP请求方式URL地址支持格式获取用户列表GET/system/user/listJSON新增用户数据POST/system/userJSON修改用户数据PUT/system/userJSON删除用户数据DELETE/system/user/{userIds}JSON根据用户编号获取用户信息与角色列表GET/system/user/{userId},/system/user/JSON表2-1用户的UI页面与后端接口对应关系表步骤2设计角色管理功能的后端接口(1)分析角色管理页面，如图2-11所示，角色管理页面中需要下面4个后台接口功能：数据列表区的获取角色列表数据的接口功能；Ø功能区的保存角色信息到数据库的接口功能；Ø功能区的更新角色信息到

数据库的接口功能；Ø功能区的删除角色信息的

接口功能；图2-11角色管理页面（2）角色的新增和修改功能共用一个页面，如图2-12所示，角色的新增和修改页面需要下面3个后台接口功能：Ø新增页面需要获取树状菜单列表的接口功能；Ø修改页面需要根据角色

编号获取详细信息的

接口功能；Ø修改页面需要根据角色

编号获取树状菜单列表

的接口功能；图2-12角色的新增和修改页面（3）根据识别出的接口功能设计UI页面与后端接口对应关系，见表2-2如下：接口功能HTTP请求方式URL地址支持格式获取角色列表GET/system/role/listJSON新增角色数据POST/system/roleJSON修改角色数据PUT/system/roleJSON删除角色数据DELETE/system/role/{roleIds}JSON获取树状菜单列表GET/system/menu/treeselectJSON根据角色编号获取详细信息GET/system/role/{roleId}JSON根据角色编号获取树状菜单列表GET/system/menu/roleMenuTreeselect/{roleIds}JSON修改角色状态PUT/system/role/changeStatusJSON表2-2角色的UI页面与后端接口对应关系表步骤3设计菜单管理功能的后端接口(1)分析菜单管理页面，如图2-13所示，菜单管理页面中需要下面4个后台接口功能：

Ø数据列表区的获取菜单列表数据的接口功能；

Ø功能区的保存菜单信息到数据库的接口功能；

Ø功能区的更新菜单信息

到数据库的接口功能；

Ø功能区的删除菜单信息

的接口功能；图2-13菜单管理页面（2）菜单的新增和修改功能共用一个页面，如图2-14所示，菜单的新增和修改页面需要下面1个后台接口功能：Ø修改页面需要根据菜单编号获取详细信息的接口功能；图2-14菜单新增、修改页面（3）根据识别出的接口功能设计UI页面与后端接口对应关系，见表2-3如下：接口功能HTTP请求方式URL地址支持格式获取树状菜单列表GET/system/menu/listJSON新增菜单数据POST/system/menuJSON修改菜单数据PUT/system/menuJSON删除菜单数据DELETE/system/menu/{menuIds}JSON根据菜单编号获取详细信息GET/system/menu/{menuId}JSON表2-3菜单的UI页面与后端接口对应关系步骤4设计登录授权的后端接口(1)分析登录页面，如图2-15所示，登录页面中需要下面1个后台接口功能：Ø用户登录验证的接口功能；图2-15登录页面（2）登录成功后的首页，如图2-16所示，首页页面需要下面2个后台接口功能：Ø获取登陆用户授权信息的接口功能；Ø获取菜单路由信息的接口功能；图2-16登录成功后的首页（3）设计UI页面与后端接口对应关系，见表2-4。接口功能HTTP请求方式URL地址支持格式登录验证POST/loginJSON获取登陆用户授权信息GET/getInfoJSON获取菜单路由信息GET/getRoutersJSON表2-4登录授权的UI页面与后端接口对应关系单元小结基于数据库设计生成数据库以及根据UI设计编写后端接口文档，是前后端分离架构项目开发前期的重要