摘要:前面分别分享了帝国CMS7.5 Ajax版快捷登陆插件(不改系统文件)和登陆插件,今天接着把两个插件合并下。调用只需要引入2行js代码即可......

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

最近一周,艺灵买的鸡是一路狂跌,已经到了跌妈不认的程度![:笑哭]

扯远了,开始今天的内容。

一、回顾

艺灵在前面分别分享了帝国CMS7.5《Ajax版登录插件》和《Ajax版快捷注册插件》,两款插件均不修改系统文件。今天呢,我们就把两个插件合并下

二、一睹插件容颜

录制了个小视频,看官可以猛戳下方图片进行观看插件效果。视频如下↓↓↓:

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

三、插件使用

3.1、下载插件

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

skin

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

--ylsj

----css

------loginAndRegisterDefaultTab.css /* 新增文件 */

----js

------ajaxLoginAndRegisterDefaultTab.js /* 新增文件 */

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

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

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

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

3.3、去后台修改模板

3.3.1、修改登录页

进入后台后,依次点击模板-动态页面模板管理-会员登录页面。然后在右侧最后一个的后面粘贴下面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

3.3.2、修改注册页

进入后台后,依次点击模板-动态页面模板管理-会员注册页面。然后在右侧最后一个的后面粘贴下面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%E6%B3%A8%E5%86%8C%E6%A8%A1%E6%9D%BF.png

四、前台效果

现在我们再刷新前台的注册页或登录页,可以看到多出一个“登陆注册二合一(可选)”的按钮了。点击默认的“马上注册”按钮会有toast提示,动态gif演示如下图:

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

五、积分下载插件

六、最后

转载声明:

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

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

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

原文链接:https://blog.csdn.net/weixin_29534399/article/details/119504172?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166669233216782417022975%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166669233216782417022975&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-4-119504172-null-null.nonecase&utm_term=%E5%B8%9D%E5%9B%BDcms

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注