手機版 | 登陸 | 注冊 | 留言 | 設首頁 | 加收藏
當前位置: 網站首頁 > 建站教程 > 織夢教程 > 文章 當前位置: 織夢教程 > 文章

織夢會員登錄狀態(樣式)代碼調用方法

時間:2020-03-14    點擊: 次    來源:網絡    作者:佚名 - 小 + 大

在織夢dedecms 網站制作和仿站時,我們也會需要在網站上添加用戶登錄、注冊的板塊,而添加織夢dedecms 登陸框的方法也很簡單,方法如下:
通常登錄框有兩種樣式,橫向展示,豎向展示:下面是具體實現代碼 。

一、橫向樣式

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(){  

国产视频app       var taget_obj = document.getElementById('_userlogin');  

国产视频app       myajax = new DedeAjax(taget_obj,false,false,'','','');  

      myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");  

      DedeXHTTP = null;  

国产视频app     }  

</script>

国产视频app 第三步:然后再在<body></body>區域增加如下代碼:

<div id="_userlogin"> 

国产视频app     <form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST"> 

国产视频app     <input type="hidden" name="fmdo" value="login" /> 

    <input type="hidden" name="dopost" value="login" /> 

    <input type="hidden" name="keeptime" value="604800" /> 

国产视频app     <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"/> 

国产视频app         </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;" alt="看不清?點擊更換" 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" >注冊帳號</a> <a href="{dede:global.cfg_memberurl/}/resetpassword.php">忘記密碼?</a></li>         

    </ul> 

</div> 

国产视频app <script language="javascript" type="text/javascript">CheckLogin();</script> 

国产视频app <style> 

#_userlogin{font-size:12px; height:22px;}  

#_userlogin ul {margin:0;}  

#_userlogin ul li{ float:left; padding:0 5px;}  

国产视频app #_userlogin ul li input.text{font-size:12px; height:14px;}  

国产视频app </style> 

</body> 

国产视频app 第四步:代碼添加完畢,我們生成首頁或者直接瀏覽動態首頁看看效果:

第五步:我們輸入正確的賬號密碼,回到首頁的效果圖:

国产视频app 到此,我們的橫向登陸樣式就制作完畢了。

但是很明顯,登陸后的樣式非常丑陋,我們應該美化一下,但在美化之前我們應該要來了解一下代碼中的含義。

上一篇:織夢網站后臺空白解決方法

下一篇:織夢DEDECMS列表頁和文章頁調用評論數和收藏數的方法

 |   QQ:292823885  |  地址:北京市東城區  |  郵箱:servcra@vip.qq.com  |