久久教育 - Веб-малограм

Проект состоит из 7 страниц, для отображения富文本使用了wxParse组件，主要实现了首页，课程分类页，课程详情页，课时页，搜索页，观看记录等页面，满足了免费视频教程小程序的基本需求。

API документация

https://www.showdoc.cc/99edu

Примеры

Проект связан с видео, личные разработчики не могут пройти проверку, поэтому малограм не был запущен. Если вам нужно тестирование, свяжитесь со мной, чтобы присоединиться к тестировщикам.

Код QR-кода для малограма:

Код QR-кода для тестирования:

Реализованные функции

• Популярные рекомендованные курсы (баннеры)
• Новые уроки
• Поиск уроков
• Классификация курсов
• Детали курса (описание, список уроков)
• Детали уроков (страница воспроизведения, описание преподавателя)
• История просмотров (требуется авторизация через WeChat)

Задачи на будущее

• Кнопки на главной странице контролируются через API
• Покупка видео-курсов
• Детали преподавателя (его курсы)

Скриншоты экрана

富文本使用了wxParse组件，主要实现了首页，课程分类页，课程详情页，课时页，搜索页，观看记录等页面，满足了免费视频教程小程序的基本需求。

Проблемы

Запись некоторых проблем, с которыми мы столкнулись, и методы их решения

• Переключение между вкладками (табы)
  • Идея MVVM, данные определяют представление, добавление массива для хранения состояния табов в data, привязка события нажатия на каждый таб, при нажатии обновление данных в data, что изменяет стиль таба
  • Прокрутка вниз для загрузки дополнительных данных
    • Сначала думал использовать scroll-view, но затем обнаружил функцию onReachBottom, которая обрабатывает событие при касании до конца страницы.
    • Однако, при прокрутке вверх страница отскакивает, и функция вызывается только при неподвижном состоянии страницы, загружая данные, что кажется неудобным.
    • Хочется сделать это как в Alipay, чтобы загружать дополнительные данные только при сильном нажатии вниз.
  • Прокрутка вверх для обновления
    • Функция onPullDownRefresh, которая отслеживает действия пользователя при прокрутке вверх, совместно с wx.showNavigationBarLoading(); отображает иконку обновления в верхней навигационной панели, что улучшает пользовательский опыт.

Пожалуйста, обратите внимание, что некоторые термины и описания были переведены дословно, чтобы сохранить структуру и смысл оригинала.