程序员书籍笔记 程序员书籍笔记
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • Vue

  • Nuxt

  • Echarts

  • Node

  • git

  • express

  • 微信小程序

  • Spring

  • 后端知识

  • Markdown

  • project

    • 黑马头条

      • 移动端适配
      • 黑马头条
      • 黑马头条初始化
      • 黑马头条登入注册
        • 注册登入页面
        • 画页面
        • 表单验证
        • 用户令牌 token
      • 个人中心
      • 文章列表展示
      • 模块编辑
      • 文章搜索
      • 文章详情
      • 文章评论
      • 用户编辑
    • 小兔鲜

    • saas中台管理项目

  • 自用文档查询

  • 框架和软件
  • project
  • 黑马头条
yuadh
2022-03-18
目录

黑马头条登入注册

# 注册登入页面

# 画页面

  • nav导航栏
  • 输入框 - 左侧图标-右侧按钮
  • 按钮圆角、背景色
  • body背景色

先实现基本的登入功能

  • 封装网络请求
  • 提交事件 ,发送网络请求
  • 根据返回对象做一些处理

# 表单验证

  • vant 组件的提示功能
  • this.$toast.loading 对登入成功或失败的提示

输入表单验证

  • 使用 vant 自带的表单验证
  • rules :根据文档的使用说明对其进行表单验证提示

单独的验证码

  • vant 的 ref 对其进行单独的表单验证
  • validate(name)
  • 验证码,显示倒计时 逻辑 vant 组件,time

验证码处理

  • 封装网络请求 ,根据 api 文档
  • 根据文档 ,对放回的对象 进行 toast 轻提示

# 用户令牌 token

编辑 (opens new window)
上次更新: 2023/02/07, 14:51:48
黑马头条初始化
个人中心

← 黑马头条初始化 个人中心→

Theme by Vdoing | Copyright © 2021-2023 yuadh
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×