EasyUI--初学

 

首先的是配置：

在WebContent下导入jQuery-EasyUI包

其次在HTML或jsp页面的<head></head>标签中，导入或引用js包

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试EasyUI</title>
<!-- 配置 -->
<!-- 1    jQuery的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>

<!-- 2    css资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/metro/easyui.css">

<!-- 3    图标资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"> 

<!-- 4    EasyUI的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
 
<!-- 5    本地语言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

</head>

接下来进行简单的测试，在<head></head>或<body></body>标签中输入以下代码

<script type="text/javascript">

    $( 
            function()
            {
                alert("My First EasyUI !") ;
            }
    );

</script>

最后我们打开网页

 

posted @ 2016-11-24 09:52  丶疏影横斜  阅读(454)  评论(0)  编辑  收藏  举报