bet9会员登录入口

dedecms二次开发|织梦二次开发

dedecms(织梦)二次开发二次开发

bet9会员登录入口 资讯中心 织梦二次开发 织梦会员登录状态(样式)代码调用方法

织梦会员登录状态(样式)代码调用方法

时间:2020-12-16
在织梦dedecms网站制作和仿站时,大家也会需要在网站上添加用户登录、注册的板块,而添加织梦dedecms登陆框的方法也很简单,方法如下:通常登录框有两种样式,横向展示,竖向展示:下面是具体实现代码。一、横向样式..
在织梦dedecms 网站制作和仿站时,大家也会需要在网站上添加用户登录、注册的板块,而添加织梦dedecms 登陆框的方法也很简单,方法如下:
通常登录框有两种样式,横向展示,竖向展示:下面是具体实现代码 。
一、横向样式
1.实现过程
第一步:大家首先新建一个空白的默认bet9会员登录入口模板(通常为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(){  
      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>区域增加如下代码:
<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>验证码:</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> 
<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> 
第四步:代码添加完毕,大家生成bet9会员登录入口或者直接浏览动态bet9会员登录入口看看效果:
第五步:大家输入正确的账号密码,回到bet9会员登录入口的效果图:
到此,大家的横向登陆样式就制作完毕了。
但是很明显,登陆后的样式非常丑陋,大家应该美化一下,但在美化之前大家应该要来了解一下代码中的含义。
QQ在线客服在线客服
用手机扫描二维码 关闭
二维码
XML 地图 | Sitemap 地图