织梦(dedecms)仿站教程第六讲——通用头部（二）会员登陆框(上)

这一讲，主要讲解一下登陆框的制作。首先看拳击在线的登陆框代码：

1. <form name=login method=post action="/e/enews/index.php">
2. <input type=hidden name=enews value=login>
3. <input type=hidden name=ecmsfrom value=9>
4. 用户名：<input name="username" type="text" class="inputText" size="12" />    
5. 密码：<input name="password" type="password" class="inputText" size="12" />    
6. 验证码：<input name="key" type="text" class="inputText" size="4">    
7. <img src="/e/ShowKey/?v=login" align="absbottom">    
8. <input type="submit" name="Submit" value="登陆" class="inputSub" />      
9. <input type="button" name="Submit2" value="注册" class="inputSub" οnclick="window.open('/e/member/register/');" />
10. </form>

修改为织梦登陆框代码：

1. <div id="_userlogin">
2. <div class="userlogin">
3. <form name=login method=post action="{dede:global.cfg_memberurl/}/index_do.php">
4. <input type="hidden" name="fmdo" value="login" />
5. <input type="hidden" name="dopost" value="login" />
6. <input type="hidden" name="keeptime" value="604800" />
7. 用户名：<input name="userid" type="text" class="inputText" size="12" />    
8. 密码：<input name="pwd" type="password" class="inputText" size="12" />    
9. {dede:php}  
10. if(preg_match("#2#", $safe_gdopen))  
11. {  
12. echo '  
13. 验证码：<input name="vdcode" type="text" class="inputText" size="4">
14. <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+\'?\'" style="cursor:pointer;margin-left:0px;text-transform:uppercase;" alt="看不清？点击更换" src="'.$cfg_cmspath.'/include/vdimgck.php" align="absbottom">    
15. ';  
16. }  
17. {/dede:php}  
18. <input type="submit" name="Submit" value="登陆" class="inputSub" />      
19. <input type="button" name="Submit2" value="注册" class="inputSub" οnclick="window.open('{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew');" />
20. </form>
21. </div>
22. </div>
23. <script language="javascript" type="text/javascript">CheckLogin();</script>

此处代码的意思我就不解释了，呵呵！因为我们有更重要的工作要作。

下面大家看前台演示。如下图所示：

 原文来自dedecms教程http://www.software8.co/wzjs/dedecms/2713.html

 

显示正常，不对！此时我登陆了啊，为何不显示为登陆后的状态啊？对了，忘记添加JS文件了。在head.htm文件顶部位置添加如下代码：

1. <script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
2. <script language="javascript" type="text/javascript">
3. <!--  
4.     $(function(){  
5.         $("a[_for]").mouseover(function(){  
6.             $(this).parents().children("a[_for]").removeClass("thisclass").parents().children("dd").hide();  
7.             $(this).addClass("thisclass").blur();  
8.             $("#"+$(this).attr("_for")).show();  
9.         });  
10.         $("a[_for=uc_member]").mouseover();  
11.         $("a[_for=flink_1]").mouseover();  
12.     });  
13.       
14.     function CheckLogin(){  
15.       var taget_obj = document.getElementById('_userlogin');  
16.       myajax = new DedeAjax(taget_obj,false,false,'','','');  
17.       myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");  
18.       DedeXHTTP = null;  
19.     }  
20. -->
21. </script>

再次查看前台，已显示登陆后的状态，但有问题，如下图所示：

 

由上图可以看出，当我们登陆后，会出来错位，因为织梦程序默认登陆后的页因不是横向的。我们需要修改一下登陆后的页面样式。

关于登陆后的样式我们放在下一讲再说吧。