jquery.ajax制作帝国cms6.6快速注册插件
0
阅: - 评:0 - 积分:一、制作“快速注册插件”起因
无论是帝国cms还是destoon等网站管理系统,由于这类管理系统制作的时间比较早,里面的很多地方都未使用ajax,这在用户体验上显得非常不友好!常见的案例有:注册功能、登录功能、提交表单功能、添加删除文章功能等。这些功能在提交时会跳转到一个新页面中提示信息,如果信息错误会返回到原页面,此时返回的页面中很多刚填写好的东西都被清空了,用户不得不再次填写,然后继续提交。。。。。。
由此可见,用户做了很多无用功!使用ajax
的好处就是可在原页面时时判断信息是否有误,这也是艺灵要给帝国cms管理系统制作一个快速注册插件的原因。当然,网上可能会有其它高人已经在前几年就制作过,但艺灵今天的这个插件与其它的还是存在差别的。
二、插件对应版本号为帝国cms6.6
由于艺灵本地测试的版本号为6.6
,所以插件只为6.6
写的。艺灵不保证此插件在其它版本上能通用,但艺灵会将制作的详细过程分享出来,爱动手的看官如果在使用此插件时发现版本不兼容的话可以尝试自己制作对应的版本号。
三、插件功能讲解
1.点击示例demo中的“快速注册”后显示的默认界面如图: 2.如果什么都不填写就直接提交,此时不会直接执行ajax而是先用jquery进行判断值是否为空,此时判断信息截图: 3.当用户填写信息时,对应的文本框下方会有js
提示信息,如图: 4.填写空格等非法字符时,js默认过滤,次数超过50次时js显示提示,如图: 5.当满足条件时才会去触发ajax,然后通过ajax
来返回信息的正确与否,这样可以大大减少请求的次数,同时也降低了对服务器的压力。如图: 6.此时点击“立即提交”后会看到提示信息,同时屏蔽提交按钮3s,以免用户反复提交。如图:
上面说完了插件的功能,看似很简单的事情,但在制作过程中还是存在很多细节问题的。例如:
1.此插件只是一个替代品,要保证系统默认的不会出现问题;
2.验证码正确的情况下可能已过期,这个是个小坑,插件中已解决;
3.同一ipxx小时内不能重复注册,这个插件中已解决。
其它问题这里不再提及,如果看官曾自己亲手制作过,艺灵相信看官曾经也会遇到这些问题的。
四、插件相关文件
说了这么多,竟然没有源码,不应该啊!
看官别急,下面就是源码哦!
艺灵一共修改了4
个php
系统文件,新增了一个js
文件。想了解详细的请看完,不想了解的直接跳到最后面找插件下载吧。
4.1 修改index.php文件
文件地址:根目录/e/enews/index.php
,找到$enews=="register"
,大约在70
行,新增以下代码。
77行左右
- $sub_reg=$_POST['sub_reg']?$_POST['sub_reg']:0;
- register($username,$password,$repassword,$email,$sub_reg);
代码配图:
4.2 修改user.php文件
文件地址:根目录/e/class/user.php
,这个文件中修改的地方非常多,例如:第447行的验证注册时间、475行的用户注册等,这里不一一列举。如果看官下载了插件,对照原文件可以看到修改的地方,有sub_reg
的地方均表示有修改。
4.3 修改qmemberfun.php文件
文件地址:根目录/e/class/qmemberfun.php
,这个文件中搜索“帐号激活”,在第158
行,然后开始新增代码。
161行左右
- function SendActUserEmail($userid,$username,$email,$sub_reg=0){
172行左右
- @include $a.LoadLang("pub/q_message.php");
- $return_zhjh=array();
- if($sub_reg==1){
- $return_zhjh['msg']=5;
- $return_zhjh['text']=$qmessage_r["SendActUserEmailSucess"];
- echo json_encode($return_zhjh);
- exit;
- }else{
- printerror("SendActUserEmailSucess",$public_r['newsurl'],1);
- }
代码配图:
4.4 修改connect.php文件
文件地址:根目录/e/class/connect.php
,这个文件中搜索“检查验证码”,在第2195
行,然后开始新增代码。
代码配图:
4.5 新增ajax_cms_register.js文件
这个文件里面主要是js判断信息以及接收ajax返回的信息。如果看官将ajax_cms_register.js
放其它文件夹中,需要注意下第114
行和第156
行的路径。
配图:
五、下载插件
资源下载
- demojquery.ajax制作帝国cms6.6快速注册插件.zip 积分下载 不喜勿下
5.1 压缩包文件说明
如果看官需要完整插件,可使用积分进行下载。下载解压后如图:看官在移动文件的时候一定要按照图片中的说明操作,否则会因路径错误而不能实现效果。
明天艺灵将分享帝国cms6.6快速登录插件,敬请期待。
----------完----------
转载声明:
若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/jquery/2016-01-30/362.html
若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。
亲,扫个码支持一下艺灵呗~
Tag: jquery.ajax 帝国cms6.6 帝国教程 快速注册插件 jquery插件制作 php源码下载
上一篇: jquery.ajax实现destoon出发地与目的地地址三级联动伪下拉菜单式demo 下一篇: jquery.ajax制作帝国cms6.6快速登录插件