實項操目JavaEE框架應(yīng)用開發(fā)（SpringBoot+VueJS）工作單元二生成數(shù)據(jù)庫與約定接口規(guī)范職業(yè)能力本工作單元主要是生成項目需要的數(shù)據(jù)庫表與編寫項目接口規(guī)范文檔，最終希望學(xué)生達成如下職業(yè)能力目標：1.熟練掌握創(chuàng)建數(shù)據(jù)庫、數(shù)據(jù)表以及導(dǎo)入數(shù)據(jù)；2.熟練掌握基于UI設(shè)計模型編寫接口規(guī)范文檔。任務(wù)情景在前后端分離開發(fā)的項目中，研發(fā)人員開始編碼之前，需要完成下圖所示中的三個任務(wù)：(1)設(shè)計UI頁面，用于展示系統(tǒng)的操作的界面；(2)設(shè)計數(shù)據(jù)表，用于存儲系統(tǒng)的業(yè)務(wù)數(shù)據(jù)；(3)編寫接口服務(wù)文檔，以便于有一個統(tǒng)一的文件進行前后端溝通開發(fā)任務(wù)。web端第三方接口引入數(shù)據(jù)接口開發(fā)，根據(jù)請求返回JSONMySQL非結(jié)構(gòu)化數(shù)據(jù)（文檔、圖片等）API接口服務(wù)數(shù)據(jù)庫請求API接口數(shù)據(jù)POSTGET返回數(shù)據(jù)JSON前端后端圖2-1前后端分離開發(fā)的項目工作任務(wù)在設(shè)計人員完成設(shè)計UI頁面和設(shè)計數(shù)據(jù)表之后，研發(fā)人員需要根據(jù)數(shù)據(jù)表設(shè)計生成數(shù)據(jù)庫，以及根據(jù)UI設(shè)計編寫統(tǒng)一的后端接口文檔,研發(fā)人員開始編碼之前，將面臨下面兩個個問題：1.如何創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)表以及導(dǎo)入初始數(shù)據(jù)？2.在前后端分離項目中如何根據(jù)UI設(shè)計編寫后端接口文檔？基于上述兩個問題，本工作單元的具體任務(wù)如下：1.根據(jù)數(shù)據(jù)表設(shè)計生成數(shù)據(jù)庫；2.根據(jù)UI設(shè)計編寫后端接口文檔。

前置知識掌握數(shù)據(jù)語言定義MySQL數(shù)據(jù)庫設(shè)計規(guī)范掌握操作數(shù)據(jù)語言創(chuàng)建數(shù)據(jù)庫、選擇數(shù)據(jù)庫和刪除數(shù)據(jù)庫創(chuàng)建數(shù)據(jù)表和刪除數(shù)據(jù)表SELECT、INSERT、UPDATE、DELETE等數(shù)據(jù)庫、數(shù)據(jù)表、數(shù)據(jù)庫表字段的命名規(guī)范數(shù)據(jù)庫字段類型的規(guī)范數(shù)據(jù)庫三范式CHAPTERTWO任務(wù)1根據(jù)數(shù)據(jù)表設(shè)計生成數(shù)據(jù)庫任務(wù)實施步驟1學(xué)習(xí)理解權(quán)限管理系統(tǒng)的據(jù)庫表如圖2-2所示，根據(jù)RBAC原則設(shè)計了Friday權(quán)限管理系統(tǒng)的實體關(guān)系圖，然后根據(jù)該實體關(guān)系圖在MySQL數(shù)據(jù)庫中創(chuàng)建數(shù)據(jù)表。圖2-2權(quán)限管理系統(tǒng)的實體關(guān)系圖Friday權(quán)限管理系統(tǒng)的數(shù)據(jù)表描述如下：表名表描述sys_user用戶信息表sys_role角色信息表sys_user_role用戶和角色關(guān)聯(lián)表sys_menu菜單權(quán)限表sys_role_menu角色和菜單關(guān)聯(lián)表Friday權(quán)限管理系統(tǒng)的數(shù)據(jù)表詳細說明如下：字段名字段描述字段數(shù)據(jù)類型備注user_id用戶IDBigint主鍵，自增user_name用戶賬號varchar非空nick_name用戶昵稱varchar非空user_type用戶類型varchar00:系統(tǒng)用戶;email用戶郵箱varchar

phonenumber手機號碼varchar

sex用戶性別Char0:男;1:女;2:未知;avatar頭像地址varchar

password密碼varchar

status帳號狀態(tài)char0:正常;1:停用;del_flag刪除標志char0代表存在2代表刪除;login_ip最后登錄IPvarchar

