欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jqueryEasyUi 入门模板

程序员文章站 2022-06-08 23:45:08
...

JqueryEasy 入门之模板

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8"/>
    <title>EasyUi入门</title>
    <script src="easyinclude/jquery.min.js"></script> <!--第一步引入jquery-->
    <script src="easyinclude/jquery.easyui.min.js"></script> <!--第二部引入easuui文件-->
    <script src="easyinclude/locale/easyui-lang-zh_CN.js"></script> <!--第三步引入中文-->
    <link rel="stylesheet" href="easyinclude/themes/default/easyui.css"> <!--引入默认的css文件-->
    <link rel="stylesheet" href="easyinclude/themes/icon.css"> <!--引入图标的css-->
    <script src="js/style.js"></script><!--引入自定义js文件-->
    <link rel="stylesheet" href="css/style.css"> <!--引入自定义css文件-->
</head>
<body>
<button id="button1">这就是个按钮</button>
</body>
<script>
    $("#button1").linkbutton(); //用来测试一下看看jqueryEasyUi引入没有引入成功
</script>
</html>

在每个页面要使用JqueryEasuUi 使用的时候,都必须要引入这些文件。

一共需要4个js文件 :

  • jquery
  • jqueryEasyUi
  • ch-zh.js中文包
  • 自定义js

一共需要3个css文件

  • easyUi 的 css文件
  • 图标的css文件
  • 自定义的 css文件