git 地址 vue數據管理系統項目地址
說明文檔 1. 題目
實現一張數據管理表格，包含以下字段表單驗證不能為空，實現其增刪改查和查看。id 頭像 姓名 性別 手機號 郵箱 個人簡介 密碼
2. 角色分配 管理員 : 姓名: 李磊 賬號: admin 密碼: admin
管理員mock數據
const managerData = {
id: 1111,
token: "qwer13265",
name: "小馬甲",
phoneNum: 15623272359,
role: 1,
sex: "男",
email: "123465@henhaoji.com",
img:
"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2621280521,1724782664&fm=26&gp=0.jpg",
introduce:
"游戲奮斗者,廿四哦打死哦i哦親哦阿薩大四哦i倒是安居客圣誕節撒謊繪畫覅婚紗活動教案或就哈哈的驕傲和世界的哈吉今安徽省的劇情和較好的",
password: 666666,
msg: "success",
}
普通用戶: 姓名:尤大大 賬號: 密碼: 3. 操作說明 3.1 登錄 用戶必須通過登錄才能進入系統首頁以及查看詳情頁，如果未登錄用戶通過url強行訪問首頁及詳情頁將會被攔截并跳轉到登錄頁面 用戶分角色登錄展現不同權限的頁面表單驗證不能為空，項目中開通一個管理員賬號和一個普通用戶賬號： 3.2 查詢 管理員總表查詢:管理員通過賬號登錄可以查詢到總體用戶的數據并渲染到表格上 管理員單個查詢:管理員可以通過上方的搜索框輸入想要查詢的人的名字全稱就可以精準查詢到 3.3 增加
管理員可以通過點擊增加成員,彈出彈窗進行增加成員的表單的填寫,表單通過驗證后才能進行提交增加數據
表單驗證規則: name :不能為空 :密碼不少于4位 email : /\w+@[a-z0-9]+.[a-z]{2,4}/ 不能為空
3.4 編輯
管理員可以通過點擊編輯所有成員,普通用戶只能編輯自己,彈出彈窗進行編輯成員的表單的填寫,表單通過驗證后才能進行提交更改數據
驗證同上
3.4 刪除
管理員可通過點擊刪除刪除對應的列表