[EXUI] 简约网络验证源码最新登录 + 注册 + 激活 UI 界面源码分享

[EXUI] 简约网络验证源码最新登录 + 注册 + 激活 UI 界面源码分享
一、EXUI 概述
EXUI 是易语言的一款强大界面库，它允许开发者摆脱传统易语言界面的单调与限制，轻松打造出具有现代感和交互性的用户界面。通过 EXUI，开发者能够运用丰富的自绘功能，实现个性化的界面设计，满足不同项目的视觉与交互需求。
二、界面设计特色
本次分享的网络验证 UI 界面，秉持简约风格，以简洁明了的布局和清晰的视觉层次，提升用户操作体验。登录区域、注册及激活选项划分明确，用户可快速定位所需功能。整体色调搭配协调，元素间距合理，既保证界面美观，又兼顾实用性，在视觉上给人舒适之感，减少用户操作时的视觉疲劳。
三、源码结构解析

• 界面布局部分
  

利用 EXUI 的窗口与组件创建函数，搭建界面框架。例如：
.版本 2
.支持库 exui
.子程序 _启动子程序, 整数型, , 本子程序在程序启动后最先执行
    窗口_主窗口.创建 (, "网络验证界面", 600, 400, )  '创建主窗口，设定标题、宽度和高度
    编辑框_用户名.创建 (窗口_主窗口.取窗口句柄 (), 200, 100, 200, 30)  '创建用户名编辑框并确定位置和尺寸
    编辑框_密码.创建 (窗口_主窗口.取窗口句柄 (), 200, 150, 200, 30)  '创建密码编辑框
    按钮_登录.创建 (窗口_主窗口.取窗口句柄 (), 200, 250, 200, 35)  '创建登录按钮
    按钮_登录.标题 ＝ “登录”  '设置登录按钮标题
    按钮_注册.创建 (窗口_主窗口.取窗口句柄 (), 200, 300, 100, 30)  '创建注册按钮
    按钮_注册.标题 ＝ “注册账号”  '设置注册按钮标题
    按钮_激活.创建 (窗口_主窗口.取窗口句柄 (), 310, 300, 100, 30)  '创建激活按钮
    按钮_激活.标题 ＝ “激活账号”  '设置激活按钮标题
    复选框_记住密码.创建 (窗口_主窗口.取窗口句柄 (), 200, 330, 120, 20)  '创建记住账号密码复选框
    复选框_记住密码.标题 ＝ “记住账号密码”  '设置复选框标题

上述代码展示了如何创建主窗口以及登录、注册、激活相关的主要组件，通过精确设置组件的位置和尺寸，构建出合理的界面布局。

• 交互逻辑部分
  

以登录按钮的点击事件为例，实现与网络验证服务器的交互逻辑：
.子程序 _按钮_登录_被单击
    .局部变量 用户名, 文本型
    .局部变量 密码, 文本型
    用户名 ＝ 编辑框_用户名.内容
    密码 ＝ 编辑框_密码.内容
    .如果 (网络验证函数 (用户名, 密码))  '调用网络验证函数
        信息框 (“登录成功！”, 0, “提示”)
        '此处可添加登录成功后进入主程序等后续操作代码
    .否则
        信息框 (“登录失败，请检查用户名和密码！”, 0, “错误提示”)
    .如果结束
.子程序 网络验证函数, 逻辑型
    .参数 用户名, 文本型
    .参数 密码, 文本型
    '这里添加与服务器交互的具体代码，如使用HTTP协议发送POST请求
    '假设通过服务器返回的数据判断验证结果，成功返回真，失败返回假
    返回 (假)

此段代码实现了登录按钮点击后的操作流程，先获取用户输入的用户名和密码，再调用网络验证函数进行验证，并根据验证结果给予用户相应提示。实际应用中，需完善网络验证函数内与服务器交互的代码，可借助精易模块等工具实现 HTTP 请求等操作。

• 注册与激活功能部分
  

