織夢(mèng)會(huì)員登錄狀態(tài)（樣式）代碼調(diào)用方法
2024-07-12 08:28:40
供稿：網(wǎng)友
在織夢(mèng)dedecms 網(wǎng)站制作和仿站時(shí)，我們也會(huì)需要在網(wǎng)站上添加用戶登錄、注冊(cè)的板塊，而添加織夢(mèng)dedecms 登陸框的方法也很簡(jiǎn)單，方法如下：
通常登錄框有兩種樣式，橫向展示，豎向展示：下面是具體實(shí)現(xiàn)代碼 。 一、橫向樣式 1.實(shí)現(xiàn)過(guò)程 第一步：我們首先新建一個(gè)空白的默認(rèn)首頁(yè)模板（通常為index.htm），并設(shè)置為啟用狀態(tài)，然后掏空里面的所有代碼。 第二步：然后在<head></head>區(qū)域內(nèi)加入以下代碼： <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>區(qū)域增加如下代碼： <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>驗(yàn)證碼：</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;" alt="看不清？點(diǎn)擊更換" src="../include/vdimgck.php"/> </li> <li><button type="submit" class="btn-1">登錄</button> <a href="{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注冊(cè)帳號(hào)</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘記密碼?</a></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> 第四步：代碼添加完畢，我們生成首頁(yè)或者直接瀏覽動(dòng)態(tài)首頁(yè)看看效果： 第五步：我們輸入正確的賬號(hào)密碼，回到首頁(yè)的效果圖： 到此，我們的橫向登陸樣式就制作完畢了。 但是很明顯，登陸后的樣式非常丑陋，我們應(yīng)該美化一下，但在美化之前我們應(yīng)該要來(lái)了解一下代碼中的含義。
