业务需求：用户登录后展示用户名、用户对应的角色。EasyUI只不过是一个前端的框架，封装了一些组件和样式，你可以用jsp直接调后台获取到用户信息展示，但我这里想用html页面，用目前流行的说法：前后端分离。效果跟你现在看到的页面右上角差不多，当然功能不同，点击名字不会跳页，当鼠标放在名字可以展示当前用户的角色：

　　实现很简单，html通过easyUI的布局组件region:'north'指定页面顶部展示：

<div class="wu-header" data-options="region:'north',border:false,split:true">
    <div class="wu-header-left">
        <h1>我的台管理系统</h1>
    </div>
    <div class="wu-header-right">
        <p><strong id="userName">admin</strong>，欢迎您！|<a href="javascript:void(0)" onclick="logout()">退出</a></p>
    </div>
</div>

更多相关文章

1. jQuery使用微调器加载整个HTML页面
2. 基于jQuery实现页面搜索功能----项目实战
3. jquery 触发a标签点击事件，弹出页面
4. 如何在jQuery Datatables分页中返回特定页面？
5. jQuery File Upload 单页面多实例的实现
6. 如何使用CSS将表放在页面的中心？
7. 如何在HTML中为移动页面创建图像下载链接？
8. html 页面内锚点定位及跳转方法总结
9. xml格式原样输出到html或是jsp页面

随机推荐

1. android 关机流程
2. 【Android 应用开发】 Android 相关代码
3. Android 中文 API （34） ―― RadioGroup
4. Android 制作.9.png图片之利用Android 9-
5. Android 安装卸载程序
6. Android(安卓)Spinner
7. Android(安卓)水果机游戏实例解析
8. Android splitActionBarWhenNarrow Actio
9. Android(安卓)Dagger2 初学笔记
10. android中各种图标尺寸以及多分辨率支持