1. 程式人生 > >easyui-1-基本介紹

easyui-1-基本介紹

  • 在這裡就不進行過多的開頭,百度一大堆,直接上程式碼了;
  • 首先我們需要下載; 地址:http://www.jeasyui.com/download/index.php;
  • 下載好以後,需要將檔案放入到專案的webapp下面;
  • 第二:我們將一些js檔案和css進行引入;當然首先要引入jquery;
    <!-- 引入jQuery --> 
    <script  src="<%=request.getContextPath()%>/js/jquery/jquery-1.7.js"></script>
    <!-- 引入easyui -->
    <script  src="<%=request.getContextPath()%>/js/easyui/jquery.easyui.min.js" ></script>
    <!-- 引入easyui  css樣式  只需引入easyui.css   其中就包含了其他的內容-->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/js/easyui/themes/default/easyui.css">
    <!-- 引入小圖示 -->
    <link rel="stylesheet" href="<%=request.getContextPath()%>/js/easyui/themes/icon.css">
    <!-- 樣式轉化為中文 -->
    <script  src="<%=request.getContextPath()%>/js/easyui/locale/easyui-lang-zh_CN.js"></script>

  • 第三,我們可以將以上進行封裝在一個jsp檔案中,然後每次引入的時候,直接引入jsp頁面即可;easyui引入js
  • 然後在我門需要的頁面上引入;引入jsp
<jsp:include page="../util/easyui.jsp"></jsp:include>
  • 以上內容就是前提工作,只有有了以上的工作,在專案中才能夠使用easyui;
  • 第四:我們需要下載一下easyui的API;結合API我們可以進行查詢,我們需要的功能;地址:http://download.csdn.net/download/jx_521/9647628;