织梦CMS教程：系统会员登陆后显示当前登陆用户的信息

天外飘仙 2010-12-06 网络天外飘仙次

注意：本教程适用于DedeCMS V5.3,V5.5,V5.6

这个问题屡见不鲜，虽然网上已经有类似的很多教程，但仍然有很多人在问？这里，我倒想反问，但不是问这些提问的新手朋友，也不是问教程的发布者，而是质问这种现象，是发布者创作教程不够用心、不太详细还是描述有问题大家看不懂。还是这些本来学习的人心态本就不端正？没有认真去体会、理解教程的知识含义？

这个问题估计很难有答案，也许，我也不需要答案。

在整个教程过程中，有代码的详细注释，内容主要有：

本教程我希望您能和一起同步来完成这个效果的实现过程

一、横向样式1.实现过程

第一步：

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

第二步：

然后在<head></head>区域内加入以下代码：

以下为引用的内容：

<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<script language="javascript" type="text/javascript">
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>

第三步：

然后再在<body></body>区域增加如下代码：

以下为引用的内容：

<div id="_userlogin">
<form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST">
<input type="hidden" name="fmdo" value="login" />
<input type="hidden" name="dopost" value="login" />
<input type="hidden" name="keeptime" value="604800" />
<ul>
<li>
<label>用户名：</label> <input type="text" name="userid" class="text" style="width:80px"/>
<li>
<li>
<label>密码：</label> <input type="password" name="pwd" class="text" style="width:80px"/>
</li>
<li>
<label>验证码：</label><input type="text" name="vdcode" class="text" style="width:40px"/> <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer; margin-left: 0px;"
</li>
<li><button type="submit" class="btn-1">登录</button> <a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注册帐号</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a& gt;</li>
</ul>
</div>
<script language="javascript" type="text/javascript">CheckLogin();</script>
<style>
#_userlogin{font-size:12px; height:22px;}
#_userlogin ul {margin:0;}
#_userlogin ul li{ float:left; padding:0 5px;}
#_userlogin ul li input.text{font-size:12px; height:14px;}
</style>
</body>

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

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

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

以下为引用的内容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

责任编辑：天外飘仙

顶一下[9]

踩一下[14]