logo资料库

AppInventor登录设计.docx

第1页 / 共4页
第2页 / 共4页
第3页 / 共4页
第4页 / 共4页
资料共4页,全文预览结束
上次教程,我们已经在 SAE 的共享型 MySQL 中新建了数据表,并且通过 APP 向数据表中写入了用户的信息(用户名、密码、昵称),如下图所示: 今天文章重点论述利用 AppInventor 实现登录功能。 原理说明:从客户端输入用户名和密码,服务器端使用 PHP 代码对客户 端上传的用户名和密码与数据表中的用户名和密码进行比对,根据比对结果返回 数据。接着,客户端根据服务器端返回的结果显示信息(登录失败或者登录成功)。 Step1:界面设计
界面设计直接看图不说话! Step2:服务器端脚本代码 runSql($sql); $no=$mysql->affectedRows(); //在'user'数据表中查询是否存在与客户 //执行 sql 语句 //sql 语句影响的代码行数 if($no==0){ //如果没有影响到数据库中的数据(表明不存在该用户) echo 1; //返回 1 表示用户或密码错误 }
//如果存在该用户 else { $data=$mysql->getData($sql); $nick=$data[0]['nick']; $resultStr="{$nick}欢迎你!"; echo $resultStr; } ?> //获取 sql 语句执行的结果 //获取结果行的'nick'值 //定义字符串变量为“昵称+欢迎语!” //返回欢迎字符串! //PHP 代码结尾 Step3:APP 端逻辑设计 逻辑设计说明:当“登录”按钮被单击时,判断用户名和密码是否为空,不为 空则设置 Web 组件的请求头和代码 URL(请求头在注册教程中重点阐述过,在 此不再赘述)。最后将用户名和密码以二级列表的形式上传至服务器。 当服务器收到请求,并根据客户端上传的用户名和密码执行数据库查找操 作,最后将查找结果返回给客户端。接下来完成客户端收到 web 请求的操作, 详情见下图:
Step4:测试 关注微信公众号“云端微课”第一时间查看 AI 最新教程! 如图所示:测试成功!
分享到:
收藏