关于手机框架Framework7使用总结
2015-09-24 09:25
176 查看
1. 目前手机 APP采用混合与原生相接合的模式比较多,本人在项目中也使用到相关的内容,因为可能以后不一定能涉及到这块内容,所以写个总结吧。
2. 我们采有的模式是在原生的应用中通过调用相关的WebView组件来实现,所有页面都通过H5及JS与原生交互实现。
3. 此种构架也是不断变化的,最开始我们采用基本是纯原生的来实现,原生的在体验上应该还是不错的,但涉及的工作量比较大,而且因为版本更新比较快,升级也麻烦。后来就采用了混合模型,基本上也是采用H5与原生JS的方式,使用简化版本的Phonegap,基于开源phonegap的早期版本来实现的,所以我们使用现有的代码进行优化。页面上的组件基本是公司的前端实现的,产品也做也来了。最终因为种种原因还是放弃,最后选择了framework7做为手机H5框架,这里我也不用重点介绍framwork7,主要谈谈我们对framework7的使用。
4. 手机的系统架构如下: 手机前台服务使用srpingmvc实现(后期可考虑nodejs实现),中台使用现成的模式提交API接口供前端服务使用。在这两层之前通过加协议转换层实现通讯,一方面为安全,第二方面主要提供通用的接口,而且中间层可以增加规则并都支持平行扩展。最后是手机app与前端服务,及app与js通过页面对原生交互。
5. 展示层使用H5与framework7实现,利用frameowrk7,我们自己实现了JS上的MVC模式。实现方法也比较简单。 a. 在通过JS中配置路由,并记每个JS模块实现 init方法,加载页面之前会调用 controller, controller再加载view,view中通过 JS模板处理与加载数据显示。
6. 贴一些核心的代码:
var hash = {
index : 'index', guide : 'guide', login : 'login', identity : 'identity', audit : 'audit', broker : 'broker'};
function load(controllerName, query) { if (controllerName in hash) { require(['controllers/' + hash[controllerName] + 'Controller'], function (controller) { controller.init(query); }); } }
define(['views/accountView', 'GS'], function (View, GS) {
function init(params) { View.init({ bindings: bindings }); }
相关文章推荐
- 分享关于php CI框架使用的一点小总结
- 关于FACADE框架使用总结。
- 总结:关于留学网站使用laravel框架的总结
- 关于在窗口或框架被调整大小时发生的onresize 事件的使用总结
- 关于前端使用easyUI框架的问题总结
- 关于IOS使用自己编译的框架(framework)报错。
- 关于在neoshine linux下使用电视卡遇到的问题和总结
- 关于使用调色板进行手机游戏的开发
- 不错的jquery验证框架-form validation使用总结
- 关于css中如何使用#和.的总结
- 关于White框架在项目中的使用分析
- 第一篇CSDN的博客,总的来说主要是写关于Mstar手机平台的总结和回顾!
- 关于基于xfire webservice框架开发webservice的总结
- 关于最近在做的改进使用ECHO2+ROMA框架的会话管理的报告
- 关于java使用javacomm20-win32实践总结
- 关于XtraEditors的ComboxEditor、TextboxEditor和ButtonEditor 的使用总结
- 关于Jquery 编辑器 xhEditor的使用总结
- 转:关于ASP.NET下,JQuery+AJAX使用JSON返回数据的总结
- ADO.NET Entity Framework 如何:自定义建模和映射文件以使用自定义对象(实体框架)
- 关于RDLC报表的一些总结,希望对正在学习使用它的朋友有所帮助