移动开发

转载 2013年05月25日 22:21:02
就目前来说,移动开发算是比较流行的!一个大点的社交网站没有手机客户端,实在是说不过去!!

我们公司最近就需要为公司的社区网络做个客户端!

但是,移动开发的成本确实比较高,至少需要满足有IOS和Android客户端!而Android不同版本及分辨率的适配又是一个难度大的问题!对于公司实力小的,不可能请专职的IOS工程师和Android开发工程师!我本人也仅熟悉于PHP的开发!(仅有的android项目,也就是花了一个月做的微博客户端:http://bbs.csdn.net/topics/380148315)。

OK,闲话不提,基于开发成本及功能需求,我决定尝试使用目前还不是很流行的 JS 垮平台开发!(注:js垮平台开发即只需要使用html5+css3布局,使用js 的ajax请求服务器数据,最后显示,不需要写java或者object-c代码,也就是开发的html js 代码可以兼容地直接编译为app或者apk)。

最初,使用国外比较流行的phonegap框架,使用了一段时间,放弃了!主要原因是UI问题,phonegap只提供js访问手机的api,但是UI却是一个大问题;最后选择了国产的AppCan框架(http://www.appcan.cn)!

本文不涉及具体的代码,主要通过这个客户端引出一种移动跨平台开发的新方法!

………………………分割线……………………………


项目简介:

    本次使用HTML5来开发的是公司社区论坛的手机客户端,架构如下:

前端:

   AppCan、css3、html5、Javascript、zepto.js、base64.js

   主体上基于appcan,页面UI使用css3 + html5设计,页面Dom操作使用了jquery的精简版zepto.js,前端和后端数据交互使用zepto.js的ajax方式请求,中文传输使用了base64加密传输!本地使用了localStorage存储数据,对大图片使用了appcan 图片缓存功能!

窗口跳转使用了多窗口和主辅模式组合使用,大功能板块间使用使用zy_con()跳转,公用头部和尾部;子功能板块内部使用多窗口,尽量达到效率和用户体验友好的一个平衡;


后端:

   基于Linux + PHP + MySql + Apache 的discuz X1.5论坛!数据传输使用json格式,中文使用base64加密!


内容板块设计:

功能板块大方向分为五块:

    1、新闻:包括新闻浏览、评价;

    2、活动:聚合论坛相关活动;

    3、图秀:瀑布流功能浏览帖子,无限延伸图片帖子;

    4、空间:即用户空间,包括用户积分、等级、论坛短消息、论坛提醒、清空缓存、退出用户、意见反馈、新版本检查等!

    5、论坛:重点部分。板块页面设计抛弃了常用的板块列表形式,采用了图片块状;帖子列表也设计为了类社交化的排列方式,而非传统的单标题列表形式!功能上包括普通用户发帖、回复、点评、多图片拍照上传、位置获取、帖子收藏、版主删帖、禁言用户等等!


    OK,需求与架构清楚了,然后就是Coding,coding and coding……

    不过,我自始自终只写了js , html, css, php代码,没有写过一句java代码,也没有写过一行object-c代码(我也不会,哈哈)!功能完成以后,代码通过appcan直接就可以打包成android apk,同时也能打包成IOS ipa文件!

   well,是不是感觉很简单?是的,这对不会java和object-c的朋友来说,移动开发不再是梦!!

   本文仅仅提示各位移动开发的朋友,HTML5垮平台移动开发也是一种不错的选择!

   项目源码开源,ipa和apk均提供下载,源码亦开源!!

   可以到我的博客下载! 

    http://www.yeeyi.com/blog


应用截图:


















从零开始学习移动端Web开发

背景 近年来,随着智能手机的普及,移动端开发受到了异常的关注。从传统的安卓、IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧。本文旨...
  • u013778905
  • u013778905
  • 2017年05月11日 13:19
  • 2389

移动应用开发之Java+Eclipse环境搭建

某系统要配套做一个android客户端,来一次android开发环境快速搭建,系统Win7,具体步骤如下: 1、下载jdk:http://www.oracle.com/technetwork/ja...
  • nanfeiyannan
  • nanfeiyannan
  • 2014年02月23日 01:11
  • 2837

移动端web开发技巧汇总

移动端web开发技巧汇总与经验分享,已经涵盖了web移动端开发的方方面面,web移动端开发不可多得的干货,值得一看。 META相关 1. 添加到主屏后的标题(IOS) ...
  • longzs
  • longzs
  • 2016年03月03日 11:38
  • 1273

深入理解Android自动化测试 (移动开发)

  • 2017年10月24日 18:54
  • 19.82MB
  • 下载

最新百度移动开发sdk

  • 2017年07月18日 12:38
  • 549KB
  • 下载

HTML5移动开发

  • 2015年03月13日 17:25
  • 572KB
  • 下载

RGB配色表(网页移动开发美化)

  • 2015年10月30日 15:43
  • 359KB
  • 下载

移动开发新资源

  • 2015年07月03日 10:39
  • 48KB
  • 下载

移动开发经典Demo

  • 2015年08月09日 18:08
  • 9.73MB
  • 下载

Android移动开发(慕课版) PDF版 知识点总结

  • 2017年12月13日 16:55
  • 1.43MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动开发
举报原因:
原因补充:

(最多只允许输入30个字)