帝国cms 7.5版本ajax快速登录插件

2023-10-17 0 351

在替换前,强烈建议您优先备份上面的两个系统文件
e/class/connect.php
e/member/class/member_loginfun.php
在备份完成后,把解压后的e文件夹粘贴到您本地网站的根目录。此时会出现询问你弹窗,直接点击替换即可。如图:替换e目录时出现弹窗直接点替换目标中的文件.png

帝国cms 7.5版本ajax快速登录插件

3.5、skin 模板样式文件

接下来说下skin这个目录,一共有两个文件夹,分别是layui (第三方UI库)和ylsj (艺灵设计的简拼,防止与您命名的目录重名)。

若您的skin目录下也有layui第三方库的话,可以不用管。若您的skin目录下也有ylsj这个目录的话,这下就比较尴尬了。最简单的方法就是文件夹合并,注意同名文件要修改。修改后ajax-login.html这个文件也要修改,主要是引入的css文件名和js文件名。

ajax-login.html就是我们的表单登录页面,在样式上我基本没有修改,直接使用了第三方UI库Layui。原因有以下几点:
1、一般的UI库功能齐全,像表单校验、弹层、样式美化全都有,不需要自己写造轮子;
2、UI库众多,不喜欢了可以随便换。当然看官也可以根据自己的需求进行手写,我提供的示例代码完全不会影响到您的发挥;
3、Layui基于jquery且包内已经内置了,不需要再重新引用即可使用。Layui在前两年挺受欢迎的,即使现在是Vue的天下,对于仍jquery的网站来说,也是个很好的选择。

为了方便管理新增的代码,我新建了一个名为ajaxLogin.js的js文件,这名字够直白吧!同样,css我也放在一个名为login.css的css文件中。

3.6、去后台修改模板

终于到了改模板这一步了,胜利就在眼前。为了便于展示效果,我就直接把代码加在页面顶部的登录区中。具体的步骤是:进入后台-模板-公共模板-JS调用登陆模板。注意粘贴的位置,是第一个</form>的后面。如图:

帝国cms 7.5版本ajax快速登录插件

3.7、数据更新

这个时候直接刷新前台页面是看不到变化的,因为帝国的模板需要手动更新才行。如图:

帝国cms 7.5版本ajax快速登录插件

此时再打开首页即可看到刚才添加的代码已经生效了,然后点击那个新增的“ajax登录”即可弹出快捷登录窗口,效果如同文章开头中的视频。

就是这么简单,使用只需要3行代码即可!

4、一些答疑

Q1:在帝国CMS7.5的后台模板中,跟登录相关的模板有多个,每个都需要修改吗?

A1:后台中一共有三处,分别是:①【模板-公共模板-JS调用登陆模板】对应的是前台静态页面的顶部登录;
②【动态页面模板管理-会员基本页面-会员登录页面】对应的前台页面是/e/member/login/这个页面;如图:

帝国cms 7.5版本ajax快速登录插件

③【动态页面模板管理-会员基本页面-会员登录弹出页面】对应的前台页面是/e/member/login/login这个页面;如图:

帝国cms 7.5版本ajax快速登录插件

本示例修改的是第一处,看官可根据自己的需求进行对应的修改,用不到的没必要修改。

Q2:可不可以不修改原登录界面css样式,只使用ajax提交?

A2:此种情况对应的是上面的②,只需要给登录按钮添加一个id="ajaxLogin_default"并在</table><br/>之间插入下面前面提到的两行js代码即可。如图:修改默认登录页为ajax提交表单数据.png

帝国cms 7.5版本ajax快速登录插件


 
  • <script src="/skin/layui/layui.js"></script>
  • <script src="/skin/ylsj/js/ajaxLogin.js"></script>
  • 动态gif效果如图:默认登录页也支持ajax了.gif

    帝国cms 7.5版本ajax快速登录插件

    怎么样,用户体验是不是比原来的好呀?而这只需要引入2行代码再加一个id就搞定了,根本不用做其他任何修改。
     

    帝国cms 7.5版本ajax快速登录插件.zip
    帝国cms 7.5版本ajax快速登录插件.zip (722.57 KB)
    收藏 (0) 打赏

    感谢您的支持,我会继续努力的!

    打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
    点赞 (0)

    1、如非特殊说明,本站对本文提供的代码或者素材不拥有任何权利,其版权归原著者拥有。
    2、以上提供的代码或者素材均为作者提供和网友推荐收集整理而来,仅供学习和研究使用。
    3、如有侵犯你版权的,请来信(邮箱:admin@mail.52muban.com)指出,核实后,本站将立即改正。
    4、如有链接无法下载、失效或广告,请点击下面的报错或者联系我们处理!
    5、以上资源售价只是赞助,不代表代码或者素材本身价格。收取费用仅维持本站的日常运营所需!
    6、本站所有资源、教程、源码,不得用于非法站点及用途,后果自负!本站不为非法站点提供任何服务。

    我爱模板网 帝国cms教程 帝国cms 7.5版本ajax快速登录插件 https://www.52muban.com/129066.html

    常见问题
    • 我们承诺演示效果图均和网站一模一样,如有不同,全额退款,并且我们的模板和数据都没有留后门,请放心使用。
    查看详情
    • 本站所有源码版权归原作者所有,我爱模板网提供的源码只能用于学习研究,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
    查看详情
    发表评论
    暂无评论
    官方客服团队

    为您解决烦忧 - 24小时在线 专业服务

    © 2022 我爱模板网- 52muban.com . Powered by WordPress. All rights reserved 网站地图 粤ICP备2020135806号
    本站由 腾讯云 提供CDN加速/云服务