注册功能代码示例：
.子程序 _按钮_注册_被单击
    .局部变量 新用户名, 文本型
    .局部变量 新密码, 文本型
    新用户名 ＝ 编辑框_用户名.内容
    新密码 ＝ 编辑框_密码.内容
    .如果 (注册函数 (新用户名, 新密码))  '调用注册函数
        信息框 (“注册成功！请登录。”, 0, “提示”)
    .否则
        信息框 (“注册失败，请重试！”, 0, “错误提示”)
    .如果结束
.子程序 注册函数, 逻辑型
    .参数 用户名, 文本型
    .参数 密码, 文本型
    '添加向服务器发送注册请求的代码，如构建注册请求数据包，使用HTTP协议发送
    '根据服务器返回结果判断注册是否成功，成功返回真，失败返回假
    返回 (假)

激活功能代码示例：
.子程序 _按钮_激活_被单击
    .局部变量 激活码, 文本型
    激活码 ＝ 编辑框_激活码.内容  '假设存在激活码输入框
    .如果 (激活函数 (激活码))  '调用激活函数
        信息框 (“激活成功！”, 0, “提示”)
    .否则
        信息框 (“激活失败，请检查激活码！”, 0, “错误提示”)
    .如果结束
.子程序 激活函数, 逻辑型
    .参数 激活码, 文本型
    '编写与服务器交互验证激活码的代码，如发送GET或POST请求
    '依据服务器响应判断激活是否成功，成功返回真，失败返回假
    返回 (假)

上述代码分别展示了注册和激活功能的基本逻辑，通过调用相应函数与服务器交互，实现账号注册和激活操作，并根据服务器反馈给予用户提示。实际开发中，需根据具体的服务器接口规范完善这些函数内的交互代码。
四、资源整合要点

• 图片资源：若界面中使用了图标、背景图等图片资源，需使用 EXUI 提供的函数进行加载，例如：
  

图片框_图标.加载图片 (“路径\logo.png”)  '将logo图片加载到指定图片框中显示

确保图片路径设置正确，且图片格式符合要求，以保证界面展示效果。
2. 字体资源：如果采用了特殊字体来提升界面风格，需先将字体安装到系统中，然后在代码里设置组件的字体属性，像这样：
标签_公告标题.设置字体 (“微软雅黑 Light”, 14, )  '设置公告标题标签的字体为微软雅黑Light，字号14

注意字体名称要准确，避免因字体设置错误导致显示异常。
五、使用与拓展建议

• 使用建议：对于初次接触此源码的开发者，建议先仔细阅读代码注释，了解各部分功能和逻辑。在本地搭建测试环境，逐步调试代码，熟悉界面与网络验证功能的运行流程。同时，可参考 EXUI 官方文档，深入学习其更多特性和使用技巧，以便更好地理解和运用该源码。
  

• 拓展建议：在掌握现有源码基础上，开发者可以根据项目实际需求进行拓展。比如，优化界面的动画效果，为按钮添加点击反馈动画，增强交互体验；完善网络验证的安全性，对传输数据进行加密处理；增加多语言支持，使界面能适应不同地区用户。还可以尝试结合数据库操作，实现用户数据的本地存储与管理等功能。
  

希望这份 EXUI 简约网络验证 UI 界面源码能为大家的开发工作带来帮助，也期待大家基于此进行更多创意开发与分享。




[size=0.83em]232105dpjcrr6rp8burupu.gif (48.29 KB)
下载附件

[color=rgb(153, 153, 153) !important]2023-10-2 09:01 上传

游客，如果您要查看本帖隐藏内容请回复

支持一下无忧技术吧

无忧技术吧 有道理。。。

无忧技术吧 我是来刷分的，嘿嘿

无忧技术吧 有道理。。。

我抢、我抢、我抢沙发~无忧技术吧

无忧技术吧 路过，学习下

帮你顶下哈！！无忧技术吧

找到好贴不容易，我顶你了，谢了无忧技术吧

支持一下无忧技术吧