创新型Web前端框架
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
“块”与“块”之间有许多交互 浏览历史管理 其它 如何快速开发具有这些特点的应用？
5
前端 MVC 框架
一句话介绍 有什么不一样？ 有什么特性？
6
一句话介绍
是一个以组件化开发为基础的，以 CodeIgniter 为 Model，Javascript 为 Controller 和 View 的前 端框架。
7
有什么不一样？
页面组件式的开发方式 规定了代码及资源文件的组织方式 包括服务器端
8
有什么特性？
组件化开发 采用类似 Windows 的消息传递机制 观察者模式（发布/订阅模式） 组件异步加载 自动化浏览器历史管理（Router）
9
有什么特性？
窗体（对话框）管理 自动化 AJAX 分页 模版引擎 表单验证 快捷键 自动化系统状态提示
10
ຫໍສະໝຸດ Baidu
组件化开发
所有页面都是由组件组成的 每个组件都有自己的 MVC 组件名直接决定组件放置的目录位置
11
组件加载流程图
12
组件加载例子
组件之间的通信机制
采用类似 Windows 的消息传递机制 每个组件都有自己的消息处理函数 系统消息和用户消息 一个消息由消息名和消息参数组成 通过组件管理器投递给目标组件 消息传递是操作组件的唯一方法
创新型 Web 前端框架
— 介绍一个有趣的前端MVC框架
Hex 为您讲述
Weibo: @Hex-CodeIgniter
1
目录
对基于 Javascript 的 RIA 应用的一些分析 创新型前端 MVC 框架
2
RIA 应用的分析
页面可以分为多个“块”
3
RIA 应用的分析
窗体和对话框
4
RIA 应用的分析
16
组件异步加载例子
窗体
窗体分简单窗体和复杂窗体两种，每种又分为模 态和非模态两种。 复杂窗体有自己的 MVC 结构，简单窗体类似 MessageBox。
18
其它功能简介
自动化 AJAX 分页 自动化浏览历史管理(Router) 例子: #message-detail/5043 自动化表单验证
19
Questions & Answers
20
21
14
观察者模式
组件的另一种通信机制：观察者模式 定义组件间的一种一对多的依赖关系，当一个主 题组件的状态发生改变时，所有监听它的观察者 组件都将得到通知。
15
组件的异步加载
在组件管理器中注册需要异步加载的组件 在你向组件发送消息的时候，组件管理器首先要 保存这条消息，然后加载组件，最后由组件处理 之前保存的消息。
5
前端 MVC 框架
一句话介绍 有什么不一样？ 有什么特性？
6
一句话介绍
是一个以组件化开发为基础的，以 CodeIgniter 为 Model，Javascript 为 Controller 和 View 的前 端框架。
7
有什么不一样？
页面组件式的开发方式 规定了代码及资源文件的组织方式 包括服务器端
8
有什么特性？
组件化开发 采用类似 Windows 的消息传递机制 观察者模式（发布/订阅模式） 组件异步加载 自动化浏览器历史管理（Router）
9
有什么特性？
窗体（对话框）管理 自动化 AJAX 分页 模版引擎 表单验证 快捷键 自动化系统状态提示
10
ຫໍສະໝຸດ Baidu
组件化开发
所有页面都是由组件组成的 每个组件都有自己的 MVC 组件名直接决定组件放置的目录位置
11
组件加载流程图
12
组件加载例子
组件之间的通信机制
采用类似 Windows 的消息传递机制 每个组件都有自己的消息处理函数 系统消息和用户消息 一个消息由消息名和消息参数组成 通过组件管理器投递给目标组件 消息传递是操作组件的唯一方法
创新型 Web 前端框架
— 介绍一个有趣的前端MVC框架
Hex 为您讲述
Weibo: @Hex-CodeIgniter
1
目录
对基于 Javascript 的 RIA 应用的一些分析 创新型前端 MVC 框架
2
RIA 应用的分析
页面可以分为多个“块”
3
RIA 应用的分析
窗体和对话框
4
RIA 应用的分析
16
组件异步加载例子
窗体
窗体分简单窗体和复杂窗体两种，每种又分为模 态和非模态两种。 复杂窗体有自己的 MVC 结构，简单窗体类似 MessageBox。
18
其它功能简介
自动化 AJAX 分页 自动化浏览历史管理(Router) 例子: #message-detail/5043 自动化表单验证
19
Questions & Answers
20
21
14
观察者模式
组件的另一种通信机制：观察者模式 定义组件间的一种一对多的依赖关系，当一个主 题组件的状态发生改变时，所有监听它的观察者 组件都将得到通知。
15
组件的异步加载
在组件管理器中注册需要异步加载的组件 在你向组件发送消息的时候，组件管理器首先要 保存这条消息，然后加载组件，最后由组件处理 之前保存的消息。