请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

QQ登录

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

切换风格 注册 找回密码

html5源码-html5教程网



46

主题

0

听众

169

积分

管理员

Rank: 9Rank: 9Rank: 9

贡献
10
金钱
66

社区QQ达人

发表于 2014-1-23 23:34:52 |显示全部楼层

开源中国社区 html5 客户端项目简析
注:本程序基于phonegap构建。目前只支持安卓版本。

本文假设你已经有Android开发环境,启动Eclipse,点击菜单并导入 OSChina-Html5/platforms/android 客户端项目,请确保你当前的Android SDK是最新版。 如果编译出错,请修改项目根目录下的 project.properties 文件。

target=android-17

本项目采用 GPL 授权协议,欢迎大家在这个基础上进行改进,并与大家分享。

下面将简单的解析下项目:

1、项目的目录结构

OSChina-Html5
├ platform ----- 存放平台项目,目前只有安卓项目
├ plugins ----- phonegap插件
└ www ----- 存放html、css、js文件

2、www目录简介

入口文件为:www/news/index.html

www
├ base ----- 基础包,包含:基础样式,公共方法
├ commom ----- 通用组件,包含:评论组件
├ my ----- 我的空间模块
├ news ----- 资讯模块
├ project ----- 开源软件库模块
├ question ----- 问答模块
├ tweet ----- 动弹模块
├ user ----- 用户信息模块
└ piece ----- 基础依赖库

3、如何编译项目

直接导入*OSChina-Html5/platforms/android* 客户端项目,编译,打包即可。

4、如何修改html文件。

直接修改*OSChina-Html5/www/*下的文件,然后拷贝到 OSChina-Html5/platforms/android/assets/www/下文件,run,即可看到效果。

5、页面访问规则

通过backbone的router来做路由,采用的是hash的方式。 访问地址的主要理解为:

index.html(模块入口)# 要访问的模块 / 访问模块的视图

通过piece/js/core/cocrouter.js检测url上的哈希变化,然后加载要访问的模块和视图,然后通过piece/js/core/mainview.js来切换页面的内容。 例如,我要访问资讯列表页面, 地址为:http://127.0.0.1/OSChina-Html5/www/news/index.html#news/new-list

6、如何调试

使用--disable-web-security参数打开chrome。然后打开 www/news/index.html 即可调试页面。由于部分页面使用到phoengap插件,需要在android应用内才可以体现。

如果需要在Android webview内调试,推荐使用weinre。

7、开发工具

推荐使用sublime text 2 。

8、软件截图最新资讯:

软件详情:

新闻正文:




源码下载:
游客,如果您要查看本帖隐藏内容请回复

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册 新浪微博登陆

0

主题

0

听众

1

积分

新手上路

Rank: 1

贡献
0
金钱
0
发表于 2014-2-12 16:14:25 |显示全部楼层
很不错的样子学习了~
回复

使用道具 举报

0

主题

0

听众

1

积分

新手上路

Rank: 1

贡献
0
金钱
0
发表于 2014-2-19 14:00:32 |显示全部楼层
学习学习啊
回复

使用道具 举报

0

主题

0

听众

1

积分

新手上路

Rank: 1

贡献
0
金钱
0
发表于 2014-2-25 17:13:54 |显示全部楼层
很不错。。学习学习
回复

使用道具 举报

0

主题

0

听众

1

积分

新手上路

Rank: 1

贡献
0
金钱
0
发表于 2014-5-9 08:57:25 |显示全部楼层
这么好的内容没人顶
回复

使用道具 举报

0

主题

0

听众

1

积分

新手上路

Rank: 1

贡献
0
金钱
0
发表于 2014-6-5 14:59:08 |显示全部楼层
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq
回复

使用道具 举报

1

主题

0

听众

48

积分

新手上路

Rank: 1

贡献
0
金钱
1
发表于 2014-6-19 17:04:29 |显示全部楼层
LZ是天才,坚定完毕
回复

使用道具 举报

1

主题

0

听众

58

积分

注册会员

Rank: 2

贡献
0
金钱
1
发表于 2014-6-19 21:28:26 |显示全部楼层
在撸一遍。。。
回复

使用道具 举报

1

主题

0

听众

47

积分

新手上路

Rank: 1

贡献
0
金钱
1
发表于 2014-6-20 05:34:27 |显示全部楼层

回复

使用道具 举报

0

主题

0

听众

49

积分

新手上路

Rank: 1

贡献
0
金钱
0
发表于 2014-6-20 19:24:06 |显示全部楼层
我擦!我要沙发!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆



Archiver|手机版|     

HTML5教程网 Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

回顶部