美女久久久久久久久久久,狠狠操五月天

主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > 織夢(mèng)會(huì)員登錄狀態(tài)（樣式）代碼調(diào)用方法

織夢(mèng)會(huì)員登錄狀態(tài)（樣式）代碼調(diào)用方法

POST TIME:2020-04-22 20:31

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

藍(lán)色安防器材公司類整站模板

軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

在網(wǎng)站制作和仿站時(shí)，我們也會(huì)需要在網(wǎng)站上添加用戶登錄、注冊(cè)的板塊，而添加織夢(mèng)登陸框的方法也很簡(jiǎn)單，方法如下：
通常登錄框有兩種樣式，橫向展示，豎向展示：下面是具體實(shí)現(xiàn)代碼
一、橫向樣式
1.實(shí)現(xiàn)過(guò)程
第一步：我們首先新建一個(gè)空白的默認(rèn)首頁(yè)模板（通常為index.htm），并設(shè)置為啟用狀態(tài)，然后掏空里面的所有代碼。
第二步：然后在<head></head>區(qū)域內(nèi)加入以下代碼：
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<scriptlanguage="javascript"type="text/javascript">
functionCheckLogin(){
vartaget_obj=document.getElementById('_userlogin');
myajax=newDedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");
DedeXHTTP=null;
}
</script>
第三步：然后再在<body></body>區(qū)域增加如下代碼：
<divid="_userlogin">
<formname="userlogin"action="{dede:global.cfg_memberurl/}/index_do.php"method="POST">
<inputtype="hidden"name="fmdo"value="login"/>
<inputtype="hidden"name="dopost"value="login"/>
<inputtype="hidden"name="keeptime"value="604800"/>
<ul>
<li>
<label>用戶名：</label><inputtype="text"name="userid"class="text"style="width:80px"/>
<li>
<li>
<label>密碼：</label><inputtype="password"name="pwd"class="text"style="width:80px"/>
</li>
<li>
<label>驗(yàn)證碼：</label><inputtype="text"name="vdcode"class="text"style="width:40px"/><imgid="vdimgck"align="absmiddle"onClick="this.src=this.src+'?'"style="cursor:pointer;margin-left:0px;"alt="看不清？點(diǎn)擊更換"src="../include/vdimgck.php"/>
</li>
<li><buttontype="submit"class="btn-1">登錄</button><ahref="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew">注冊(cè)帳號(hào)</a><ahref="{dede:global.cfg_memberurl/}/resetpassword.php">忘記密碼?</a></li>
</ul>
</div>
<scriptlanguage="javascript"type="text/javascript">CheckLogin();</script>
<style>
#_userlogin{font-size:12px;height:22px;}
#_userloginul{margin:0;}
#_userloginulli{float:left;padding:05px;}
#_userloginulliinput.text{font-size:12px;height:14px;}
</style>
</body>
第四步：代碼添加完畢，我們生成首頁(yè)或者直接瀏覽動(dòng)態(tài)首頁(yè)看看效果：
第五步：我們輸入正確的賬號(hào)密碼，回到首頁(yè)的效果圖：
到此，我們的橫向登陸樣式就制作完畢了。
但是很明顯，登陸后的樣式非常丑陋，我們應(yīng)該美化一下，但在美化之前我們應(yīng)該要來(lái)了解一下代碼中的含義。
2）代碼解釋
所謂的代碼解釋就是要讓大家能夠看得懂，所以大家可以看一下整個(gè)頁(yè)面的注釋版代碼：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>首頁(yè)登陸樣式測(cè)試——跟版網(wǎng)建站工作室（www.lazybirdfly.com）</title>
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<scriptlanguage="javascript"type="text/javascript">
functionCheckLogin(){//判斷是否登陸的函數(shù)
vartaget_obj=document.getElementById('_userlogin');//登陸后動(dòng)態(tài)加載的區(qū)塊，也就是<body>區(qū)域的id="_userlogin"的所有內(nèi)容
myajax=newDedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");//登陸后的要顯示的具體內(nèi)容
DedeXHTTP=null;
}
</script>
</head>
<body>
<divid="_userlogin">
<formname="userlogin"action="{dede:global.cfg_memberurl/}/index_do.php"method="POST">
<inputtype="hidden"name="fmdo"value="login"/>
<inputtype="hidden"name="dopost"value="login"/>
<inputtype="hidden"name="keeptime"value="604800"/>
<ul>
<li>
<label>用戶名：</label><inputtype="text"name="userid"class="text"style="width:80px"/>
<li>
<li>
<label>密碼：</label><inputtype="password"name="pwd"class="text"style="width:80px"/>
</li>
<li>
<label>驗(yàn)證碼：</label><inputtype="text"name="vdcode"class="text"style="width:40px"/><imgid="vdimgck"align="absmiddle"onClick="this.src=this.src+'?'"style="cursor:pointer;margin-left:0px;"alt="看不清？點(diǎn)擊更換"src="../include/vdimgck.php"/>
</li>
<li><buttontype="submit"class="btn-1">登錄</button></li>
</ul>
</div>
<scriptlanguage="javascript"type="text/javascript">CheckLogin();</script>
<style>
#_userlogin{font-size:12px;height:22px;}
#_userloginul{margin:0;}
#_userloginulli{float:left;padding:05px;}
#_userloginulliinput.text{font-size:12px;height:14px;}
</style>
</body>
</html>

通過(guò)上面的查看，我們已經(jīng)知道要美化這個(gè)樣式，只需要修改/member/ajax_loginsta.php文件的代碼即可。
我們打開這個(gè)文件，將里面的代碼全部替換為如下代碼：

