帝国cms用ajax,帝国CMS7.5二次开发之制作Ajax版登录插件(不改系统文件)

摘要:在1月17号的时候,艺灵分享了帝国CMS7.5 Ajax版快捷登陆插件。当时是需要修改系统文件的,今天带来一种全新的方法。不需要修改系统文件,更加适用于小白,只需要引入2行js代码即可实现想要的功能......

说明:本插件为帝国CMS7.5简体UTF-8版,非升级程序。从本站下载的插件无后门,但不保证转手后的安全性。检测插件安全性也很简单,直接拿帝国CMS官方的与下载的源码进行对比即可。

一、回顾

1月17号的时候,艺灵分享了一篇关于帝国CMS7.5《Ajax版快捷登录(戳我访问)》的文章。当时我们修改了2个系统文件才实现功能。鉴于很多小白易出现改错、误改等情况发生,于是今天艺灵带来全新的插件。完全不需要修改系统文件,只需要像之前那样引入2行js代码即可。心动了吗?不管看官有没有心动,反正艺灵是挺兴奋的。相对于上一次的插件而言,这是一个很大的进步!

二、一睹插件容颜

当当当当,大概就长这个样。如图:(前15秒为系统默认表单版,16秒之后为弹窗版)

%E5%B8%9D%E5%9B%BD%E9%BB%98%E8%AE%A4%E7%99%BB%E5%BD%95%E9%A1%B5%E6%94%AF%E6%8C%81ajax%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2.png(友情提示:点击上面的图片即可播放视频)

三、插件使用

3.1、下载插件

在文章末尾处有插件的下载链接,下载解压后目录如下:

skin

--layui /* 新增第三方UI库 */

--ylsj

----css

------login.css /* 新增文件,修改弹窗版登录样式 */

----js

------ajaxLoginDefault.js /* 新增文件,负责弹窗、表单校验、ajax提交等操作 */

----ajax-login.html /* 新增文件,弹窗时实际上打开的是这个页面 */

3.2、复制 skin 文件夹到系统根目录

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

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

3.3、去后台修改模板

进入后台后,依次点击模板-动态页面模板管理-会员登录页面。然后在右侧最后一个的后面粘贴下面2行js代码。

如果想看弹窗版,可以再加一行html代码。

弹窗版(可删除)

如图:

%E5%9C%A8%E5%B8%9D%E5%9B%BDCMS%E5%90%8E%E5%8F%B0%E4%BF%AE%E6%94%B9%E4%BC%9A%E5%91%98%E7%99%BB%E5%BD%95%E6%A8%A1%E6%9D%BF.png

四、前台效果

现在我们再刷新前台的登录页,可以看到多出一个“弹窗版(可删除)”的按钮了。点击默认的“登录”按钮会有toast提示,动态gif演示如下图:

%E7%B3%BB%E7%BB%9F%E9%BB%98%E8%AE%A4%E7%99%BB%E5%BD%95%E9%A1%B5%E4%B9%9F%E6%94%AF%E6%8C%81ajax%E4%BA%86.gif

五、积分下载插件

六、最后

转载声明:

若亲想转载本文到其它平台,请务必保留本文出处!

本文链接:http://www.yilingsj.com/jquery/2021-02-09/EmpireCMS75-ajax-loginDefault.html

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值