原理内容:

  • 【前端】点击登录发起请求-把获取的用户名和密码当成Ajax请求发给后端-数据接口自动返回一个结果给前端

  • 【后端】获取前端传来的数据,把数据在数据库中查询,若有这个数据返回成功结果给前端,若没有则返回失败结果给前端

  • URL地址组成:【协议、域名、端口】

  • post请求,请求参数写在send()钟,格式【key=values&key=values】

  • post请求,请求头

  • 跨域请求--解决方式

  • 一种

    -

  • 二种【npm i http-proxy-middleware】

  • 作业【登录/注册,接口设计,搭建静态资源服务器,连接数据库】

    • 后端设计

    • 前端简单设计【HTML部分】

    • 前端简单设计【js部分】

    • 登录

    • 注册

    • 实现的结果:

    • 【启动】

    • 登录注册

    • 感受:

      • 细节决定成败,即使看起来很简单的界面,其中遇到的问题也确实有很多,比如在设计接口的时候,往往不使用nodemon【热刷新】的时候,每次接口代码有改变,就得重新手动启动服务器

      • 登录和注册的请求方式的改变【get与post】,他们中的请求体也会发生变化,使用get时,请求参数往往拼接在请求地址之后,参数与参数之间用'&'连接;对于post来说,一方面需要把参数放在请求体中,而且还要放上请求头xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"),一般情况下就是【xhr.open()--xhr.setRequestHeader()--xhr.send(请求参数&请求参数)--xhr.οnlοad=function(){}】,

      • post请求时还得注意,在设计接口时,还应该考虑对提交内容的解析,即使用【body-parser】

        它用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理。

      • 连接数据库同样会出现许多问题,往往大方向整体语句不会有太大错误,最多的就是细节,双引号的确很重要,不仔细看的话,就是和源码差不多。
      • postman这个软件也确实挺好用,服务器开启后,将接口地址放在postman中进行访问,结果成功与否,也就象征着你在实际运用时的结果,如果接口都没问题,但登录注册仍然失败,那应该就和前端js代码有关系了,万事俱备、只欠度娘。

第三天,【1124】接口,注册,登录相关推荐

  1. 26:第三章:开发通行证服务:9:【注册/登录】接口:验证码校验OK后,先根据手机号去查查该用户是否已存在,如果用户不存在就创建这个用户;(tkmybatis查询构建查询条件,雪花算法,枚举类等等)

    说明: (1)本篇博客内容:继续开发[注册/登录]接口: ● 在[25:第三章:开发通行证服务:8:[注册/登录]接口:接收并校验"手机号和验证码"参数:]中,[注册/登录]接口, ...

  2. 64位游戏找call_《使命召唤16:战区》配置注册登录全攻略,三步让你极迅游戏!...

    如果说谁是2020年最火的游戏,那么<使命召唤16:战区>绝对是排名第一.自从<使命召唤16:战区>发布之后,同时在线人数就不断刷新纪录,一天300万,3天800万 ,到现在已 ...

  3. 微信小程序注册/登录接口开发

    文章目录 后端有关说明 前端有关说明 接口设计 小程序注册/登录接口 APP 注册/登录接口 PC Web 端的注册/登录接口 小程序注册/登录序列图 校验 token 后端有关说明 登录和注册的逻辑 ...

  4. Node.js实践----注册-登录-个人中心(更换密码、头像)接口实现(包含mysql数据库)

    项目结构目录如下 1.初始化 1.1创建项目 1.2 配置cors跨域 1.3配置解析表单数据 1.4初始化路由 1.5抽离用户路由模块中的处理函数 2.注册登录 2.1新建ev_user表 2.3注 ...

  5. 三分钟快速开发手机号注册登录功能

    手机号注册登录如今已经是大多数APP必备的功能,通过验证码的核实,我们获取了用户的手机号码,从而在以下几个方面确保安全和产生价值: 符合国家信息安全监管的需要,避免个别的用户违反监管要求,而我们无法追 ...

  6. 产品策划三:App注册登录系统策划方案

    注册登录系统,是app最基础的系统模块之一.账号id是用户的唯一标识,基于这个账号记录用户行为,为用户提供各种各样的个性化服务.没有这个账号系统,后面的一切都是空话.当然,如果你是做一个纯粹的工具,比 ...

  7. Vue_注册登录(短信验证码登录)

    一.前言 1.动态获取图片验证码 2.实现手机验证码登录(工具准备) 3.手机验证码登录(后台实现) 3.前台实现 二.主要内容 1.动态获取图片验证码 (1)请求的接口如下,返回的是一张svg的图片 ...

  8. 使用Bmob云端服务器模拟简单的注册登录

    前一阶段看徐宜生写的Android群英传里面介绍的搭建云端服务器,那个时候自己不懂,加上有其他的学习,就没有深入,但是这两天找了资料研究了一下,读了官方文档,感觉挺不错的,服务端不用自己搭建了.(听说 ...

  9. Vue实战篇一: 使用Vue搭建注册登录界面

    系列文章目录 Vue基础篇一:编写第一个Vue程序 Vue基础篇二:Vue组件的核心概念 Vue基础篇三:Vue的计算属性与侦听器 Vue基础篇四:Vue的生命周期(秒杀案例实战) Vue基础篇五:V ...

  10. 06.简书项目实战三:详情页面和登录功能实现

    简书项目实战三:详情页面和登录功能实现 1. 详情页面布局 这部分的布局比之前的简单多了,就一个标题加上主要内容而已. export default class Detail extends Comp ...

最新文章

  1. 中兴智能视觉大数据报道:人脸识别准确率高达99.8%
  2. 三维数组地址计算_科学计算NumPy
  3. NumPy学习笔记 一
  4. 表达、思考和解决问题的逻辑(金字塔原理-高质量读书笔记)
  5. Ext3文件读写流程概述
  6. C4D快速入门教程——创建模型
  7. java怎么销毁session_Java中session的销毁
  8. cmd配网关_win7下用DOS命令修改IP、网关和DNS
  9. Visual studio2022“无法生成.exe文件,系统找不到指定文件
  10. 找个免费的天气预报API真难a
  11. Android self_adaption of screen
  12. 2019届互联网校招薪资盘点!
  13. 黑客攻防技术宝典Web实战篇(第二版)_读书笔记(第一章~第三章)
  14. Git私服客户端免密码登录
  15. Python -- 硬盘容量单位及网络速率单位换算
  16. python编写程序转换进制_python——进制转换
  17. 既约分数 python一练
  18. 通信算法之九十四:4G LTE通信系统 PBCH/PCFICH/PHICH信道处理流程
  19. 妲己机器人需要什么条件才能使用_回顾腾讯智能机器人妲己功能介绍
  20. rtmp推流服务器搭建

热门文章

  1. IDEA设置背景图片
  2. tcping : ping ip地址+端口号
  3. 超详细的 DNS 协议解析
  4. java中的super()是什么
  5. 网赚项目之站群第四课站群的文章采集与伪原创
  6. Sqli-labs之Less-17
  7. JS解析json数据(json字符串和数组之间相互转换)
  8. Spring MVC 如何上传多个文件到指定位置
  9. 芯片组:北桥芯片和南桥芯片
  10. LM38简易方波发生器