FreeCMS商业版

功能强大、开源、代码通俗易懂、注释详细、面向二次开发友好!

承接网站建设、软件开发、微信开发项目,价格从优,欢迎咨询合作!

FreeCMS商业版V2.8已发布!购买请联系客服QQ 124812878 查看更新日志



在线演示 立即购买 下载免费版 下载商业版用户手册
客服QQ: 124812878 联系电话: 18339991503 Email: freeteam@foxmail.com

     操作手册           数据对象           标签库           常见问题           使用技巧           二次开发           视频教程     

使用技巧

开源 java CMS - FreeCMS商业版在模板中增加后台管理员登录功能

加入收藏夹】     【打印】     【关闭】 来源: 日期:2016-01-05 08:47:58 点击量: 收藏

在需要添加登录功能页面模板中添加以下代码

<span id="adminSpan">

<@ajaxLoad targetid="adminSpan" url="/site/${site.sourcepath}/admin.fhtml" ;code>${code}</@ajaxLoad>

</span>

 

此方法用到了ajax需要引入jquery.js

引入方法

<script type="text/javascript" src="${contextPath}js/jquery-1.5.1.min.js"></script>

 

在模板目录下创建admin.html模板文件,代码如下

 

<!-- 这是基本的功能,需要其它的可以自己添加 -->

<#if session_loginAdmin??>

<!-- 已登录 -->

${session_loginAdmin.loginname}

<a href="${contextPath}logout.do">退出</a>

<#else>

<!-- 未登录 -->

<script>

 

            function formSubmit(){

                                     if($.trim($("#username").val())==""){

                                               alert("请输入用户名!");

                                               return false;

                                     }

                                     if($.trim($("#password").val())==""){

                                               alert("请输入密码!");

                                               return false;

                                     }

                                     if($.trim($("#ValidateCode").val())==""){

                                               alert("请输入验证码!");

                                               return false;

                                     }

                                               var data="loginname="+$("#username").val()+"&pwd="+$("#password").val()

                                               +"&ValidateCode="+$("#ValidateCode").val();

                                               $.post("${contextPath}login.do",data,loginComplete,"text");

                     return false;

            }

                            function loginComplete(data){

                                     if(""==data){

                                    

                       $.get('/site/demo/admin.fhtml',{},ajaxLoadCompleteAdmin,'text');function ajaxLoadCompleteAdmin(data){$('#adminSpan').html(data);}

                                     }else{

                                               alert(data);

                                     }

                            }

</script>

<form  action="${contextPath}login.do" method="post" onSubmit="return formSubmit();">

         用户名<input type="text" id="username" name="loginname" placeholder="用户名">

密码<input type="password" id="password" name="pwd" placeholder="密码">

验证码<input type="text" id="ValidateCode" name="ValidateCode" style="width:50px" maxlength="4" placeholder="验证码">

      <img src="${contextPath}image.jsp" title="点击重新获取验证码" style="cursor:hand" onclick="this.src='${contextPath}image.jsp?date='+new Date();"/>

    

        <button class="btn btn-block btn-large btn-primary"  type="submit"  >登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</button>

  </form>

 

</#if>




上一条

下一条

相关新闻