Разработка мобильного приложения 36Kr

Проект основан на вторичной разработке mui и ориентирован на создание информационного приложения.

Структура страниц

• guide.html — приветственная страница, загружается после первого запуска приложения.
• index.html — начальная страница приложения, используется в основном для инициализации (ПС: не отображает реальный контент на странице).
• index-menu.html — боковая панель меню
• about.html — информация о приложении (разработчики приложения, версия)
• main.html — контейнер нижнего меню
• subpage-chat.html — страница чата
• subpage-home.html — основной контент
• subpage-setting.html — настройки
• login.html — вход
• reg.html — регистрация
• forget_password.html — восстановление пароля
• loading.html — загрузка
• feedback.html — обратная связь
• articleXXX.html — страница с деталями статьи
• unlock.html — графическое разблокирование

Описание ресурсов

• Разрешение миниатюр составляет 500x333
• Соответствующие ресурсы можно получить на 36Kr

Базы данных

Два варианта реализации базы данных:

• локальная база данных HTML5
  • SQLite
  • NoSQL
• традиционная серверная база данных (в данном проекте используется MySQL, а также RDS от Alibaba Cloud)

Обзор таблиц- article_detail — таблица с подробностями статьи

Данные словаря - id TINYINT — автоинкрементируемый первичный ключ (id) - title VARCHAR(10) NOT NULL — заголовок - count INT DEFAULT 0 — количество просмотров - content TEXT DEFAULT NULL — содержимое - author VARCHAR(10) DEFAULT 'неизвестный автор' — автор - pdate DATETIME — дата публикации- article_outline — таблица с краткими данными статьи Данные словаря (определение столбцов) - id TINYINT — автоинкрементируемый первичный ключ (id) - title VARCHAR(10) NOT NULL — заголовок - thumb VARCHAR(80) DEFAULT 'default.jpg' — миниатюра (поле установлено таким образом, чтобы было удобно использовать CDN от Qiniu) - introduce VARCHAR(30) NOT NULL — краткое описание

Эти две таблицы не связаны между собой внешними ключами. Примечание: вышеуказанные данные не являются настоящими скриптами создания базы данных, они представляют лишь определение полей. Для получения конкретных скриптов инициализации базы данных см. server/db.sql