JQuery EasyUi之界面设计——前言与界面效果(一)
- - 博客园_首页如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”. 前面说过了EXT.NET,这里顺便再说说JQuery EasyUI. 为啥我会选择JQuery EasyUI呢. 基本的组件都用,即“麻雀虽小五脏俱全”. 使用简洁方便,比如支持html+js. 世上没有完美的产品,而且其对IE6的兼容性还存在一些问题,但相比extjs,其还是很方便阅读和修改的.
如果冯巩的开场白是“观众朋友们,我想死你们了”,那么我的开场白是“最近一直很忙,很久没有发文了”。
前面说过了EXT.NET,这里顺便再说说JQuery EasyUI。为啥我会选择JQuery EasyUI呢?主要有以下几点:
最近手上有个私活,于是就试试了。现在项目已经基本完工了。那么我就来说说EasyUi这个系列吧。由于时间有限,会分几篇说(一定会说完),而且更新时间不会固定,敬请谅解。
在此之前,先说说编写本系列的计划吧:
下面先从界面效果开始吧。
首页
首页的样式是扒的官网DEMO,但是与其不同的是,其右侧是一个框架,我这里的右侧换成了一个tab,对于管理系统来说,使用tab更方便。
内容展现页面
上面的按钮时类型,使用的是 linkbutton实现的特效。下面区域使用的是 datagrid,查询放在顶部工具栏。
弹出窗口
弹出窗口可以用于新增|编辑,也可以用于其他功能,这个效果与extjs的window差不多。
新增与编辑
easyui的form自带验证、提交、重置与赋值,使用起来简单方便。
提示框
点击我
. 像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.点击我
. //给class为demo的元素添加行为.