1 Star 0 Fork 178

hcxiong / OSChina-Html5

forked from Juno / OSChina-Html5 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

oschina-html5-app

开源中国社区 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\3 。

8、软件截图

最新资讯:

44FCA404573530C95207C36FD065667B

软件详情:

8D31DC493486133FC1857649FC87DD2F

新闻正文:

7380D25C2329263E7F2E0587151BEF73

The MIT License (MIT) Copyright (c) 2013 Juno Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

开源中国社区 html5 客户端项目 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/hcxiong/OSChina-Html5.git
git@gitee.com:hcxiong/OSChina-Html5.git
hcxiong
OSChina-Html5
OSChina-Html5
master

搜索帮助

14c37bed 8189591 565d56ea 8189591