login_date最后登錄時間Datetime

create_by創(chuàng)建者varchar

create_time創(chuàng)建時間datetime

update_by更新者varchar

update_time更新時間datetime

remark備注varchar1.sys_user用戶信息表2.sys_role角色信息表字段名字段描述字段數(shù)據(jù)類型備注role_id角色IDBigint主鍵，自增role_name角色名稱varchar非空role_key角色權(quán)限字符串varchar非空role_sort顯示順序Int非空data_scope數(shù)據(jù)范圍char1:全部數(shù)據(jù)權(quán)限;2:自定數(shù)據(jù)權(quán)限;3:本部門數(shù)據(jù)權(quán)限;4:本部門及以下數(shù)據(jù)權(quán)限;status帳號狀態(tài)char非空,0正常1停用del_flag刪除標志char0代表存在2代表刪除create_by創(chuàng)建者varchar

create_time創(chuàng)建時間datetime

update_by更新者varchar

update_time更新時間datetime

remark備注varchar3.sys_user_role用戶和角色關(guān)聯(lián)表4.sys_menu菜單權(quán)限表字段名字段描述字段數(shù)據(jù)類型備注user_id用戶IDBigint主鍵，非空role_id角色IDBigint主鍵，非空字段名字段描述字段數(shù)據(jù)類型備注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菜單狀態(tài)char0顯示1隱藏perms權(quán)限標識varchar

icon菜單圖標varchar

create_by創(chuàng)建者varchar

create_time創(chuàng)建時間datetime

update_by更新者varchar

update_time更新時間datetime

remark備注varchar5.sys_role_menu角色和菜單關(guān)聯(lián)表字段名字段描述字段數(shù)據(jù)類型備注role_id角色IDBigint主鍵，非空menu_id菜單IDBigint主鍵，非空步驟2創(chuàng)建數(shù)據(jù)庫（1）打開MySQLWorkbench客戶端，連接MySQL服務(wù)端，如圖2-3所示操作。圖2-3連接MySQL服務(wù)端如圖2-4所示顯示連接成功。圖2-4連接成功（2）創(chuàng)建一個名為friday的schema，如圖2-5所示，選擇'Charset/Collation'的值為'utf-8'和'utf-8_general_ci'，點擊'apply'按鈕創(chuàng)建schema。圖2-5創(chuàng)建schema步驟3導(dǎo)入數(shù)據(jù)表與初始數(shù)據(jù)（1）從項目代碼中獲取的SQL腳本。（2）如圖2-6所示，單擊‘SQL’按鈕，并選擇上一步中下載的SQL文件。圖2-6選擇下載的SQL文件（3）如圖2-7所示，單擊'黃色閃電'按鈕，執(zhí)行上一步導(dǎo)入的SQL腳本文件。圖2-7執(zhí)行下載的SQL文件（4）驗證數(shù)據(jù)表是否創(chuàng)建成功，如圖2-8所示，Tables中顯示數(shù)據(jù)表創(chuàng)建成功。圖2-8friday數(shù)據(jù)表任務(wù)評價技能點知識點自我評價（不熟悉/基本掌握/熟練掌握/靈活運用）創(chuàng)建數(shù)據(jù)庫MySQL創(chuàng)建數(shù)據(jù)庫MySQL創(chuàng)建數(shù)據(jù)表導(dǎo)入數(shù)據(jù)表感謝觀看~實項操目JavaEE框架應(yīng)用開發(fā)（SpringBoot+VueJS）工作單元二生成數(shù)據(jù)庫與約定接口規(guī)范CHAPTERTWO任務(wù)2

