软件工程-人事管理系统项目（一）

~~

人事管理系统（一）

~~
使用vue搭建前端，后端用springboot（一个软件工程的项目）

1.登录页面

背景采用黑金主题，让人事管理系统看上去更加大气
提供三种登录方法：
管理员登录可以拥有最高权限的操作，
用户登录可以进行基本的操作，
游客登录可以进入观看系统的功能
代码段

<template>
    <div class="headerimg">
        <button class="okbtn">确定</button>
        <button @click="returnclick" class="retbtn">取消</button>
        <p class="username">请输入用户名:</p>
        <p class="password">请输入密码:</p>
        <p class="spassword">请确认密码:</p>
        <p class="mobnum">请输入手机号码:</p>
        <input type="text" class="userin">
        <input type="text" class="passin">
        <input type="text" class="passsure">
        <input type="text" class="mobin">
    </div>
</template>

<style scoped>
div{
   
    position: relative;
}
p{
   
    position: absolute;
    height: 26px;
    width: 288px;
    color: #FFD700;
    font-size: 28px;
}
input{
   
    border: #BEBEBE solid 1px;
    background-color: black;
    border-radius: 5px;
    color: 	#FFFFCE;
    font-size: 22px;
}
.headerimg {
   
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    margin:-8px;
    position: fi