wex5 教程 之 图文讲解 登陆,注册,页面跳转
来源:互联网 发布:传智播客python基础班 编辑:程序博客网 时间:2024/05/05 02:38
视频教程地址:http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html
一.效果预览:
登陆页面 首页用windowContainer装载
注册页面
登陆成功后,跳转至主题页面
二 设计思路及代码实现:
1.数据库设计:
建立用户相关字段
创建baas服务,并绑定到baasdata组件上
2.门户页设计:
注意事项:1.var ShellImpl = require('$UI/system/lib/portal/shellImpl') 引入shellimpl ,必不可少。
2.contentsXid : "pages" 页面中必须创建contents页面集合容器,并与此xid对应。
3.登陆页面逻辑设计
登陆页面加载,同时初如化model,model接收注册页面参数。如果用户注测成功,将帐号密码同时带回到登陆页面,不必再次手动输入。
首先判断登陆者,是否是admin.如果是管理员帐号,进入管理员页面。用shell.showPage跳转。
如果不是管理员,则用手机号作为帐号进行判断。
var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/;-------------手机号正则表达式
---------验证手机号码格式,不正确提示重新输入
用data.setFilter方法,过滤数据。注意过滤条件拼接方法:"phone = '" + phoneInput + "'",前后+号表示变量,验证数据库中帐号是否存在(即是否已经注册)
如果存在,继 续判断帐号与密码是否同时存在。仍然用data.setFilter方法过滤。如果存在,说明帐号和密码同时验证正确,跳转到主页面,并将帐号作为参数传入。同时将日期,状态等信息同步写入数据库。
关于数据过滤,这里只作演示思路,真正项目开发,可以用异步上传的方式,用md5加密后的帐号和密码提交到后台,由后台对数据库过滤验证后,将信息反回到前台。
记住密码单选框,取值判断,如果选中,用localStorage.setItem方法保存到本地,否则用removeItem方法清除本地存储。
点击注册,进入注册页面,并将输入的手机号作为参数传递到注册页面。
4.注册页面逻辑设计
先取出登陆页面的参数,并保存。
手机帐号验证,密码复杂程度用正则表达式进行验证。
两次密码输入验证一致,通过,并newData,创建一条新数据,写入数据库,否则提示。
保存成功后,自动跳转到登陆页,并将帐号密码传参。
- wex5 教程 之 图文讲解 登陆,注册,页面跳转
- wex5 教程 之 图文讲解 登陆,注册,页面跳转
- wex5 教程 之 图文讲解 全局可观察变量与登陆状态全局控制
- wex5 教程 之 图文讲解 后台管理界面设计与技巧
- wex5 教程之 图文讲解 Cloudx5一键部署
- wex5 教程之 图文讲解 文件上传attachmentSimple(1)
- wex5 教程 之 图文讲解 头像裁剪与上传
- wex5 教程 之 图文讲解 视频快照与本地存储
- wex5 教程 之 图文讲解 拾色器的妙用
- wex5 教程 之 图文讲解 考题模块框架设计
- wex5 教程 之 图文讲解 wex5集成HTML5 视频播放器
- wex5 教程 之 图文讲解 智能数据库设计 之(1) 触发器
- wex5 教程 之 图文讲解 bind-css和bind-sytle的异同
- wex5 教程 之 图文讲解 可观察对象的集群应用与绑定技术
- discuz 注册和登陆成功后跳转页面修改
- 登陆注册页面的两种跳转方法
- Discuz!论坛教程之注册成功后跳转到指定页面
- 一个登陆注册页面
- U3D纹理格式
- Android Studio中Gradle使用详解
- 面试问题及回答技巧
- 二、Nio之Channel
- javascript高级程序设计笔记(第四章)
- wex5 教程 之 图文讲解 登陆,注册,页面跳转
- 沙河与nsbundle
- 个性也是一种竞争力
- 开始写博客记录
- 整理了一下有关于递归的东西~
- MAC为啥没有c盘
- 乱搞题
- ajax返回数据格式分析
- 【SQL Server】获取指定表上的索引信息(SQL版)