-
权限系统--前后端完全分离
1.权限系统
1.前端使用: vue + elementui + axios + css + html
2.后端使用: springboot+mybatis-plus +mybatis+druid+shiro+swagger2+redis2. 登录界面
2.1前端布局
2.1.1创建Login.vue
2.1.2在Login.vue中写入登录的代码
- <div id="login_box" >
- <div class="img_position">
- <el-avatar :size="140" :src="imgUrl">el-avatar>
- div>
- <el-card class="box-card">
- <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
- <el-form-item label="用户名" prop="name">
- <el-input type="text" v-model="ruleForm.name" autocomplete="off">el-input>
- el-form-item>
- <el-form-item label="密码" prop="password">
- <el-input type="password" v-model="ruleForm.password" autocomplete="off">el-input>
- el-form-item>
- <el-form-item>
- <el-button type="primary"
- size="mini"
- :plain="true"
- @click="login"
- style="margin-left: 100px;width: 100px">登录el-button>
- el-form-item>
- el-form>
- el-card>
- div>
2.1.3登录界面的方法、数据
