一個好用簡單的佈局空間EasyUI

weixin_34391854發表於2016-08-17

之前專案中都是前端來新寫的頁面,對於很多後臺管理系統來說,新寫頁面其實比較麻煩。

最近看到一款還是不錯的開源頁面框架EasyUi

http://www.jeasyui.com/index.php

這是他們的主頁,他們的空間和Windows的操作介面很像,但是厲害的是,他們是在瀏覽器中實現的,很多效果都非常實用,比如樹狀結構,表格資料,拖拽等等

 

<link rel="stylesheet" type="text/css" href="<%=path%>/resources/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=path%>/resources/easyui/themes/icon.css">
<script type="text/javascript" src="<%=path%>/resources/easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/easyui/locale/easyui-lang-zh_CN.js"></script>

匯入它需要的css和js檔案

然後開啟你需要的demo,然後把程式碼複製進去,主要改的是介面上面的樣式,你需要怎麼樣的佈局基本上面都能實現。
然後主要的是標籤中的data資料來源,其中的資料來源都是以json格式的,所以後臺程式碼中需要返回json格式的url路徑。

網上很多搜尋的資源都是可以搜到關於它的控制元件如何使用的,官方的API也很明確。而且json格式可以相容很多語言寫的後臺。

 

基本上你要的功能都能實現,有一定基礎的同學還可以修改裡面的css換一些圖片,js等。

除了難看了一些,其他都可以,如果單純做一些小的專案還是可以的。

相關文章