通常制作登录页面,主要有几方面内容:

1、登录页面要支持自适应,也就是手机登录和PC端登录,都可以根据分辨率或显示进行自动调整;

2、用户登录的方式:账号、手机验证码、微信扫码登录;

3、如何将登录信息传给后台;

4、如果需要注册用户,则需要判断是弱密码还是强密码;

5、用户登陆后设定时间内,重新进入进入页面,可免登陆;超过时间,则需输入密码。

当然,这其中我觉得有两个要点:

1、登录的背景页面:有些用户需要有动画效果;背景的分辨率;

2、如何将登录信息传给后台。最好能支持跨语言,就比如说,同一个登录页面,可以在C#环境下使用,也可以在java环境下使用。

除此之外,需要支持登录页面的title、备案信息及相关的内容可配置。

大致的登录页面如下:

当然,还有一些UI上的细节需要完善。

遗留问题:

1、如何限制同一账号不可同时在多地登录;

2、微信扫码登录实现细节。

3、随机验证码的实现;

4、根据不同账号进入不同权限的后台;

5、登录账号信息如何传递。

看其他的文章时,了解到实现登陆有5种方法:

1、通过MVC Form 表单请求实现登录(其实我想知道,这种方式提交的登陆信息是json格式么?)

2、通过AJAX GET 请求MVC Controller 实现登录

3、通过AJAX POST 请求MVC Controller 实现登录

4、通过AJAX GET 请求webAPI Controller 实现登录

5、通过AJAX POST 请求webAPI Controller 实现登录

其中,一直想做个好的UI界面,但一直感觉想的界面都挺美的,却一直设计不出那种感觉、一个是在于对于html、css、js这些内容的不熟悉,所以,还是要敲敲代码,调起来逐步去琢磨和完善,才能做出来,如果只是停留在想着美,那永远都做不好。这里记录得也有点乱,所以就一步一步完善吧。

好的软件和平台都是注重细节方面,所以在整理的过程中,把这些细节整理出来,一步一步完善功能,改善用户体验。

内容持续更新中。。。。。。

其中,参考学习了以下链接:

https://www.cnblogs.com/chenwolong/p/Login.html

后台管理系统中的登录页面相关推荐

  1. 【作业题】后台管理系统中的课程管理模块(后端篇)

    巩固web阶段知识,完成后台管理系统中的课程管理模块,该模块包含了添加课程.配置课程相关信息.管理课程章节等功能. 项目地址:课程管理模块 产品的原型图 课程管理 实现以下功能: 展示课程列表 根据课 ...

  2. 改造vue-element-admin 的登录功能,变成从后台数据库中验证登录

    改造vue-element-admin 的登录功能,变成从后台数据库中验证登录 首先了解登录时前段需要什么样的数据 要知道vue-element-admin 这个后台开发模板是集成非常多我们日常开发网 ...

  3. Vue项目实战之电商后台管理系统(一) 用户登录模块

    目录 一.项目概述 二.项目初始化 2.1 前端项目初始化步骤 2.2 后台项目的环境安装配置 三.用户登录/登出功能实现 3.1 登录功能概述 3.1.1 登录状态保持 3.1.2 登录逻辑: 3. ...

  4. Vue后台管理系统项目——实现登录功能

    文章目录 登录功能 1. 登录业务流程 2. 登录业务相关技术点 3. 登录-- token 原理分析 4. 登录功能的实现(都记牢点) 登录页面的布局 创建登录组件 登录组件页面布局 登录组件头部布 ...

  5. 后台管理系统--首页及登录认证

    我们首先要学习UI组件的布局: 当你仔细阅读过后你会看明白以下代码! Container 布局容器 | Element Plus <template><el-container> ...

  6. 后台管理系统中的CRUD【以用户维护为例】

    1.前端页面展示 后台管理主要具有三大功能,分别为权限管理.业务审核和业务管理,其中权限管理又分为用户维护.角色维护和菜单维护,这三个维护功能在后端实现上来说,大同小异,都是CRUD,因此这边以用户维 ...

  7. java连接打印机访问被拒绝_java – 尝试访问spring security中的登录页面时访问被拒绝的异常...

    我正在使用基于java的spring security.我创建了自定义访问决策选民impl. 但是当我运行应用程序时,我无法打开登录页面,因为它说,访问被拒绝. 这是在我添加自定义访问决策选民impl ...

  8. 后台管理系统中的antd vue中的问题(动态加载列表a-select-option,后台管理中a-selct-option的回显)

    一.antd vue中的a-select的动态加载列表a-select-option 1.既然是动态加载选择框的列表a-select-option,必然存在获取后台数组,并循环 后台数组格式: 数组( ...

  9. 学生信息管理系统中系统登录问题

    在实现学生信息管理系统中,我们会经常遇到不能正常登录的问题,那么这到底是怎么回事呢? 我认为这里有几点主要原因: 1.数据库连接不成功:只有正确的连接数据库,是保证系统正常登录的必要条件! 2.在编写 ...

最新文章

  1. Datawhale与Tianchi助力产学研融合-华北电力大学专场
  2. java集合框架图(一)
  3. 删除驱动符号链接出错-变量作用域和RtlInitUnicodeString的问题
  4. c语言定时器_分享10个值得关注的C语言开源项目
  5. 20155226 2016-2017-2 《Java程序设计》第一周学习总结
  6. c语言输入6名学生5门课程的成绩,求解输入10个学生5门课的成绩,分别用函数实现下列功能:...
  7. php静态变量的销毁
  8. 软件过程改进之百科名片
  9. Linux磁盘管理2
  10. 2507-AOP- springboot中使用-使用注解方式
  11. Google Chrome旧版本下载
  12. oracle数据库怎么导出dat文件_论将数据从数据库导出为dat格式
  13. 计算机删除网络位置,win10系统删除不用网络位置的处理技巧
  14. 【安全攻略】Thinkphp5.0检测上传的文件是否包含木马
  15. 小武与SSD与pytorch-尝试手撕代码
  16. Qt多功能计算器(二)——三角函数
  17. 【MATLAB】进阶绘图 ( Pie Chart 饼图 | pie 函数 | 三维饼图 | pie3 函数 )
  18. jQuery HTML5文件上传美化插件jQuery.filer
  19. 已知函数fx=sin(wx+φ)_考点13 y=sin(wx+φ)的图像与性质(解析版)
  20. NIVC-IPR[IPADDR]

热门文章

  1. python程序员培训_Python程序员学习路线图
  2. Javaweb基础知识
  3. PVLAN (Private VLAN)
  4. 科技爱好者周刊(第 212 期):人生不短
  5. 一文读懂图像数据的标准化与归一化
  6. 刘国梁上任后的“第三把火” 重罚周雨欲意何为?
  7. 彻底关闭win10自动更新(针对已经关闭windows update项,但系统仍自动更新的问题)
  8. Your Freedom — 跨平台的代理软件
  9. flutter中好用的Widget-CupertinoPicker
  10. 迪文工控触摸屏使用modbus功能