实际项目开发的时候登陆该做些什么操作呢

最新推荐文章于 2023-04-28 17:12:39 发布

芳妮子

最新推荐文章于 2023-04-28 17:12:39 发布

阅读量294

点赞数

分类专栏：登陆文章标签： vue

本文链接：https://blog.csdn.net/weixin_53152446/article/details/110731090

版权

本文探讨了实际项目开发中登录功能的实现，前端向后端传递参数，后端验证并返回token。前端负责展示登录状态，并在后续请求中携带token。部分数据允许未登录用户访问，是否需要token取决于具体需求。文中分享了登录页面的关键布局、CSS样式和JavaScript代码。

摘要由CSDN通过智能技术生成

前言:在实际的项目开发中,少不了登陆注册功能的实现,其实作为前端的我来说,懵懂的知道一些注册是我们前端向后端传入参数后,后端给我们把这些参数添加到数据库中,登陆的话是后端拿前端的参数去数据库查找有没有该数据,没有则会给前端返回相应的提示,前端负责把它展示出来即可,登陆涉及到后端返回来的token ,登陆之后每当我们想后端请求的时候一般都会携带token的放到请求头中,当然有一些数据是不需要用户登陆就可以直接看到的数据,这个请求不要不需要token是视情况而定的.
下面是我在做登陆的时候的一些关键源码
关键布局如下:

      <div class="outBox">
        <div class="box">
          <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-width="80px">
            <el-form-item label="用户名：" prop="username">
              <el-input v-model="loginForm.username" prefix-icon="el-icon-user-solid" @keyup.enter.native="submitForm('loginForm')"></el-input>
            </el-form-item>
            <el-form-item label="密码：" prop="password">
              <el-input
                @keyup.enter.native="submitForm('loginForm')