git address vue data management system project address
Documentation
1. Title
Realize a data management form, including the following fields, to realize its addition, deletion, modification, checking and viewing. id avatar name gender phone number email personal profile password
2. Role Assignment
- Administrator: Name:
李磊
Account Number:admin
Password:admin
Admin mock data
const managerData = {
id: 1111,
token: "qwer13265",
name: "小马甲",
phoneNum: 15623272359,
role: 1,
sex: "男",
email: "[email protected]",
img:
"https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2621280521,1724782664&fm=26&gp=0.jpg",
introduce:
"游戏奋斗者,廿四哦打死哦i哦亲哦阿萨大四哦i倒是安居客圣诞节撒谎绘画覅婚纱活动教案或就哈哈的骄傲和世界的哈吉今安徽省的剧情和较好的",
password: 666666,
msg: "success",
}
- Ordinary User: Name:
尤大大
Account Number:15623703201
Password:111111
3. Operating Instructions
3.1 Login
- The user must log in to enter the system homepage and view the details page. If the user who is not logged in forcibly visits the homepage and details page through the url, it will be intercepted and redirected to the login page
- Users log in by role to display pages with different permissions. One administrator account and one ordinary user account are opened in the project:
- Administrator: Name of
小马甲
accountadmin
passwordsadmin
,查看所有用户列表
permissions:搜索单个用户
,增加用户
,编辑用户
,删除用户
, ,查看用户详情
- Ordinary users: Name:
尤大大
Account:15623703201
Password: permissions:111111
, ,只能看到自己的列表
编辑自己信息
查看自己详情
- Administrator: Name of
3.2 Query
- Administrator summary table query: The administrator can query the overall user data and render it on the table through account login
- Administrator single query: The administrator can accurately query by entering the full name of the person who wants to query through the search box above
3.3 Increase
The administrator can click to add members, and a pop-up window will pop up to fill in the form for adding members. The form can only be submitted after verification. Add data
form validation rules : name: cannot be empty password: password is not less than 4 digits email: /\w+ @[a-z0-9]+.[az]{2,4}/ introduce cannot be empty
3.4 Edit
Administrators can edit all members by clicking on them. Ordinary users can only edit themselves. A pop-up window will pop up to fill in the edit member's form. After the form is verified, the data can be submitted and changed. The
verification is the same as above.
3.4 Delete
The administrator can delete the corresponding list by clicking Delete
3.5 View details
The administrator can jump to the details page through routing by clicking on all the details in the list. Ordinary users can only view their own details. If they are forcibly accessed through the URL, the routing will be intercepted.