emlog无插件实现漂亮注册界面带功能
注意
这个界面是小洋我刚做的,,以前看到过类似的登录界面然后就做出来了,,emlog是可以注册的,功能是可以用的 ,但是 没有登录入口哦。。
请 注意;;此界面不能登录,。,只是一个简单的注册哦。。
好了废话不多说 ,玩过emlog的人都知道 没有注册没有登录很烦躁,,但是我呢,,也是小白 ,啥都不懂,,就研究了一下。。
把这个分享给大家,
首先呢,,新建一个php页面,,在模版目录里面新建一个名为reg.pgp的文件,
然后打开把下面的代码复制到里面。。
<?php /** * 注册页面 */ if(!defined('EMLOG_ROOT')) {exit('error!');} ?> <div class="register-container" > <h2 style="text-align:center;color:#607D8B;">注册中心</h2> <form action="" method="post" name="reg" id="reg" onsubmit="return checkReg();"> <div> <input name="ylsregyqm" class="yqm" placeholder="邀请码(没有可以不填)"> </div> <div><input name="username" class="usr" placeholder="您的用户名(必填,大于等于5位)"></div> <div><input name="password" type="password" placeholder="密码(必填,大于等于5位)"></div> <div><input name="password2" type="password" placeholder="重复密码"></div> <div><input name="imgcode" type="text" class="imgcode" placeholder="验证码(点击刷新验证码)"><span id="imginfo"><img src="<?php echo BLOG_URL; ?>include/lib/checkcode.php" id="yzcode" style="margin-top:4px;width:80px;"/></span></div> <div><input type="submit" value="确认注册" style=" cursor: pointer; margin-top: 25px; padding: 0; background: rgba(3, 169, 244, 0.78); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 0;" class="rbtn"> </div><div><input type="reset" value="重置" class="rbtn"style=" cursor: pointer; margin-top: 25px; padding: 0; background: rgba(244, 67, 54, 0.83); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 0;"></div> <div> </form> <a href="."> <button type="button" class="register-tis" >已经有账号?去登录</button> </a> </div> <br><br><br> <?php session_start(); !defined('EMLOG_ROOT') && exit('access deined!'); if(ROLE == 'admin' || ROLE == 'writer'){header('Location:'.BLOG_URL.'?user&posts');} global $CACHE; $options_cache = $CACHE->readCache('options'); $DB = MySql::getInstance(); $username = isset($_POST['username']) ? addslashes(trim($_POST['username'])) : ''; $password = isset($_POST['password']) ? addslashes(trim($_POST['password'])) : ''; $password2 = isset($_POST['password2']) ? addslashes(trim($_POST['password2'])) : ''; $imgcode = isset($_POST['imgcode']) ? strtoupper(addslashes(trim($_POST['imgcode']))): ''; if($username && $password && $password2 && $imgcode ){ $sessionCode = isset($_SESSION['code']) ? $_SESSION['code'] : ''; //echo $sessionCode; if($imgcode == $sessionCode){ $User_Model = new User_Model(); if(!$User_Model -> isUserExist($username)){ $hsPWD = new PasswordHash(8, true); $password = $hsPWD->HashPassword($password); $User_Model->addUser($username, $password, 'writer', 'y'); $CACHE->updateCache(); echo'<script>alert("注册成功!"); window.location.href="'.BLOG_URL.'?user&posts"</script>'; }else{echo'<script>alert("用户名已存在!");</script>';} }else{echo'<script>alert("验证码错误!");</script>';}} ?> <script type="text/javascript"> function checkReg(){ var usrName = $("input[name=username]").val().replace(/(^\s*)|(\s*$)/g, ""); var pwd = $("input[name=password]").val().replace(/(^\s*)|(\s*$)/g, ""); var pwd2 = $("input[name=password2]").val().replace(/(^\s*)|(\s*$)/g, ""); var yzm = $("input[name=imgcode]").val().replace(/(^\s*)|(\s*$)/g, ""); if(usrName.match(/\s/) || pwd.match(/\s/)){alert("用户名和密码中不能有空格");return false;} if(usrName == '' || pwd == '' || yzm == ''){alert("用户名、密码、验证码都不能为空!");return false;} if(usrName.length < 5 || pwd.length < 5){alert("用户名和密码都不能小于5位!");return false;} else if(pwd != pwd2){alert("两次输入密码不相等!");return false;} } $(function(){$("#imginfo").click(function(){ //alert('haha'); $("img#yzcode").attr("src", "<?php echo BLOG_URL;?>include/lib/checkcode.php?"+Math.random()); }); }) </script> <!-- 代码结束 --> <style type="text/css"> .login-container{margin:10% auto 0 auto} .register-container{margin:0 auto 0 auto;} .register-tis { line-height: 42px; margin: 15px auto 0px; padding: 0 15px; border: 1px solid #00BCD4; border-radius: 6px; background: rgba(255, 255, 255, 0); color: #00BCD4;} form{position:relative;width:305px;margin:15px auto 0 auto;text-align:center} input{width:270px;height:42px;line-height:42px;margin-top:25px;padding:0 15px;background:#2d2d2d;background:rgba(45,45,45,.15);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #3d3d3d;border:1px solid rgba(255,255,255,.15);-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);-o-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s} input:-moz-placeholder{color:#fff} input:-ms-input-placeholder{color:#fff} input::-webkit-input-placeholder{color:#fff} input:focus{outline:0;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2);box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset,0 2px 7px 0 rgba(0,0,0,.2)} body{background:url(http://club.eebbk.com/bbk/attached/image/20120816/20120816183026_224.jpg);background-size:100% 100%;padding:0;margin:0;) } </style> </div> </div>最后 在后台新建一个页面,然后页面模版填reg即可。。文章别名填reg即可,然后访问 你的域名/reg.html 就是你的注册界面了。