帝国CMS使用Ajax实现快捷注册并检测密码强弱度简介
时间:2024年03月29日
/来源:网络
/编辑:佚名
本插件功能:
1、3行代码实现ajax版注册功能;
2、支持弹窗版和系统默认注册页;
3、修改简单,单文件修改,避免去后台发布和更新,非常适合小白。
4、新增密码强弱提示
郑重声明:本插件为帝国CMS7.5简体UTF-8版,非升级程序。从本站下载的插件无后门,但不保证转手后的安全性。
检测插件安全性也很简单,直接拿帝国CMS官方的与下载的源码进行对比即可。本插件分享仅供学习交流,不构成任何权威性。
关于效果,有兴趣的可以看下面的视频演示:
戳我观看Ajax版快捷注册
调用代码:
在需要的地方粘贴下面3行代码即可。
<strong class="button__ajaxRegister">弹窗版注册</strong>
<script src="/skin/layui/layui.js"></script>
<script src="/skin/ylsj/js/ajaxRegister.js"></script>
此时弹窗注册的效果见下图:
如果是修改系统默认注册页的话,先给注册按钮添加一个id="ajaxRegister_default" ,然后只需要引入下面2行代码即可
<script src="/skin/layui/layui.js"></script>
<script src="/skin/ylsj/js/ajaxRegister.js"></script>
此时默认注册页的效果是这样的,如下图:
解压文件后目录结构见下方所示。
e
--class
----connect.php /* 系统文件,有修改 */
--config
----config.php /* 系统文件,有修改 */
--member
----class
------member_registerfun.php /* 系统文件,有修改 */
------member_actfun.php /* 系统文件,有修改 */
------member_loginfun.php /* 系统文件,有修改 */
skin
--layui /* 新增第三方UI库 */
--ylsj
----css
------register.css /* 新增文件,修改注册样式 */
------login.css /* 新增文件,修改登录样式 */
------loginAndRegisterTab.css /* 新增文件 */
----js
------ajaxRegister.js /* 新增文件,此次有修改 */
------ajaxLogin.js /* 新增文件,此次有修改 */
------ajaxLoginAndRegister.js /* 新增文件 */
------ajaxLoginAndRegisterTab.js /* 新增文件 */
----ajax-login.html /* 新增文件,此次有修改 */
----ajax-register.html /* 新增文件,弹窗时实际上打开的是这个页面 */
----ajax-loginAndRegisterTab.html /* 新增文件 */
1、替换e目录下的系统文件
如果看官在之前曾下载过本站的独立版登陆插件或注册插件的话,这一步可跳过。没有下载过的话,请先做好数据备份工作!
然后把解压文件中的e文件夹直接复制到自己本地网站的根目录中进行替换即可。一共是5个系统文件,再次建议替换前做好备份工作!
2、粘贴skin模板文件到本地
注意了,上面黄色高亮的为此次新增的内容,其余的全为之前内容。然后ajaxRegister.js、ajaxLogin.js、ajax-login.html这三个文件有修改。
这里建议看官以本次最新的skin为准,直接复制skin目录粘贴到本地网站根目录。
1、3行代码实现ajax版注册功能;
2、支持弹窗版和系统默认注册页;
3、修改简单,单文件修改,避免去后台发布和更新,非常适合小白。
4、新增密码强弱提示
郑重声明:本插件为帝国CMS7.5简体UTF-8版,非升级程序。从本站下载的插件无后门,但不保证转手后的安全性。
检测插件安全性也很简单,直接拿帝国CMS官方的与下载的源码进行对比即可。本插件分享仅供学习交流,不构成任何权威性。
关于效果,有兴趣的可以看下面的视频演示:
戳我观看Ajax版快捷注册
调用代码:
在需要的地方粘贴下面3行代码即可。
<strong class="button__ajaxRegister">弹窗版注册</strong>
<script src="/skin/layui/layui.js"></script>
<script src="/skin/ylsj/js/ajaxRegister.js"></script>
此时弹窗注册的效果见下图:
如果是修改系统默认注册页的话,先给注册按钮添加一个id="ajaxRegister_default" ,然后只需要引入下面2行代码即可
<script src="/skin/layui/layui.js"></script>
<script src="/skin/ylsj/js/ajaxRegister.js"></script>
此时默认注册页的效果是这样的,如下图:
解压文件后目录结构见下方所示。
e
--class
----connect.php /* 系统文件,有修改 */
--config
----config.php /* 系统文件,有修改 */
--member
----class
------member_registerfun.php /* 系统文件,有修改 */
------member_actfun.php /* 系统文件,有修改 */
------member_loginfun.php /* 系统文件,有修改 */
skin
--layui /* 新增第三方UI库 */
--ylsj
----css
------register.css /* 新增文件,修改注册样式 */
------login.css /* 新增文件,修改登录样式 */
------loginAndRegisterTab.css /* 新增文件 */
----js
------ajaxRegister.js /* 新增文件,此次有修改 */
------ajaxLogin.js /* 新增文件,此次有修改 */
------ajaxLoginAndRegister.js /* 新增文件 */
------ajaxLoginAndRegisterTab.js /* 新增文件 */
----ajax-login.html /* 新增文件,此次有修改 */
----ajax-register.html /* 新增文件,弹窗时实际上打开的是这个页面 */
----ajax-loginAndRegisterTab.html /* 新增文件 */
1、替换e目录下的系统文件
如果看官在之前曾下载过本站的独立版登陆插件或注册插件的话,这一步可跳过。没有下载过的话,请先做好数据备份工作!
然后把解压文件中的e文件夹直接复制到自己本地网站的根目录中进行替换即可。一共是5个系统文件,再次建议替换前做好备份工作!
2、粘贴skin模板文件到本地
注意了,上面黄色高亮的为此次新增的内容,其余的全为之前内容。然后ajaxRegister.js、ajaxLogin.js、ajax-login.html这三个文件有修改。
这里建议看官以本次最新的skin为准,直接复制skin目录粘贴到本地网站根目录。
新闻资讯 更多
- 【帝国cms教程】帝国CMS模板变量$GLOBALS[navclassid]用法分析04-03
- 【帝国cms教程】鲜为人知帝国CMS内容页调用上一篇和下一篇的精华方法汇总04-03
- 【帝国cms教程】怎么快速找出帝国CMS数据库配置文件路径及迁移网站后修改技巧!04-03
- 【帝国cms教程】帝国CMS模板$GLOBALS[navclassid]用法详解04-03
- 【帝国cms教程】帝国cms 7.5版列表页分页样式修改笔记04-02
- 【帝国cms教程】解决帝国CMS搜索页面模板不支持灵动标签和万能标签的方法04-02
- 【帝国cms教程】帝国CMS只备份栏目和模板的方法04-02
- 【帝国cms教程】帝国CMS怎样删除清空数据库记录?04-02
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 9帝国cms后台登录出现”您还未登录”怎么解决?
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法