Dedecms登陆框更改教程-站长中国-中国站长门户从这里开始全面了解中国站长

Dedecms登陆框更改教程

　 2007年11月04日09:49:20　 playsky 评论(0条) 字体:[大中小]
相关热点：dedecms

dedecms的登陆框使用了AJAX技术，简单的说，这个技术嘛就是不用刷新就可以更改页面的内容，新手更改登陆也不需要了解太多。

往往大家更改登陆框的时候会发现，当用户登陆之后，又回到了原先那个奇丑无比的登陆界面，这是为何？

下面我们引入一些基本的代码，先拿官方发布的模板做研究：

这是首页模板(index.htm)，我们别的先不做研究，就单单来看登陆这块：

<span id="_loginform">
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <form name='form1' method='POST' action='{dede:field name='memberurl'/}/index_do.php'>
<input type="hidden" name="fmdo" value="login">
<input type="hidden" name="dopost" value="login">
<input type="hidden" name="gourl" value="">
<tr>
<td height="28"> </td>
<td width="30%">用户名：</td>
<td width="63%"><input name="userid" type="text" id="userid" style="width:120px;height:20px;border:1px solid #cccccc"></td> <input type="password" name="pwd" style="width:120px;height:20px;border:1px solid #cccccc"></td>
</tr>
<tr>
<td height="28"> </td>
<td>验证码：</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%"><input name="vdcode" type="text" id="vdcode" style="width:60px;height:20px;border:1px solid #cccccc"></td>
<td><img name="vdcode" src="{dede:global name='cfg_cmspath'/}/include/validateimg.php" width="50" height="20" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td width="4%" height="57"> </td>
<td height="57" colspan="2" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" align="center">
<input name="imageField" type="image" src="{dede:field name='templeturl'/}/img/loginbt.gif" width="75" height="28" border="0">
</td>
<td> <a href="{dede:field name='memberurl'/}/index_do.php?fmdo=user&dopost=regnew"><img src="{dede:field name='templeturl'/}/img/regbt.gif" width="75" height="28" border="0"></a>
</td>
</tr>
</table></td>
</tr>
</form>
</table>

</span>
<script language="JavaScript">CheckLogin();</script>

这里是一个表格形式的登陆框，我们来分析下，可以看出，网页会自动执行javascript语句，执行CheckLogin();过程，我们再来看模板文件顶部

发现下面这些代码：

<?php
header("Pragma:no-cache\r\n");
header("Cache-Control:no-cache\r\n");
header("Expires:0\r\n");
header("Content-Type: text/html; charset=gb2312");
require_once(dirname(__FILE__)."/config_space.php");
require_once(dirname(__FILE__)."/../include/inc_memberlogin.php");
$cfg_ml = new MemberLogin();
if(empty($cfg_ml->M_ID)){ echo ""; exit(); }
$uid = $cfg_ml->M_LoginID;
$dsql = new DedeSql(false);
$spaceInfos = $dsql->GetOne("Select ID,uname,spacename,spaceimage,sex,c1,c2,spaceshow,logintime,news From #@__member where userid='$uid'; ");
if(!is_array($spaceInfos)){
$dsql->Close(); echo ""; exit();
}
$dsql->Close();
foreach( $spaceInfos as $k=>$v){if(ereg("[^0-9]",$k)) $$k = $v; }
if($spaceimage==''){
if($sex=='女') $spaceimage = $cfg_memberurl.'/img/dfgril.gif';

else $spaceimage = $cfg_memberurl.'/img/dfboy.gif';
} //这段代码我们不用管他，这个对我们的修改登陆框没有直接影响，不要动他就可以了，主要是下面的修改
?>
<TABLE height=84 cellSpacing=0 cellPadding=0 width=255 align=center
bgColor=#333333 border=0>
<form name='form1' method='POST' action='{dede:field name='memberurl'/}/index_do.php'><input type="hidden" name="fmdo" value="login">
<input type="hidden" name="dopost" value="login">
<input type="hidden" name="gourl" value="">
<TBODY>
<TR>
    <TD vAlign=bottom align=middle width=255 height=30><SPAN
      class=white>你好，欢迎_<?php echo $cfg_ml->M_UserName?></SPAN>
       </TD>
</TR>
         <TR>
    <TD vAlign=top align=middle height=30><SPAN class=white><a href="<?php echo $cfg_memberurl?>/guestbook_admin.php" class="mbline">[我的留言]</a>   <a href="<?php echo $cfg_memberurl?>/mystow.php" class="mbline">[我的收藏]</a>  <a href="<?php echo $cfg_memberurl?>/article_add.php" class="mbline">[发表文章]</a></SPAN></TD>
   </TR>
<TR>
    <TD vAlign=top align=middle height=30><a href="<?php echo $cfg_memberurl?>/article_add.php" class="mbline">[发表文章]</a>  <a href="<?php echo $cfg_memberurl?>/index.php?uid=<?php echo $uid?>">[我的空间]</a> </TD>
</TR>

<TR>
<TD vAlign=top align=middle height=24><div align="right"><a href="<?php echo $cfg_memberurl?>/index.php">控制面板</a> | <a href="<?php echo $cfg_memberurl?>/index_do.php?fmdo=login&dopost=exit">退出系统</a>     </div></TD>
</TR></FORM></TBODY></TABLE>

在这里就需要介绍点小知识，关于PHP的，PHP是一种编程语言，和ASP一样，功能非常强大，咱们的DEDECMS就是用PHP编写的，每种网络编程语言都有自己的标识符，搞过ASP的站长都知道，<% %>这个中间写ASP的代码，在PHP中他的标识符就是上面红色粗体标记<?php ?> 这个中间放PHP代码，这个代码段子里语句意思还是比较简单的<?php echo "这里是要输出的字符串，可以是变量" ?>,所以上面表格中嵌入的PHP标记到时候会自动解析为相应的字符，通过名称，以及超链接名字我们可以很简单将他们对应起来，比如第一个：

你好，欢迎_<?php echo $cfg_ml->M_UserName?>

这里的$cfg_ml->M_UserName就是存储用户名的变量，我们按照同样的方法将以下的代码进行整理。

当我们设计了一个新的登陆框之后，首先在代码的<head></head> 部分加上javascript语句：

然后，设计登陆框，将登陆框内容放置在一个ID='_loginform'的标记中，这里我们就用<span id="_loginform"> </span>这个

按后我们再设计一个登陆后显示的效果，并且连接指向我们上面<?php ?>标记中的东西，然后把这些内容覆盖到/member/loginsta.php的HTML标记中，保存，登陆下看看，你的登陆框是否正常显示了。

</tr>
<tr>
<td height="28"></td>
<td>密　码：</td>
<td>

出处 lucms.com CMS教学网

浏览 playsky 的个人空间

责任编辑：

拍一下