[转载]织梦DedeCMS会员登录状态调用与样式修改方法_21世纪系统网

baacloud免费翻墙vpn注册使用

[转载]织梦DedeCMS会员登录状态调用与样式修改方法_21世纪系统网.
一、横向样式

1、实现过程

第一步:我们首先新建一个空白的默认首页模板(通常为index.htm),并设置为启用状态,然后掏空里面的所有代码。

第二步:然后在区域内加入以下代码:

<script src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js" type="text/javascript" language="javascript"></script><script type="text/javascript" language="javascript">// <![CDATA[
function CheckLogin(){    var taget_obj = document.getElementById('_userlogin');    myajax = new DedeAjax(taget_obj,false,false,'','','');    myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");    DedeXHTTP = null;    }
// ]]></script>

第三步:然后再在区域增加如下代码:

<div id="_userlogin"><form action="{dede:global.cfg_memberurl/}/index_do.php" method="POST" name="userlogin"><input name="fmdo" type="hidden" value="login" />

<input name="dopost" type="hidden" value="login" />

<input name="keeptime" type="hidden" value="604800" />
<ul>
	<li><label>用户名:</label> <input class="text" style="width: 80px;" name="userid" type="text" /></li>
	<li><label>密 码:</label> <input class="text" style="width: 80px;" name="pwd" type="password" /></li>
	<li><label>验证码:</label><input class="text" style="width: 40px;" name="vdcode" type="text" /> <img id="vdimgck" style="cursor: pointer; margin-left: 0px;" src="../include/vdimgck.php" alt="看不清?点击更换" align="absmiddle" /></li>
	<li><button class="btn-1" type="submit">登录</button> <a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&amp;dopost=regnew">注册帐号</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a></li>
</ul>
</form></div>
<script type="text/javascript" language="javascript">// <![CDATA[
CheckLogin();
// ]]></script>

第四步:代码添加完毕,我们生成首页或者直接浏览动态首页看看效果:

织梦DedeCMS会员登录状态调用与样式修改方法

第五步:我们输入正确的账号密码,回到首页的效果图:

织梦DedeCMS会员登录状态调用与样式修改方法

到此,我们的横向登陆样式就制作完毕了。

但是很明显,登陆后的样式非常丑陋,我们应该美化一下,但在美化之前我们应该要来了解一下代码中的含义。

2、代码解释

所谓的代码解释就是要让大家能够看得懂,所以大家可以看一下整个页面的注释版代码:


&nbsp;

&nbsp;

&nbsp;

首页登陆样式测试

<script src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js" type="text/javascript" language="javascript"></script><!--这段是显示整个效果必须要存在的ajax框架--><script type="text/javascript" language="javascript">// <![CDATA[
function CheckLogin(){ //判断是否登陆的函数   

var taget_obj = document.getElementById('_userlogin'); //登陆后动态加载的区块,也就是<body>区域的id="_userlogin"的所有内容   

myajax = new DedeAjax(taget_obj,false,false,'','','');   

myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); //登陆后的要显示的具体内容   

DedeXHTTP = null;   

}
// ]]></script>

&nbsp;

*****************************************

&nbsp;
<div id="_userlogin">

<!--动态显示的内容区块,ID值必须与上面的document.getElementById('_userlogin') 中 的_userlogin保持一致-->

<form action="{dede:global.cfg_memberurl/}/index_do.php" method="POST" name="userlogin"><!--登陆提交的处理页面-->

<input name="fmdo" type="hidden" value="login" /><!--定义操作为login-->

<input name="dopost" type="hidden" value="login" /><!--定义操作为login-->

<input name="keeptime" type="hidden" value="604800" /><!--记住登陆状态的时间,单位秒-->
<ul>
	<li><label>用户名:</label> <input class="text" style="width: 80px;" name="userid" type="text" /><!--用户名--></li>
	<li><label>密 码:</label> <input class="text" style="width: 80px;" name="pwd" type="password" /><!--密码--></li>
	<li><label>验证码:</label><input class="text" style="width: 40px;" name="vdcode" type="text" /> <img id="vdimgck" style="cursor: pointer; margin-left: 0px;" src="../include/vdimgck.php" alt="看不清?点击更换" align="absmiddle" /></li>
	<li><button class="btn-1" type="submit">登录</button></li>
</ul>
</form></div>
<script type="text/javascript" language="javascript">// <![CDATA[
CheckLogin();
// ]]></script><!--本函数必须加载,用于获取上面的function CheckLogin()函数-->

