Java EE框架应用开发（SpringBoot+VueJS） 第2版 课件 工作单元二 生成数据库与约定接口规范

实项操目JavaEE框架应用开发（SpringBoot+VueJS）工作单元二生成数据库与约定接口规范职业能力本工作单元主要是生成项目需要的数据库表与编写项目接口规范文档，最终希望学生达成如下职业能力目标：1.熟练掌握创建数据库、数据表以及导入数据；2.熟练掌握基于UI设计模型编写接口规范文档。任务情景在前后端分离开发的项目中，研发人员开始编码之前，需要完成下图所示中的三个任务：(1)设计UI页面，用于展示系统的操作的界面；(2)设计数据表，用于存储系统的业务数据；(3)编写接口服务文档，以便于有一个统一的文件进行前后端沟通开发任务。web端第三方接口引入数据接口开发，根据请求返回JSONMySQL非结构化数据（文档、图片等）API接口服务数据库请求API接口数据POSTGET返回数据JSON前端后端图2-1前后端分离开发的项目工作任务在设计人员完成设计UI页面和设计数据表之后，研发人员需要根据数据表设计生成数据库，以及根据UI设计编写统一的后端接口文档,研发人员开始编码之前，将面临下面两个个问题：1.如何创建数据库与数据表以及导入初始数据？2.在前后端分离项目中如何根据UI设计编写后端接口文档？基于上述两个问题，本工作单元的具体任务如下：1.根据数据表设计生成数据库；2.根据UI设计编写后端接口文档。

前置知识掌握数据语言定义MySQL数据库设计规范掌握操作数据语言创建数据库、选择数据库和删除数据库创建数据表和删除数据表SELECT、INSERT、UPDATE、DELETE等数据库、数据表、数据库表字段的命名规范数据库字段类型的规范数据库三范式CHAPTERTWO任务1根据数据表设计生成数据库任务实施步骤1学习理解权限管理系统的据库表如图2-2所示，根据RBAC原则设计了Friday权限管理系统的实体关系图，然后根据该实体关系图在MySQL数据库中创建数据表。图2-2权限管理系统的实体关系图Friday权限管理系统的数据表描述如下：表名表描述sys_user用户信息表sys_role角色信息表sys_user_role用户和角色关联表sys_menu菜单权限表sys_role_menu角色和菜单关联表Friday权限管理系统的数据表详细说明如下：字段名字段描述字段数据类型备注user_id用户IDBigint主键，自增user_name用户账号varchar非空nick_name用户昵称varchar非空user_type用户类型varchar00:系统用户;email用户邮箱varchar

phonenumber手机号码varchar

sex用户性别Char0:男;1:女;2:未知;avatar头像地址varchar

password密码varchar

status帐号状态char0:正常;1:停用;del_flag删除标志char0代表存在2代表删除;login_ip最后登录IPvarchar

login_date最后登录时间Datetime

create_by创建者varchar

create_time创建时间datetime

update_by更新者varchar

update_time更新时间datetime

remark备注varchar1.sys_user用户信息表2.sys_role角色信息表字段名字段描述字段数据类型备注role_id角色IDBigint主键，自增role_name角色名称varchar非空role_key角色权限字符串varchar非空role_sort显示顺序Int非空data_scope数据范围char1:全部数据权限;2:自定数据权限;3:本部门数据权限;4:本部门及以下数据权限;status帐号状态char非空,0正常1停用del_flag删除标志char0代表存在2代表删除create_by创建者varchar

create_time创建时间datetime

update_by更新者varchar

update_time更新时间datetime

remark备注varchar3.sys_user_role用户和角色关联表4.sys_menu菜单权限表字段名字段描述字段数据类型备注user_id用户IDBigint主键，非空role_id角色IDBigint主键，非空字段名字段描述字段数据类型备注menu_id菜单IDBigint主键，自增menu_name菜单名称varchar非空parent_id父菜单IDBigint

order_num显示顺序Int

path路由地址varchar

component组件路径varchar

is_frame是否为外链int0是1否menu_type菜单类型charM目录C菜单F按钮visible菜单状态char0显示1隐藏perms权限标识varchar

icon菜单图标varchar

create_by创建者varchar

create_time创建时间datetime

update_by更新者varchar

update_time更新时间datetime

remark备注varchar5.sys_role_menu角色和菜单关联表字段名字段描述字段数据类型备注role_id角色IDBigint主键，非空menu_id菜单IDBigint主键，非空步骤2创建数据库（1）打开MySQLWorkbench客户端，连接MySQL服务端，如图2-3所示操作。图2-3连接MySQL服务端如图2-4所示显示连接成功。图2-4连接成功（2）创建一个名为friday的schema，如图2-5所示，选择'Charset/Collation'的值为'utf-8'和'utf-8_general_ci'，点击'apply'按钮创建schema。图2-5创建schema步骤3导入数据表与初始数据（1）从项目代码中获取的SQL脚本。（2）如图2-6所示，单击‘SQL’按钮，并选择上一步中下载的SQL文件。图2-6选择下载的SQL文件（3）如图2-7所示，单击'黄色闪电'按钮，执行上一步导入的SQL脚本文件。图2-7执行下载的SQL文件（4）验证数据表是否创建成功，如图2-8所示，Tables中显示数据表创建成功。图2-8friday数据表任务评价技能点知识点自我评价（不熟悉/基本掌握/熟练掌握/灵活运用）创建数据库MySQL创建数据库MySQL创建数据表导入数据表感谢观看~实项操目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地址支