艺灵设计

全部文章
×

jquery.ajax制作帝国cms6.6快速注册插件

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2016-01-30 21:05:28 - 阅: - 评:0 - 积分:0

一、制作“快速注册插件”起因

无论是帝国cms还是destoon等网站管理系统,由于这类管理系统制作的时间比较早,里面的很多地方都未使用ajax,这在用户体验上显得非常不友好!常见的案例有:注册功能、登录功能、提交表单功能、添加删除文章功能等。这些功能在提交时会跳转到一个新页面中提示信息,如果信息错误会返回到原页面,此时返回的页面中很多刚填写好的东西都被清空了,用户不得不再次填写,然后继续提交。。。。。。

由此可见,用户做了很多无用功!使用ajax的好处就是可在原页面时时判断信息是否有误,这也是艺灵要给帝国cms管理系统制作一个快速注册插件的原因。当然,网上可能会有其它高人已经在前几年就制作过,但艺灵今天的这个插件与其它的还是存在差别的。

二、插件对应版本号为帝国cms6.6

由于艺灵本地测试的版本号为6.6,所以插件只为6.6写的。艺灵不保证此插件在其它版本上能通用,但艺灵会将制作的详细过程分享出来,爱动手的看官如果在使用此插件时发现版本不兼容的话可以尝试自己制作对应的版本号。

三、插件功能讲解

1.点击示例demo中的“快速注册”后显示的默认界面如图:点击示例demo中的快速注册后显示的默认界面图 2.如果什么都不填写就直接提交,此时不会直接执行ajax而是先用jquery进行判断值是否为空,此时判断信息截图: 3.当用户填写信息时,对应的文本框下方会有js提示信息,如图: 4.填写空格等非法字符时,js默认过滤,次数超过50次时js显示提示,如图:填写空格等非法字符时js默认过滤.png 5.当满足条件时才会去触发ajax,然后通过ajax来返回信息的正确与否,这样可以大大减少请求的次数,同时也降低了对服务器的压力。如图:ajax发现请求并返回结果 6.此时点击“立即提交”后会看到提示信息,同时屏蔽提交按钮3s,以免用户反复提交。如图:注册成功后显示提示信息

上面说完了插件的功能,看似很简单的事情,但在制作过程中还是存在很多细节问题的。例如:
1.此插件只是一个替代品,要保证系统默认的不会出现问题;
2.验证码正确的情况下可能已过期,这个是个小坑,插件中已解决;
3.同一ipxx小时内不能重复注册,这个插件中已解决。
其它问题这里不再提及,如果看官曾自己亲手制作过,艺灵相信看官曾经也会遇到这些问题的。

四、插件相关文件

说了这么多,竟然没有源码,不应该啊!

看官别急,下面就是源码哦!

艺灵一共修改了4php系统文件,新增了一个js文件。想了解详细的请看完,不想了解的直接跳到最后面找插件下载吧。

4.1 修改index.php文件

文件地址:根目录/e/enews/index.php,找到$enews=="register",大约在70行,新增以下代码。

77行左右

  1. $sub_reg=$_POST['sub_reg']?$_POST['sub_reg']:0;
  2. 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行左右

  1. function SendActUserEmail($userid,$username,$email,$sub_reg=0){

172行左右

  1. @include $a.LoadLang("pub/q_message.php");
  2. $return_zhjh=array();
  3. if($sub_reg==1){
  4. $return_zhjh['msg']=5;
  5. $return_zhjh['text']=$qmessage_r["SendActUserEmailSucess"];
  6. echo json_encode($return_zhjh);
  7. exit;
  8. }else{
  9. printerror("SendActUserEmailSucess",$public_r['newsurl'],1);
  10. }

代码配图:

4.4 修改connect.php文件

文件地址:根目录/e/class/connect.php,这个文件中搜索“检查验证码”,在第2195行,然后开始新增代码。

代码配图:修改帝国cms中的connect.php中第2195行

4.5 新增ajax_cms_register.js文件

这个文件里面主要是js判断信息以及接收ajax返回的信息。如果看官将ajax_cms_register.js放其它文件夹中,需要注意下第114行和第156行的路径。

配图:注意ajax_cms_register.js中的php文件路径

五、下载插件

资源下载

  1. demojquery.ajax制作帝国cms6.6快速注册插件.zip 积分下载 不喜勿下

5.1 压缩包文件说明

如果看官需要完整插件,可使用积分进行下载。下载解压后如图:ajax_register文件夹中各文件说明.png看官在移动文件的时候一定要按照图片中的说明操作,否则会因路径错误而不能实现效果。

明天艺灵将分享帝国cms6.6快速登录插件,敬请期待。

----------完----------

转载声明:
  若亲想转载本文到其它平台,请务必保留本文出处!
本文链接:/jquery/2016-01-30/362.html

若亲不想直保留地址,含蓄保留也行。艺灵不想再看到有人拿我的技术文章到他的地盘或者是其它平台做教(装)程(B)而不留下我的痕迹。文章你可以随便转载,随便修改,但请尊重艺灵的劳动成果!谢谢理解。

亲,扫个码支持一下艺灵呗~
如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

Tag: jquery.ajax 帝国cms6.6 帝国教程 快速注册插件 jquery插件制作 php源码下载

上一篇: jquery.ajax实现destoon出发地与目的地地址三级联动伪下拉菜单式demo   下一篇: jquery.ajax制作帝国cms6.6快速登录插件

评论区