通过上面的查看,我们已经知道要美化这个样式,只需要修改 /member/ajax_loginsta.php 文件的代码即可。

我们打开这个文件,将里面的代码全部替换为如下代码:

<!--?php    require_once(dirname(__FILE__)."/config.php");    AjaxHead();    if($myurl == '')    {    exit('');    }    $uid  = $cfg_ml--->M_LoginID;

!$cfg_ml-&gt;fields['face'] &amp;&amp; $face = ($cfg_ml-&gt;fields['sex'] == '女')? 'dfgirl' : 'dfboy';

$facepic = emptyempty($face)? $cfg_ml-&gt;fields['face'] : $GLOBALS['cfg_memberurl'].'/templets/images/'.$face.'.png';

?&gt;

你好:<!--?php echo $cfg_ml--->M_UserName; ?&gt;,欢迎登录!<a href="&lt;?php echo $cfg_memberurl; ?&gt;/guestbook_admin.php">我的留言</a> | <a href="&lt;?php echo $cfg_memberurl; ?&gt;/mystow.php">我的收藏</a> | <a href="&lt;?php echo $cfg_memberurl; ?&gt;/index.php">会员中心</a> | <a href="&lt;?php echo $cfg_memberurl; ?&gt;/edit_fullinfo.php">修改资料</a> | <a href="&lt;?php echo $myurl;?&gt;">空间</a> | <a href="&lt;?php echo $cfg_memberurl; ?&gt;/index_do.php?fmdo=login&amp;dopost=exit">退出登录</a>

我们也顺道来看一下修改后的效果:

织梦DedeCMS会员登录状态调用与样式修改方法

怎么样?大家知道应该如何来制作这个效果了吧。好了,我们再来看看竖向的登录框。

二、竖向登陆

(责任编辑:模板天下)

通过横向登陆的示例,其实我们很容易理解。要做一个竖向登陆的这个效果,只需要将登陆前后的样式分别修改一下即可,不需要修改其它任何功能文件。

这是我修改的竖向登陆的登录前样式:


&nbsp;

&nbsp;

&nbsp;

首页登陆样式测试

<script src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js" type="text/javascript" language="javascript"></script><!--这段是显示整个效果必须要存在的ajax框架--><script type="text/javascript" language="javascript">// <![CDATA[
  

function CheckLogin(){ //判断是否登陆的函数   

var taget_obj = document.getElementById('_userlogin'); //登陆后动态加载的区块,也就是<body>区域的id="_userlogin"的所有内容   

myajax = new DedeAjax(taget_obj,false,false,'','','');   

myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); //登陆后的要显示的具体内容   

DedeXHTTP = null;   

}   
// ]]></script>

&nbsp;

&nbsp;
<div id="_userlogin">

<!--动态显示的内容区块,ID值必须与上面的document.getElementById('_userlogin') 中 的_userlogin保持一致-->

<form action="{dede:global.cfg_memberurl/}/index_do.php" method="POST" name="userlogin"><!--登陆提交的处理页面-->

<input name="fmdo" type="hidden" value="login" /><!--定义操作为login-->

<input name="dopost" type="hidden" value="login" /><!--定义操作为login-->

<input name="keeptime" type="hidden" value="604800" /><!--记住登陆状态的时间,单位秒-->
<ul>
	<li><label>用户名:</label><input class="text" style="width: 100px;" name="userid" type="text" /><!--用户名--></li>
	<li><label>密 码:</label> <input class="text" style="width: 100px;" name="pwd" type="password" /><!--密码--></li>
	<li><label>验证码:</label><input class="text" style="width: 40px;" name="vdcode" type="text" /> <img id="vdimgck" style="cursor: pointer; margin-left: 0px;" src="../include/vdimgck.php" alt="看不清?点击更换" align="absmiddle" /></li>
	<li><button class="btn-1" type="submit">登录</button> <a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&amp;dopost=regnew">注册帐号</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a></li>
</ul>
</form></div>
<script type="text/javascript" language="javascript">// <![CDATA[
CheckLogin();
// ]]></script><!--本函数必须加载,用于获取上面的function CheckLogin()函数-->

&nbsp;

好,接下来我们看看效果:

织梦DedeCMS会员登录状态调用与样式修改方法

登陆后的显示样式我们用织梦(DedeCMS)自带的,来看看效果:

织梦DedeCMS会员登录状态调用与样式修改方法

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