JQuery EasyUi之界面设计——前言与界面效果（一）
为什么80%的码农都做不了架构师？>>> 
如果冯巩的开场白是“观众朋友们，我想死你们了”，那么我的开场白是“最近一直很忙，很久没有发文了”。
前面说过了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自带验证、提交、重置与赋值，使用起来简单方便。
提示框
转载于:https://my.oschina.net/lizy/blog/522722
JQuery EasyUi之界面设计——前言与界面效果（一）相关推荐
- APP界面设计指南|APP界面设计师必备信息图
013年,APP界面设计已经越来越受到大家的关注和热捧!作为一个接触APP界面设计的老鸟,网站设计师们.一定得记住:用户体验设计放在首位! 信息图:移动端APP设计指南 APP界面设计指南|APP界面 ...
- 人工智能交互系统界面设计（Tkinter界面设计）
文章目录 前言 一.项目介绍 二.项目准备 三.项目实施 1.导入相关库文件 2.人脸信息验证功能 3.语音交互与TCP数据通信 4.数据信息可视化 四.相关附件 前言 在现代信息化时代,图形化用户界 ...
- html5开发桌面界面设计,HTML5触摸界面设计与开发
HTML5触摸界面设计与开发 编辑 锁定 讨论 上传视频 <HTML5触摸界面设计与开发>是人民邮电出版社于2014年出版的一本图书,作者是伍兹 (Stephen Woods).[1] 中 ...
- php手机界面设计,浅析手机界面设计
以下剖析界面元素和手机硬件.界面元素和软件要求之间的关系,寻找设计思路. 手机操作方式 屏幕 处理能力 软件大小 适配性 内容 √ 交互 √ √ 排版 √ √ √ 色彩 √ √ √ 动态效果 √ √ ...
- AS作业一：APP门户界面设计（微信界面）
一.开发软件:Android studio 二.内容:实现微信界面框架设计,包含4个tab页,能实现tab页之间的点击切换 第一步:放入图标 把复制的图标粘贴放在/app/res/drawable 目 ...
- uniapp简单UI界面设计《登录界面 粉丝列表 我的好友 设置页面等》（附源码）
涉及Uniapp框架结构.UI图到界面标签元素的转换过程.标签Uniapp框架配置和Uniapp常见组件使用,熟练使用Uniapp常用API和Flex布局,熟练掌握页面跳转数据传参方法以及uniapp ...
- 安卓和ios的ui设计区别_安卓界面设计与iPhone界面设计区别在哪里？
据美国科技媒体最新报道,谷歌将推出一个新的设计语言,统一安卓应用的用户界面设计,届时将会出现新的按钮等界面要素.安卓生态的用户界面,将实现类似微软Metro和iOS的统一.这个消息一出,瞬间传遍移动互 ...
- python界面设计资源库_python界面ui设计图-python界面ui设计模板-千库网
开通元素VIP 设计不抠图 正版敢商用 免抠PNG下载即用 海量紧跟营销热点 商用版权设计无忧 低价0.27元/天享海量下载立即开通 开通元素VIP 设计不抠图 正版敢商用 免抠PNG下载即用 海量紧 ...
- java gui界面设计qq_Java swing界面开发（仿QQ登录界面）
首先引入包的概念,包:给代码分类,提高的了代码的可读性,封装后方便管理.在包中类的引入:import 包名.类名;包名需小写,多单词用"."隔开.类名的命名规范:首字母大写其后的每 ...
最新文章
- Matlab 图论最短路问题模型代码
- OpenYurt：延伸原生 Kubernetes 到边缘场景下的落地实践
- 30分钟正则表达式入门
- matlab simulink_MATLAB之Simulink(二)利用switch模块将正弦信号变为方波信号
- 前端工程师应该达到什么水平，找工作薪资才比较高？
- Duplicate entry ‘XXX‘ for key
- 由浅入深了解Thrift（一）——Thrift介绍与用法
- php涉及数据库操作时响应很慢。
- linux读取一行数据命令,常用的linux命令和逐行数据处理的例子
- Shell脚本编程之（五）条件判断式
- php里面什么是u函数,ThinkPHP内置函数----U方法
- Platform（平台）
- 视觉SLAM十四讲 安装OpenCV
- 人工智能实验bp神经网络,BP人工神经网络模型
- 怎样把计算机里的W0rd放到电脑桌面,当电脑桌面没有WORD文档时怎么打开WORD文档...
- PHP 核心技术与最佳实践
- 迷宫问题----经典回溯法解决
- HDU 5405 (树链剖分+线段树）
- 天涯明月刀开发_腾讯天涯明月刀研发全程：六年四个阶段成就最美国风
- python将txt文件转为字符串_python如何将txt文件转成json数据