创新型Web前端框架
10
组件化开发
所有页面都是由组件组成的 每个组件都有自己的 MVC 组件名直接决定组件放置的目录位置
11
组件加载流程图
12
组件加载例子
组件之间的通信机制
采用类似 Windows 的消息传递机制 每个组件都有自己的消息处理函数 系统消息和用户消息 一个消息由消息名和消息参数组成 通过组件管理器投递给目标组件 消息传递是操作组件的唯一方法
14
观察者模式
组件的另一种通信机制:观察者模式 定义组件间的一种一对多的依赖关系,当一个主 题组件的状态发生改变时,所有监听它的观察者 组件都将得到通知。
ห้องสมุดไป่ตู้15
组件的异步加载
在组件管理器中注册需要异步加载的组件 在你向组件发送消息的时候,组件管理器首先要 保存这条消息,然后加载组件,最后由组件处理 之前保存的消息。
19
Questions & Answers
20
21
7
有什么不一样?
页面组件式的开发方式 规定了代码及资源文件的组织方式 包括服务器端
8
有什么特性?
组件化开发 采用类似 Windows 的消息传递机制 观察者模式(发布/订阅模式) 组件异步加载 自动化浏览器历史管理(Router)
9
有什么特性?
窗体(对话框)管理 自动化 AJAX 分页 模版引擎 表单验证 快捷键 自动化系统状态提示
“块”与“块”之间有许多交互 浏览历史管理 其它 如何快速开发具有这些特点的应用?
5
前端 MVC 框架
一句话介绍 有什么不一样? 有什么特性?
6
一句话介绍
是一个以组件化开发为基础的,以 CodeIgniter 为 Model,Javascript 为 Controller 和 View 的前 端框架。
16
组件异步加载例子
窗体
窗体分简单窗体和复杂窗体两种,每种又分为模 态和非模态两种。 复杂窗体有自己的 MVC 结构,简单窗体类似 MessageBox。
18
其它功能简介
自动化 AJAX 分页 自动化浏览历史管理(Router) 例子: #message-detail/5043 自动化表单验证
创新型 Web 前端框架
— 介绍一个有趣的前端MVC框架
Hex 为您讲述
Weibo: @Hex-CodeIgniter
1
目录
对基于 Javascript 的 RIA 应用的一些分析 创新型前端 MVC 框架
2
RIA 应用的分析
页面可以分为多个“块”
3
RIA 应用的分析
窗体和对话框
4
RIA 应用的分析