起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8036|回复: 17

[分享] 关于登陆验证的问题,我来填个小坑吧

  [复制链接]

8

主题

131

帖子

311

积分

中级会员

Rank: 3Rank: 3

积分
311
QQ
发表于 2016-9-26 00:15:23 | 显示全部楼层 |阅读模式
本帖最后由 deltaboy 于 2017-4-14 00:27 编辑

唉,很多人说,教程都有,类似案例也有,自己多看看。我想说,其实我之前都有问度娘,可真没有啊,找资源和研究多个知识点难道不用花时间?出wex5的目的就是省时间,你却让我来费时间,岂不欺人也?请不要歧视小白好么~


群里热心人士“邯郸戏曲”给大家录了视频教程,我这文字版的就不用再看了:
http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html

界面不多说了,关键是两个表单输入栏组件,一个用input,一个用password,然后加一个登陆按键,这里示例的xid分别是:nameInput,passwordInput,loginBtn
至于记住密码和自动登陆还有跳转传参,是下一步的事情,一步一步来吧。

数据库方面:
1、用开发环境自带的数据库,那就不说了,请看官方视频建库建表。如果是远程数据库,先保证你的数据库能够远程读写。
2、设置数据源,官方视频中有。
3、Baas资源下db.config.m勾选数据源,保存,关闭;请看官方视频。
4、Baas资源下新建服务,添加action,请看官方视频。
5、在界面中Model下添加baasdata组件,这里示例的xid是baasData1。绑定操作请看官方视频,记得autoload属性设置为false,不然你的整个用户表的内容都会在页面加载时传到前端。

js方面:
登陆按键在事件选项卡中click的bind-click事件中选项中双击,js代码会自动生成:
Model.prototype.loginBtnClick = function(event){
};
请在中括号中填写:
                this.comp("baasData1").setFilter("filter","user.username = '" + this.comp("nameInput").val()+ "' and user.password = '" + hex_md5(this.comp("passwordInput").val()) + "'");
                this.comp("baasData1").refreshData();
                if (this.comp("baasData1").count() > 0) alert("通过验证");
                else alert("请重新输入");


其中,hex_md5()是MD5加密函数,这个在网上随便找一个,将代码片段直接copy到js文件中即可;当然,如果你觉得明文验证也行,可以无视。
this.comp("组件xid").setFilter("filter名称","filter内容") 是用来设置数据过滤条件的,filter内容即sql语句中where后面跟的条件语句,filter名称随便写。
this.comp("nameInput").val()和this.comp("passwordInput").val()就是取输入组件输入值。
if (this.comp("baasData1").count() > 0) {这里就可以写跳转传参代码了} 即如果查询到数据库中有匹配的数据,就通过验证了。

跳转、传参 请看官方视频,里面有讲到。

最后,说一下我对于为什么官方不出登陆验证教程的理解。
从安全角度来说,登陆验证应该是后台的事情,而wex5的后台没有提供用户、权限这些特性,只bex5才有,于是官方认为出一个前台验证的教程是误人子弟,出一个改造后台的教程又太麻烦,小白也不一定能懂,也与推广bex5有冲突。
js毕竟是前台,上面的js代码前端都能看到,变量也都可以伪造,玩玩就行了,别太认真。


评分

参与人数 2威望 +35 收起 理由
郭德成 + 15 赞一个!
Masion + 20 很给力!

查看全部评分

5

主题

20

帖子

126

积分

初级会员

Rank: 2

积分
126
QQ
发表于 2016-9-27 00:33:00 | 显示全部楼层
请教下用户登陆信息具体怎样传参,数据表:fName 张三  fTel 13800008888  password 123
回复 支持 反对

使用道具 举报

2

主题

6

帖子

12

积分

新手上路

Rank: 1

积分
12
QQ
发表于 2016-9-27 10:38:15 | 显示全部楼层
赞一个,这是写得最接地气的贴
回复 支持 反对

使用道具 举报

8

主题

131

帖子

311

积分

中级会员

Rank: 3Rank: 3

积分
311
QQ
 楼主| 发表于 2016-9-27 19:08:54 | 显示全部楼层
qq67868020 发表于 2016-9-27 00:33
请教下用户登陆信息具体怎样传参,数据表:fName 张三  fTel 13800008888  password 123  ...

请仔细看这个官方视频:http://www.chuanke.com/v5628113-180488-956598.html
里面有跨页传参...
回复 支持 反对

使用道具 举报

718

主题

2841

帖子

5657

积分

论坛元老

Rank: 8Rank: 8

积分
5657
QQ
发表于 2016-9-27 20:18:41 | 显示全部楼层
赞一个
WEX5初学者,欢迎初学者交流
QQ:597558229
tel:15857336322
回复

使用道具 举报

5

主题

20

帖子

126

积分

初级会员

Rank: 2

积分
126
QQ
发表于 2016-9-28 17:47:11 | 显示全部楼层
不知道楼主试过错误的用户名和密码登陆吗?不试不知道一试吓一跳。
回复 支持 反对

使用道具 举报

8

主题

131

帖子

311

积分

中级会员

Rank: 3Rank: 3

积分
311
QQ
 楼主| 发表于 2016-9-28 18:52:38 | 显示全部楼层
qq67868020 发表于 2016-9-28 17:47
不知道楼主试过错误的用户名和密码登陆吗?不试不知道一试吓一跳。

试过啊...不就是提示个请重新输入么?
回复 支持 反对

使用道具 举报

8

主题

131

帖子

311

积分

中级会员

Rank: 3Rank: 3

积分
311
QQ
 楼主| 发表于 2016-10-12 15:00:20 | 显示全部楼层
本帖最后由 deltaboy 于 2016-11-14 00:41 编辑

群里热心人士“邯郸戏曲”给大家录了视频教程:
http://v.youku.com/v_show/id_XMTc3OTE0Nzg0NA==.html
回复 支持 反对

使用道具 举报

1

主题

4

帖子

12

积分

新手上路

Rank: 1

积分
12
QQ
发表于 2016-10-12 15:28:00 | 显示全部楼层
感谢楼主也非常感谢“邯郸戏曲”,有视频,有文字就是赞!!
回复 支持 反对

使用道具 举报

3

主题

10

帖子

30

积分

新手上路

Rank: 1

积分
30
QQ
发表于 2016-10-12 18:44:31 | 显示全部楼层
那个优酷的视频看不了阿。打开是404的页面
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-24 11:19 , Processed in 0.059167 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表