easyUi 后台首页

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台首页title>
    <link rel="stylesheet" href="__UI__/themes/bootstrap/easyui.css">
    <link rel="stylesheet" href="__UI__/themes/icon.css">
    <style>
        #userInfo{
            float: right;
            padding: 37px 0px 0 0;
        }
        a{
            text-decoration: none;
            color: #404040;
            font-size: 12px;
        }
        #nav{
            margin: 2px 0 0 20px;
        }
    style>
    <script>
        var ThinkPHP = {
            'MODULE':'__MODULE__'
        };
    script>
head>
<body class="easyui-layout">
    <div data-options="region:'north',split:true" style="height:70px;">
        <div id="userInfo">
            <a href="javascript:void(0)" id="mb">用户信息a>
            <div id="mm" style="width:220px">
                <div >用户名:{:session('admin')}div>
                <div >最后登录时间:{$userInfo.login_time|date ='Y-m-d',###}div>
                <div>最后登录IP:{$userInfo.login_ip}div>
                <div id="out">退出系统div>
            div>
        div>
    div>
    <div data-options="region:'south',split:true" style="height:30px;">div>
    <div data-options="region:'west',title:'菜单导航',split:true" style="width:200px;">
        <ul id="nav">ul>
    div>
    <div data-options="region:'center'" >
        <div id="tabs">
            <div title="起始页" data-options="iconCls:'icon-home'">div>
        div>
    div>
body>
<script src="__UI__/jquery.min.js">script>
<script src="__UI__/jquery.easyui.min.js">script>
<script src="__UI__/locale/easyui-lang-zh_CN.js">script>
<script src="__JS__/index.js">script>
html>

你可能感兴趣的:(easyUi 后台首页)