基于第三方模板，进行二次开发。

1.下载“管理页面框架”，并解压到站点根目录（/site/admin）。启动web服务器，在地址栏输入：http://127.0.0.1:8080/admin，看到如下原始界面。

2.修改框架元素，根据系统需求，增删/修改框架元素。

（1）修改标题为：题吧在线学习系统

问题：标题超长自动换行，显示异常，如何处理？

（2）修改模块结构如下图：

页面元素：嵌套列表；参考图标：Awesome Icons

（3）修改主题信息：邮件、任务、消息、账号

（4）修改内容区：根据需要取舍。

（5）修改页面高度（css）。

3.登录状态

（1）未登录，转向登录页；

（2）已登录，显示登录账号，提供退出操作；

（3）确认退出，引入easyDialog组件.

附：

（1）页面代码（验证登录与初始化）

document.ready = function(){
    var client_h=document.body.clientHeight;
    $("#page-wrapper").css("height",client_h+"px");
    $.ajax({
            type:'GET',
            async:true,
            url:'/user/checkLogin.jsp',
            dataType:'text',
            success:function(result){
                if(0!=result)
                    $('#beValid').append(result);
                else
                    window.location="/user/login.html";
            },
        });
};

（2）退出登录（引入easyDialog）

function logout(){
    var btnFn = function(){
        window.location="/user/logout.jsp";
    };
    easyDialog.open({
        container : {
            header : '提示',
            content : '退出登录，确定吗？',
            yesFn : btnFn,
            noFn : true
        }
    });
}