JQuery EasyUi之界面设计——前言与界面效果（一）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery EasyUi之界面设计——前言与界面效果（一），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1144字，纯文字阅读大概需要2分钟。
内容图文
如果冯巩的开场白是“观众朋友们，我想死你们了”，那么我的开场白是“最近一直很忙，很久没有发文了”。
前面说过了EXT.NET，这里顺便再说说JQuery EasyUI。为啥我会选择JQuery EasyUI呢？主要有以下几点：
-
轻量级。
-
基本的组件都用，即“麻雀虽小五脏俱全”。
-
使用简洁方便，比如支持html+js。
-
可扩展性。
-
可维护性。世上没有完美的产品，而且其对IE6的兼容性还存在一些问题，但相比extjs，其还是很方便阅读和修改的。
-
简单性。这既是优点也是缺点。比如icon，自带的就那么几个，像我这样的懒人，就用那么几个就够了，extjs的图标选择起来都比较麻烦。如果实在不够用，就去extjs里面找几个加上。再比如组件的使用，官方文档的描述也就那么几页，使用起来，也就那么几个方法与事件，但基本够用了。
-
个人不喜欢固步自封，喜好使用对自己来说有点神秘和陌生的技术。
-
extjs如一个行动不便的美妇，其脚本太庞大，对象太丰富，并且不利于维护；ext.net如一个打扮得花枝招展的裹脚的妇女，其将extjs封装成服务器控件，虽然其维护起来不错，体验不错，使用方便，但是我不喜欢使用服务器控件的这种方式，也不喜欢其包了一层有一层的外壳，调起问题来从ASP.NET到EXT.NET到extjs；而easyui，则如一个清纯的少女，从外表即可窥探内心，清秀而不失美观。
-
其他。
最近手上有个私活，于是就试试了。现在项目已经基本完工了。那么我就来说说EasyUi这个系列吧。由于时间有限，会分几篇说（一定会说完），而且更新时间不会固定，敬请谅解。
在此之前，先说说编写本系列的计划吧：
-
JQuery EasyUi之界面设计——前言与界面效果（一）
-
JQuery EasyUi之界面设计——通用的JavaScript（二）
-
JQuery EasyUi之界面设计——母版页以及Ajax的通用处理（三）
-
JQuery EasyUi之界面设计——代码详解（四）
下面先从界面效果开始吧。
首页
首页的样式是扒的官网DEMO，但是与其不同的是，其右侧是一个框架，我这里的右侧换成了一个tab，对于管理系统来说，使用tab更方便。
内容展现页面
上面的按钮时类型，使用的是linkbutton实现的特效。下面区域使用的是datagrid，查询放在顶部工具栏。
弹出窗口
弹出窗口可以用于新增|编辑，也可以用于其他功能，这个效果与extjs的window差不多。
新增与编辑
easyui的form自带验证、提交、重置与赋值，使用起来简单方便。
提示框
原文：http://my.oschina.net/lizy/blog/522722
内容总结
以上是互联网集市为您收集整理的JQuery EasyUi之界面设计——前言与界面效果（一）全部内容，希望文章能够帮你解决JQuery EasyUi之界面设计——前言与界面效果（一）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。