<?php
require_once(dirname(__FILE__)."/config.php");
AjaxHead();
if($myurl=='')
{
exit('');
}
$uid=$cfg_ml->M_LoginID;
!$cfg_ml->fields['face']&&$face=($cfg_ml->fields['sex']=='女')?'dfgirl':'dfboy';
$facepic=emptyempty($face)?$cfg_ml->fields['face']:$GLOBALS['cfg_memberurl'].'/templets/images/'.$face.'.png';
?>
你好：<strong><?phpecho$cfg_ml->M_UserName;?></strong>，歡迎登錄！<ahref="<?phpecho$cfg_memberurl;?>/guestbook_admin.php">我的留言</a>|<ahref="<?phpecho$cfg_memberurl;?>/mystow.php">我的收藏</a>|<ahref="<?phpecho$cfg_memberurl;?>/index.php">會(huì)員中心</a>|<ahref="<?phpecho$cfg_memberurl;?>/edit_fullinfo.php">修改資料</a>|<ahref="<?phpecho$myurl;?>">空間</a>|<ahref="<?phpecho$cfg_memberurl;?>/index_do.php?fmdo=login&dopost=exit">退出登錄</a>
怎么樣？大家知道應(yīng)該如何來(lái)制作這個(gè)效果了吧。好了，我們?cè)賮?lái)看看豎向的登錄框。
二、豎向登陸
通過(guò)橫向登陸的示例，其實(shí)我們很容易理解。要做一個(gè)豎向登陸的這個(gè)效果，只需要將登陸前后的樣式分別修改一下即可，不需要修改其它任何功能文件。
這是我修改的豎向登陸的登錄前樣式：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>首頁(yè)登陸樣式測(cè)試——跟版網(wǎng)建站工作室（www.lazybirdfly.com）</title>
<scriptlanguage="javascript"type="text/javascript"src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script>
<scriptlanguage="javascript"type="text/javascript">
functionCheckLogin(){//判斷是否登陸的函數(shù)
vartaget_obj=document.getElementById('_userlogin');//登陸后動(dòng)態(tài)加載的區(qū)塊，也就是<body>區(qū)域的id="_userlogin"的所有內(nèi)容
myajax=newDedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");//登陸后的要顯示的具體內(nèi)容
DedeXHTTP=null;
}
</script>
</head>
<body>
<divid="_userlogin">
<formname="userlogin"action="{dede:global.cfg_memberurl/}/index_do.php"method="POST">
<inputtype="hidden"name="fmdo"value="login"/>
<inputtype="hidden"name="dopost"value="login"/>
<inputtype="hidden"name="keeptime"value="604800"/>
<ul>
<li>
<label>用戶名：</label><inputtype="text"name="userid"class="text"style="width:100px"/>
</li>
<li>
<label>密碼：</label><inputtype="password"name="pwd"class="text"style="width:100px"/>
</li>
<li>
<label>驗(yàn)證碼：</label><inputtype="text"name="vdcode"class="text"style="width:40px"/><imgid="vdimgck"align="absmiddle"onClick="this.src=this.src+'?'"style="cursor:pointer;margin-left:0px;"alt="看不清？點(diǎn)擊更換"src="../include/vdimgck.php"/>
</li>
<li><buttontype="submit"class="btn-1">登錄</button><ahref="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew">注冊(cè)帳號(hào)</a><ahref="{dede:global.cfg_memberurl/}/resetpassword.php">忘記密碼?</a></li>
</ul>
</div>
<scriptlanguage="javascript"type="text/javascript">CheckLogin();</script>
<style>
#_userlogin{font-size:12px;height:22px;text-align:left;}
#_userloginul{margin:0;}
#_userloginulli{list-style:none;margin:0;padding:5px0;}
#_userloginulliinput.text{font-size:12px;height:14px;}
#_userlogin.userinfo{
width:220px;
}
#_userlogin.userinfo.welcome{
width:220px;
height:24px;
margin:12pxauto;
background:#F9F9F9;
border-top:1pxsolid#EEE;
border-bottom:1pxsolid#EEE;
line-height:23px;
text-indent:10px;
color:#666;
}
#_userlogin.userinfo.welcomestrong{
color:#F60;
font-weight:bold;
}
#_userlogin.userinfo.userface{
width:60px;
height:64px;
overflow:hidden;
padding-left:16px;
padding-top:2px;
float:left;
}
#_userlogin.userinfo.userfacea{
display:block;
margin:0pxauto;
text-align:center;
}
#_userlogin.userinfo.userfaceaimg{
width:52px;
height:52px;
display:block;
margin:0pxauto6px;
padding:2px;
border:1pxsolid#DDD;
}
#_userlogin.userinfo.mylink{
width:144px;
float:left;
overflow:hidden;
}
#_userlogin.userinfo.mylinkul{
margin:0;
padding:0;
}
#_userlogin.userinfo.mylinkulli{
width:50%;
float:left;
line-height:21px;
text-indent:12px;
padding:0;
}
#_userlogin.userinfo.mylinkullia{
color:#555;
}
.userinfo.uclink{
height:31px;
line-height:31px;
clear:both;
overflow:hidden;
text-align:center;
color:#DDD;
}
.userinfo.uclinka{
color:#690;
margin:0px2px;
}
</style>
</body>
</html>

這兩種織夢(mèng)登錄框就演示完成了，我們總結(jié)一下可以看出，其實(shí)就是用的js代碼、html代碼是內(nèi)容、css控制樣式，所以如果你的模板上的登錄樣式不一樣，你可以通過(guò)提取這兩種登錄框所需要的代碼，來(lái)做出自己的登錄框。
好了，快去試試吧。