[框架]jQuery EasyUI 框架 推荐

jQuery EasyUI框架是我非常喜欢的一款前端框架,开源,免费。之前为公司开发了PC端的CRM系统,那个时候我还在使用asp.net mvc的后台框架。本来我对前台界面就没有什么艺术细菌,如果让我自己写前台的样式,我肯定要崩溃,加上分页,框架,树形,表格,导出,权限等模块,可能要死人的。EasyUI框架,极大的解决了我们系统前端的问题,强大的控件,简洁的代码,用这款框架开发PC的管理系统,简直无敌了。

jQuery EasyUI框架

EasyUI简介

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。

EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件。

EasyUI 提供建立现代化的具有交互性的 javascript 应用的必要的功能。

使用 EasyUI,您不需要写太多 javascript 代码,一般情况下您只需要使用一些 html 标记来定义用户界面。

HTML 网页的完整框架。

EasyUI 节省了开发产品的时间和规模。

EasyUI 非常简单,但是功能非常强大。

轻松使用 jQuery 和 HTML5

jQuery EasyUI 提供易于使用的组件,它使 Web 开发人员快速地在流行的 jQuery 核心和 HTML5 上建立程序页面。 这些功能使您的应用适合今天的网络。 有两个方法声明的 UI 组件:

1. 直接在 HTML 声明组件。

<div class="easyui-dialog" style="width:400px;height:200px"
    data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}">
        dialog content.
</div>

2. 编写 JavaScript 代码来创建组件。

<input id="cc" style="width:200px" />
$('#cc').combobox({
url: ...,
required: true,
valueField: 'id',
textField: 'text'
});

个人经验

先整理好基于EasyUI框架的程序框架,左侧的菜单栏(不同人员进入菜单不一样,有权限模块),右侧的tab页面,对应左侧的菜单。这是工作中的大头,这部分完成后,剩下的就是一些页面的添加了,什么增删改查,结合EasyUI框架的控件,后台主要提供json数据就可以了。是不是非常方便。

EasyUI框架管理系统

目前我主要在使用PHP,所以也有想法整合PHP和jQuery EasyUI,把最主要的框架搭好,以后再接新的系统的任务,就可以快速开发了。这项工作也在我的计划中,加油了~

分享到:更多 ()

抢沙发

评论前必须登录!