Oschina-Html5-app

Анализ клиентского проекта с открытым исходным кодом html5 на китайском сообществе

Примечание: Эта программа основана на phonegap. В настоящее время поддерживается только версия для Android.

В этой статье предполагается, что у вас уже есть среда разработки для Android, вы запускаете Eclipse и импортируете клиентский проект OSChina-Html5/platforms/android. Убедитесь, что ваш текущий Android SDK является последней версией. Если компиляция не удалась, пожалуйста, измените файл project.properties в корневом каталоге проекта.

target=android-17

Этот проект использует лицензию GPL. Приглашаем всех улучшать его на основе этого и делиться им с другими.

Ниже приводится краткий анализ проекта:

1. Структура каталогов проекта

OSChina-Html5
├ platform ----- Хранит платформенные проекты, в настоящее время существует только проект для Android
├ 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 и запустите, чтобы увидеть эффект.

5. Правила доступа к странице

Используйте маршрутизатор backbone для маршрутизации, используя метод хэша. Понимание основного адреса доступа:

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. Как отладить

Откройте chrome с параметром --disable-web-security. Затем откройте www/news/index.html, чтобы отладить страницу. Поскольку некоторые страницы используют плагин phoengap, они должны быть реализованы в приложении Android.

Рекомендуется использовать weinre для отладки в веб-просмотре Android.

7. Инструменты разработки

Рекомендуется использовать sublime text 2\3.

8. Скриншоты программного обеспечения

Последние новости:

Детали программного обеспечения:

Текст новостей: