欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

织梦实现在网站顶部显示会员登录信息

标签: 作者:融科网络 | 点击:
21

Oct
2019

导语
dedeCMS自带的源码中有互动中心模块,如下图所示: 由于会员登陆对我来说不是网站的重要模块且默认DedeCMS的会员中心模块的初始化很慢,常会显示正在载入中,请稍候。。。, 所以
 

澳门体育登录dedeCMS自带的源码中有互动中心模块,如下图所示:

织梦实现在网站顶部显示会员登录信息

由于会员登陆对我来说不是网站的重要模块且默认DedeCMS的会员中心模块的初始化很慢,常会显示“正在载入中,请稍候。。。”,

澳门体育登录所以不想让它出现在澳门体育登录上,而是想在顶层banner中显示自定义登录信息,如下图所示:

织梦实现在网站顶部显示会员登录信息

二、原理分析

我们来分析一下DedeCSM自带的源码是如何实现会员中心及登录信息显示的内容的:

1、index.htm中定义了用户名密码模块:

<dd id="uc_member" > <div id="_user日志in"> <div> <form name="user日志in" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST"> <input type="hidden" name="fmdo" value="日志in" /> <input type="hidden" name="dopost" value="日志in" /> <input type="hidden" name="keeptime" value="604800" /> <div><span>用户名:</span> <input type="text" name="userid" size="20" /> </div> <div><span>密码:</span> <input type="password" name="pwd" size="20" /> </div> {dede:php} if(preg_match("#2#", $safe_gdopen)) { echo ' <div><span>验证码:</span> <input type="text" name="vdcode" size="8" /> <img id="vdimgck" onClick="this.src=this.src+\'?\'" style="cursor:pointer;margin-left:0px;text-transform:uppercase;" alt="看不清?点击更换" src="'.$cfg_cmspath.'/include/vdimgck.php"/></div> '; } {/dede:php} <div> <button type="submit">登录</button> <a href=http://www.dede58.com/a/dedejq/"{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注册帐号</a> <a href=http://www.dede58.com/a/dedejq/"{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a> </div> </form> </div> </div> <!-- /user日志in --> <script language="javascript" type="text/javascript">CheckLogin();</script> <div> <strong>最近登陆的会员</strong> <ul> {dede:memberlist row=6 signlen=30} <li><a href=http://www.dede58.com/a/dedejq/"[field:spaceurl/]" target="_blank"><img src=http://www.dede58.com/a/dedejq/"[field:face/]" alt='[field:spacename/]' width="52" height="52" />[field:uname/]</a></li> {/dede:memberlist} </ul> </div> <!-- /latest日志in --> </dd>  

澳门体育登录从以上代码可以看出它只是显示一个界面而与,那么当我们输入用户名、密码,点登录后是如何变为如下的结果呢:

澳门体育登录2、在上面的代码中点了登录按钮后,由于没有指定button的onclick响应函数,所以默认submit会有一个跳转,页面会刷新。

当页面刷新时,就把index.htm的HTML再次执行一次。在上面代码的下面有这么一行代码:

<!-- /user日志in --> 

澳门体育登录<script language="javascript" type="text/javascript">CheckLogin();</script> 

澳门体育登录3、我们来看CheckLogin()的定义,它出现在index.htm的head区:

<link href=http://www.dede58.com/a/dedejq/"{dede:global.cfg_templets_skin/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" /> <script language="javascript" type="text/javascript" src=http://www.dede58.com/a/dedejq/"{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script> <script language="javascript" type="text/javascript" src=http://www.dede58.com/a/dedejq/"{dede:global.cfg_cmspath/}/images/js/j.js" ></script> <script language="javascript" type="text/javascript" src=http://www.dede58.com/a/dedejq/"{dede:global.cfg_templets_skin/}/js/pic_scroll.js"></script> <script language="javascript" type="text/javascript"> <!-- $(function(){ $("a[_for]").mouseover(function(){ $(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide(); $(this).addClass("thisclass").blur(); $("#"+$(this).attr("_for")).show(); }); $("a[_for=uc_member]").mouseover(); $("a[_for=flink_1]").mouseover(); }); function CheckLogin(){ var taget_obj = document.getElementById('_user日志in'); myajax = new DedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_日志insta.php"); DedeXHTTP = null; } --> </script>  

澳门体育登录CheckLogin()首先获得id为'_user日志in'的网页元素,其实这个元素就是我们的用户名密码登录模块;

然后调用DedeAjax函数,这个函数定义在{dede:global.cfg_cmsurl/}/include/dedeajax2.js文件(所以在前面引入了引javascript文件)

//gcontainer 是保存download完成的内容的容器 

//mShowError 是否提示错误信息 

澳门体育登录//DedeShowWait 是否提示等待信息 

//mErrCon 服务器澳门体育登录返回什么字符串视为错误 

//mErrDisplay 发生错误时显示的信息 

//mWaitDisplay 等待时提示信息 

//默认调用 DedeAjax('divid',false,false,'','','') 

澳门体育登录function DedeAjax(gcontainer,mShowError,mShowWait,mErrCon,mErrDisplay,mWaitDisplay) 

澳门体育登录//用GET方式发送数据,阻塞模式 

this.SendGet2 = function(purl) { 

从以上我们知道为什么能显示登录结果的原因了:

澳门体育登录通过调用通讯模块dedeajax2.js的功能根据{dede:global.cfg_cmspath/}/member/ajax_日志insta.php返回结果网页代码,然后在id为"_user日志in'"的地方显示。

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://fudashu.com/code/11084.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

澳门体育登录扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上澳门体育登录!专注H5企业建站+网站优化推广)

上一篇:dedecms织梦新闻内容分页最后一页加入下一篇链接

下一篇:织梦后台新增多个栏目内容及前台调用办法

  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制
十分彩-欢迎您 十分彩平台 -【专业购彩平台】 十分彩注册---澳门体育登录_欢迎您 十分彩_官网 十分彩-澳门体育登录 十分彩|官方唯一指定!