后台登录界面源代码_不了解前端和后台的区别?看完这张图你就明白啦

501b2696286a51eb0e216685b4f6a22d.png

形象一点来讲,以一个登录页面为例:

我们所看到的是前端工程师通过代码展示的页面,

我们在前端页面上输入了账号密码,然后用鼠标点击了登录按钮,

这时候前端会将账号密码通过请求接口发送给后台做处理,后台收到数据会检查账号是否存在,输入的密码是否正确。

密码错误则会出现类似“密码错误,如忘记密码请联系管理员”的提示。

722cd55b7bd01bf05bf963fff97bfe61.png

用户重新输入正确的密码,后台返回登录成功的信息给前端,用户才能登录成功。

59a919ba7cd5664da2ef06507d6dcfbc.png

实际路径:

输入账号密码>>点击登录>>通过接口传给后台验证>>后台处理验证后返回结果>>前端界面展示结果

实现这样一个登录过程,远没有看起来的简单,前端工程师和后台工程师还需要从不同方向去思考,使用户能有一个好的体验。

前端工程师需要思考用户觉得用起来是否舒服,得考虑界面布局、交互效果、页面加载速度等;

后台工程师则需要考虑业务逻辑、数据库表结构设计、服务器配置、负载均衡、数据的存储等。

...


资料来源| 知乎 岁岁、伯马遇技术顾问 张波、头条 教你学前端、CSDN BOM485480

制图| 伯马遇

编辑| 伯马遇

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值