登录网页即输入账号密码进入系统界面,本文将以报表管理工具FineReport为例进行详细说明。
1、 自定义登录页面可设置背景图片及网页内容,具体所示。
2、 更换背景图片
3、 若仅需更换登录背景而不改动界面布局,可选择自定义背景图片,点击上传按钮导入图片,最后保存设置即可完成。
4、 自定义登录界面图片需满足最小尺寸要求,不得低于1024×768像素。
5、 查看效果
6、 保存设置并退出后,登录页面背景图已更新,效果所示。
7、 修改登录页面
8、 若想使用自定义网页代替默认登录页面,请选择完全自定义登录界面并设置登录网页,具体操作所示。
9、 login.html 页面源码内容如下所示
10、 获取用户输入的用户名,并对其进行中文编码处理,确保特殊字符正确传输与识别,保障数据在后续操作中的完整性和兼容性。整个过程自动完成,无需手动干预,提升系统对多语言环境的支持能力。
11、 获取用户输入的密码内容,并通过特定编码方法进行处理,确保数据在传输过程中的安全性和完整性,防止明文暴露,提升整体安全性。
12、 报表服务器的单点登录接口地址为:http://localhost:8075/WebReport/ReportServer,参数配置为 op=fs_load 与 cmd=sso,用于实现系统间的无缝跳转与身份验证。
13、 使用JSONP方式处理跨域请求,数据类型设为jsonp。
14、 获取用户提交的用户名与密码信息,用于后续的身份验证和数据处理,确保登录流程的安全与准确。
15、 超时时间设置为5000毫秒,即5秒。
16、 登录成功
17、 提示:用户名或密码不正确,请重新输入。
18、 }
19、 },
20、 登录失败,可能是网络超时或服务器出现异常,请稍后重试。
21、 }
22、 });
23、 }
24、 请先登录账号
25、
26、 用户名
27、
28、 密码:
29、 点击按钮执行登录操作,触提交功能。
30、 查看效果
31、 点击保存并退出后,登录页面所示。
评论
更多评论