myeclipes中EasyUI引用顺序以及常用布局

最新推荐文章于 2024-06-10 08:30:00 发布

原创最新推荐文章于 2024-06-10 08:30:00 发布 · 218 阅读

CC 4.0 BY-SA版权

本文介绍了如何使用EasyUI框架进行网页布局，并展示了如何引入EasyUI及其依赖库jQuery，同时配置了中文语言包实现国际化显示。通过具体代码示例，读者可以了解不同区域布局的设置方法。

<head>
  <title>主页</title>
	
    <script type="text/javascript"
        src="js/jquery.min.js"></script><!-- jquery全代码 -->
    <script type="text/javascript"
        src="js/jquery.easyui.min.js"></script><!-- jquery中easyui全代码 -->
    <script type="text/javascript"
        src="js/locale/easyui-lang-zh_CN.js"></script><!-- 当地语言包 -->
    <link rel="stylesheet" type="text/css" href="js/themes/default/easyui.css"><!-- easyui全样式 -->
    <link rel="stylesheet" type="text/css" href="js/themes/icon.css"><!-- easyui图标样式 -->
  </head>
  
  <body class="easyui-layout">
     <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>   
    <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>   
    <div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>   
    <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>   
    <div data-options="region:'center',title:'center title'" style="padding:5px;background:#eee;"></div>   
  
    <!-- 欢迎：${sessionScope.teacher.teachername} <br> -->
    <!--  <% Teacher teacher=(Teacher)request.getSession().getAttribute("teacher");
    	 out.print(teacher.getTeachername());%>-->
  </body>

也可以用

    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">

    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/color.css">


    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>

    <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>