一个好用简单的布局空间EasyUI

之前项目中都是前端来新写的页面,对于很多后台管理系统来说,新写页面其实比较麻烦。

最近看到一款还是不错的开源页面框架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等。

除了难看了一些,其他都可以,如果单纯做一些小的项目还是可以的。

原文地址:https://www.cnblogs.com/linkstar/p/5780917.html