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

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

一、说明

完全不需要修改系统文件，只需要像之前那样引入2行js代码即可。心动了吗？=

二、一睹插件容颜

当当当当，大概就长这个样。如图：（前15秒为系统默认表单版，16秒之后为弹窗版）

（友情提示：点击上面的图片即可播放视频）

三、插件使用

3.1、下载插件

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

1. skin
2. –layui /* 新增第三方UI库 */
3. –ylsj
4. —-css
5. ——login.css /* 新增文件，修改弹窗版登录样式 */
6. —-js
7. ——ajaxLoginDefault.js /* 新增文件，负责弹窗、表单校验、ajax提交等操作 */
8. —-ajax-login.html /* 新增文件，弹窗时实际上打开的是这个页面 */

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

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

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

3.3、去后台修改模板

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

1. <script src=”/skin/layui/layui.js”></script>
2. <script src=”/skin/ylsj/js/ajaxLoginDefault.js”></script>

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

1. <strong class=”button__ajaxLogin”>弹窗版(可删除)</strong>

如图：

四、前台效果

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

五、积分下载插件

资源下载→→帝国CMS7.5-Ajax版登录插件(不改系统文件).zip