欢迎来到铁虎网-专注为站长!

DEDE织梦教程

当前位置:铁虎网 > CMS教程 > DEDE织梦教程 >

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

时间:2019-09-21|栏目:DEDE织梦教程|点击:

一、需求描述

dedeCMS自带的模板中有互动中心模块,如下图所示:

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

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

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

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

 

二、原理分析

我们来分析一下DedeCSM自带的模板是怎么实现会员中心及登录信息显示的内容的:

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

 

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

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

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

<!-- /userlogin --> 

     <script language="javascript" type="text/javascript">CheckLogin();</script> 

 

3、我们来看CheckLogin()的定义,它出现在index.htm的head区:

CheckLogin()首先获得id为'_userlogin'的网页元素,其实这个元素就是我们的用户名密码登录模块;

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

//gcontainer 是保存下载完成的内容的容器 

//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_loginsta.php返回结果网页代码,然后在id为"_userlogin'"的地方显示。

 

ajax_loginsta.php的一部分代码如下:

以上代码定义了我们看到的登录结果的样式。

三、修改代码

知道了显示的原理,接下来我们开始实现我们的功能:

1、定义显示的地方,并指定id。

在head.htm中添加:

<!----> 

<div>   

    <div class="w960 center">  

        <div id="_userlogin_head"> 

        </div> 

        <div> 

            欢迎来到本网站, 请  

            <a href="{dede:global.cfg_memberurl/}/login.php" target="_blank">登录</a>  

            |<a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" target="_blank">注册</a> 

        </div><!--/toplinks--> 

         

    </div>  

</div> 

 

2、添加javascript执行

<script language="javascript" type="text/javascript">CheckLogin_head();</script> 

 

3、自义javascript的CheckLogin_head()函数

为了使代码模块化,我们定义在head.htm里。

注意:得重新包含dedeajax2.js和j.js文件,因为虽然我们之前在index.htm中定义过了,但是是引用不到的。

 

4、其实第3步大家有注意到了我们是根据ajax_loginsta_head.php文件来获得结果HTML代码的。

ajax_loginsta_head.php文件是由ajax_loginsta.php 复制粘贴出来的,我们在它的基础上改为:

 

OK,效果显示出来了。


栏    目:DEDE织梦教程

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

下一篇:dedecms织梦文章内容分页最后一页加入下一篇链接

本文标题:织梦实现在网站顶部显示会员登录信息

本文地址:http://www.tiehoo.com//cms/dede/8843.html

关于我们 | 寻求报道 | 投稿须知 | 商务合作 | 版权申明 | 联系我们

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:149650349 | 邮箱:wx#tiehoo.com(#换成@)

Copyright © 2008-2019 铁虎网(模站无忧) 版权所有

陕ICP备16002307号-2