根據(jù)UI設(shè)計編寫后端接口文檔任務(wù)實施步驟1設(shè)計用戶管理功能的后端接口（1）分析用戶管理頁面，用戶管理頁面中需要下面4個后臺接口功能：數(shù)據(jù)列表區(qū)的獲取用戶列表數(shù)據(jù)的接口功能；功能區(qū)的保存用戶信息到數(shù)據(jù)庫的接口功能；功能區(qū)的更新用戶信息到數(shù)據(jù)庫的接口功能；功能區(qū)的刪除用戶信息的接口功能；（2）用戶的新增和修改功能共用一個頁面，如圖2-10所示，用戶的新增和修改頁面需要下面2個后臺接口功能：?新增、修改頁面需要獲取角色列表的接口功能；?修改頁面需要根據(jù)用戶編號獲取用戶信息的接口功能；圖2-10用戶的新增和修改頁面（3）根據(jù)識別出的接口功能設(shè)計UI頁面與后端接口對應(yīng)關(guān)系，見表2-1：接口功能HTTP請求方式URL地址支持格式獲取用戶列表GET/system/user/listJSON新增用戶數(shù)據(jù)POST/system/userJSON修改用戶數(shù)據(jù)PUT/system/userJSON刪除用戶數(shù)據(jù)DELETE/system/user/{userIds}JSON根據(jù)用戶編號獲取用戶信息與角色列表GET/system/user/{userId},/system/user/JSON表2-1用戶的UI頁面與后端接口對應(yīng)關(guān)系表步驟2設(shè)計角色管理功能的后端接口(1)分析角色管理頁面，如圖2-11所示，角色管理頁面中需要下面4個后臺接口功能：數(shù)據(jù)列表區(qū)的獲取角色列表數(shù)據(jù)的接口功能；?功能區(qū)的保存角色信息到數(shù)據(jù)庫的接口功能；?功能區(qū)的更新角色信息到

數(shù)據(jù)庫的接口功能；?功能區(qū)的刪除角色信息的

接口功能；圖2-11角色管理頁面（2）角色的新增和修改功能共用一個頁面，如圖2-12所示，角色的新增和修改頁面需要下面3個后臺接口功能：?新增頁面需要獲取樹狀菜單列表的接口功能；?修改頁面需要根據(jù)角色

編號獲取詳細信息的

接口功能；?修改頁面需要根據(jù)角色

編號獲取樹狀菜單列表

的接口功能；圖2-12角色的新增和修改頁面（3）根據(jù)識別出的接口功能設(shè)計UI頁面與后端接口對應(yīng)關(guān)系，見表2-2如下：接口功能HTTP請求方式URL地址支持格式獲取角色列表GET/system/role/listJSON新增角色數(shù)據(jù)POST/system/roleJSON修改角色數(shù)據(jù)PUT/system/roleJSON刪除角色數(shù)據(jù)DELETE/system/role/{roleIds}JSON獲取樹狀菜單列表GET/system/menu/treeselectJSON根據(jù)角色編號獲取詳細信息GET/system/role/{roleId}JSON根據(jù)角色編號獲取樹狀菜單列表GET/system/menu/roleMenuTreeselect/{roleIds}JSON修改角色狀態(tài)PUT/system/role/changeStatusJSON表2-2角色的UI頁面與后端接口對應(yīng)關(guān)系表步驟3設(shè)計菜單管理功能的后端接口(1)分析菜單管理頁面，如圖2-13所示，菜單管理頁面中需要下面4個后臺接口功能：

?數(shù)據(jù)列表區(qū)的獲取菜單列表數(shù)據(jù)的接口功能；

?功能區(qū)的保存菜單信息到數(shù)據(jù)庫的接口功能；

?功能區(qū)的更新菜單信息

到數(shù)據(jù)庫的接口功能；

?功能區(qū)的刪除菜單信息

的接口功能；圖2-13菜單管理頁面（2）菜單的新增和修改功能共用一個頁面，如圖2-14所示，菜單的新增和修改頁面需要下面1個后臺接口功能：?修改頁面需要根據(jù)菜單編號獲取詳細信息的接口功能；圖2-14菜單新增、修改頁面（3）根據(jù)識別出的接口功能設(shè)計UI頁面與后端接口對應(yīng)關(guān)系，見表2-3如下：接口功能HTTP請求方式URL地址支持格式獲取樹狀菜單列表GET/system/menu/listJSON新增菜單數(shù)據(jù)POST/system/menuJSON修改菜單數(shù)據(jù)PUT/system/menuJSON刪除菜單數(shù)據(jù)DELETE/system/menu/{menuIds}JSON根據(jù)菜單編號獲取詳細信息GET/system/menu/{menuId}JSON表2-3菜單的UI頁面與后端接口對應(yīng)關(guān)系步驟4設(shè)計登錄授權(quán)的后端接口(1)分析登錄頁面，如圖2-15所示，登錄頁面中需要下面1個后臺接口功能：?用戶登錄驗證的接口功能；圖2-15登錄頁面（2）登錄成功后的首頁，如圖2-16所示，首頁頁面需要下面2個后臺接口功能：?獲取登陸用戶授權(quán)信息的接口功能；?獲取菜單路由信息的接口功能；圖2-16登錄成功后的首頁（3）設(shè)計UI頁面與后端接口對應(yīng)關(guān)系，見表2-4。接口功能HTTP請求方式URL地址支