接下来我所要讲解的,是一个宏大的主题,结合了我这些年来从事UI端编程的经验,我将用一系列文章来搭建用户界面(UI)的底层框架,这里我使用的技术实现是Silverlight,但是,你将会发现,我所介绍的都是UI端的设计思想,所以是超越于语言,是不局限于技术实现的,所以,它将适用于Windows Form, WPF, FLEX, HTML5,以及所有手机编程领域Phone7, IOS, Android。
分类如下:
框架级别:
1) Wait Cursor
在调用Service端方法的时候,如何能锁住当前的UI,直到Service返回结果,用户才能继续操作。
2) Chain of Async methods
如何将异步方法转化为同步方法,这将使我们的代码更加清晰。
3) Domain Cache
如何在客户端缓存一些数据,比如说国家列表,学校列表,等等。
4) Code Injection
如何巧妙的注入一些代码,使UI端的代码更优雅。
5) UI Logger
如何记录UI端的日志。
6) Exception
如何设计Service端的异常的处理机制,就是有Exception,也要友好的显示给UI端。
7) Abstraction
如何设计用户界面的接口和基类。
功能设计:
8) View Split
如何更加有效的将一个复杂的页面拆分成多个小页面。
9) Navigation
如何设计导航,包括菜单,导航树,导航器。
10) On-Site Edit
如果设计在线编辑(On-Site Edit),也就是通常所谓的CRUD,一揽子解决方案。
11) Popup
如何统一弹出框。
12) Server paging/filter/sorting
如何处理大量数据的显示,比如分页,排序和过滤,可以是UI端来做,也可以是Service端来做。
MVVM设计:
13) MVVM
如何将数据从界面逻辑中剥离出来。
14) Event
如何建立我们自己的事件机制
15) Command
如何建立我们自己的命令机制,以及如何将事件转化为命令
16) UI Unit Test
如何设计UI端的单元测试。
综合设计:
17) Validation
如何设计客户端的验证体制,从而让用户总是提交有效的数据。
18) Concurrency
如何处理并发操作,当然,这也是从UI、Service和DB层同时考虑的。
19) Mock data
如何Mock一些数据,使UI端的开发不依赖于Service
20) Print/Export
如何打印和导出数据
21) Performance Tuning
如何调试性能,当然,不止局限于UI端。
22) Work with UX team
如何组织UI端项目的结构,以及如何与美工协作。
总而言之,这都是一些经验的汇总,是一些通用的模式,出于对GOF的Design Pattern的尊敬,我在上面只列出了22个场景(其实是我实在想不出第23个,而又不想随便写一个来凑数
分享到:
相关推荐
问题的提出:氧分子的顺磁性 服务器端接口编程全文共45页,当前为第14页。 一、理论要点: 1.分子轨道由原子轨道线性组合而成 分子轨道由原子轨道线性组合而成 分子轨道数=参与组合的原子轨道数目 H 2 中的两个 H ...
基于多平台快速开发的UI框架uView UI1.0二次开发的diy-uView-ui,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水,支持 Vue3.0 了。结合DIY可视化快速生成代码。DIY 官网可视化工具...
毕业设计-办公自动化系统基于springboot+vue+element-ui 前后端分离.zip毕业设计-办公自动化系统基于springboot+vue+element-ui 前后端分离.zip毕业设计-办公自动化系统基于springboot+vue+element-ui 前后端分离....
web端采用ElementUI,手机端采用VantUI,管理后台采用WebdeskUI。直播、视频学习、试题练习、测试、考试、学习证明、成绩打印,实现“学、练、考”一体。私有化部署,微信支付、支付宝支付,收益全掌控。永久授权,...
H-ui是一套侧重PC端的前端框架,当然也针对不同分辨率的屏幕做了响应式处理,做个简单的营销页面,企业网站、宣传单页当然没有问题。但是我们知道PC和移动端的交互、事件、场景过渡完全是两个完全不同的概念。 PC...
基于SpringBoot+Vue+Element-UI实现的前后端分离抗疫物资管理系统源码+项目说明.zip基于SpringBoot+Vue+Element-UI实现的前后端分离抗疫物资管理系统源码+项目说明.zip基于SpringBoot+Vue+Element-UI实现的前后端...
在前两个礼拜 TouchGFX 更新了 ...一种开发思路:使用前后端分离的思想,建立中间件连接 UI 与系统,这样 UI 相关的程序用 VS 开发并在电脑仿真,MCU 端只要把接口实现,就可以直接运行做好的 UI 了,如果你有 不一样
HC小区管理系统web端前端项目,主要采用比较主流的UI框架bootstrap 和vue,是一套完全组件化编程的项目,主要包含功能为资产管理(楼栋 单元 房屋),业主管理,费用管理,投诉建议,维修派单,智慧门禁和智慧停车等...
本示例使用Dialog模式的UI是为方便说明socket编程,在对话框类的OnInitDialog方法有初始化的成员变量的注释说明,在自定义类中的注释非常详细。本人觉得MFC使用异步通信类CAsyncSocket实现Java中的ServerSocket类和...
简易博客系统,含客户端和服务器端,采用各种编程语言实现. 覆盖语言:Java、Kotlin、Dart、Go、JavaScript(JS)、TypeScript(TS)、ArkTS、Swift、PHP。 覆盖平台:安卓(Java、Kotlin)、iOS(SwiftUI)、Fl…. 软件开发...
开发者不需要进行复杂编程即可使用个推推送服务的各项常用功能,SDK可以自动帮您满足调用过程中所需的鉴权、组装参数、发送HTTP请求等非功能性要求。 下面向您介绍个推PUSH SDK For Java的使用方法。 环境要求 需要...
bisquit 是一个极简的 JavaScript 库,用于构建具有服务器端渲染和逻辑的交互式 UI 。 它支持嵌套组件,绑定到不同的后端控制器,处理定义为 HTML 属性的自定义事件。 后端处理事件,并告诉 bisquit 做什么:用...
bms-web为积木系统的UI端项目,服务端( bms-server )项目尚未开放,并且,对于前端开发者进行页面模块开发的工具尚未开发完成,等后续开发完成以后会一并公开备注:积木系统在我们公司已经上线,上线3个月,生产...
端编程接口技术。本书中,著名技术作家Charles Petzold教您如何用C#与Extensible Application Markup Language(XAML)开发WPF应用。您将得到尖专家的指导,通过数百个实用范例,学习掌握WPF 开发技术,充分发挥...
JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS...
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
Java使用技巧,实战应用开发小系统...详细介绍了一些Java框架的各种功能和模块,以及如何使用Java进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者,能够帮助你快速上手Java并掌握其高级特性。
MicroCommunityWeb 是完全开源免费的 HC 小区管理系统 web 端前端项目,主要采用比较主流的 UI 框架 bootstrap 和 vue,是一套完全组件化编程的项目,主要包含功能为资产管理(楼栋 单元 房屋),业主管理,费用管理...
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。...总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。