# 登录与注册 本章节先容登录、注册页面的编写海西预应力钢绞线价格。
# 后台接口修改src/api/user.js文献,提供登录与注册接口:
# 模拟数据修改src/mock/index.js文献,模拟登录与注册的复返数据:
# 编写页面 # 页面施展 # 1. 表单校验登录、注册页面波及表单提交,请谛视表单输入值的校验,此处用了Element的Form表单
般里面网站不需要使用考据码,因此这边莫得已毕。
若要已毕海西预应力钢绞线价格,不错有两种式:是前端自我生成赶快数,自我校验;二是向后台苦求个考据码,提交表单时起复返给后台校验。接头到考据码的谋划是为了安全,荐使用二种式来作念考据。但论哪种式,考据码王人应该处理成图片,避用户平直赋值或爬虫剧本纯粹拿到校验码,不错参考identify插件
为了让用户便地登录系统,咱们时时提供记着密码/下次自动登录。
记着密码:诳骗cookie大致storage,咱们不错记载下用户的账号和密码,在用户下次登录时自动写入到对应输入框。但平直记载用户密码是个不安全的看成,因此提议记载密码时,改为记载位数N和加密后的恶果(如md5),加载页面时用N个*写入输入框,提交表单时密码提交的是md5值。
下次自动登录:咱们不错保存这次登录的身份,如cookie或token,下次参预系统时不竭使用此值(此时要谛视后台token的失逻辑)。
本技俩自动使用二种案,预应力钢绞线咱们将鄙人章的权限收尾中已毕。
# 4. 登录密码安全起见,苦求登录时不会发送明文密码,而是发送加密后的字符串,本技俩遴荐sha256加密算法。
手机号码:13302071130 # 5. 页面跳转页面跳转使用Vue官的路由惩处器Vue Router
<template>
<div id="app">
<!-- 删除以下行
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div>
-->
<router-view/>
</div>
</template>
<style lang="scss">
#app {
height: ;
}
/* 删除以下行
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e5;
}
#nav {
padding: 3px;
a {
font-weight: bold;
color: #2c3e5;
&.router-link-exact-active {
color: #42b983;
}
}
}
*/
</style>
# 路由惩处 以上咱们编写完毕页面,但却莫得告诉系统什么工夫去示这些页面。
这工夫咱们就需要个路由惩处器
登录页面:http://localhost:88/#/login
注册页面:http://localhost:88/#/register
荐个网址,不错找到好多纯由html + css + js编写的道理的特页面:https://codepen.io/
如我基于yeti login
15222026333