Начало работы - на написание небольшой программы ушло 4 дня

Апплет WeChat

Начните работу! Новый год, новая погода, в первую очередь желаю всем удачи в новом году. В последние дни Праздника Весны автор провел около4 дняTime сделал упрощенную версию апплета [Schedule it] WeChat. Выполнение этой процедуры преследует две основные цели:

  1. Подарите своей девушке подарок на День святого Валентина;
  2. Я хочу записывать свое расписание и фотографии каждой поездки

Если ваша девушка попросит вас разработать стратегию выхода поиграть на выходных, мы можем поискать кучу информации, а затем ответить ей в WeChat грубо говоря, что делать, когда и когда; Куча фотографий; фото и записи связаны не лучше, во-вторых, когда друг попросил нас пройти в определенное место, нам пришлось рыться, чтобы найти наши предыдущие записи; когда мы столкнулись с поврежденным мобильным телефоном, фотографии не успели При сохранении в облаке некоторые драгоценные фотографии исчезнут.

Это правда, что в настоящее время существует множество приложений или программного обеспечения, подобного типу [Xiaohongshu], для создания программного обеспечения для обмена стратегиями; такие приложения имеют много функций и рекламы, и они не могут сосредоточиться на выполнении определенных действий; и они хотят быть самими собой. , Апплет записывает ваши/объект путешествия.

#Посмотрим на эффект

Предисловие: Первоначально на создание этого апплета ушло 4 дня.Пожалуйста, поймите, что есть много недостатков.

#титульная страница

Основные функции дома:

  1. Показать расписания, созданные отдельными лицами, а также расписания, опубликованные другими;
  2. Просмотр личных функций
Домашняя страница - Создана лично Дом-Общественность страница личной информации

#Как создать повестку дня?

Создание расписания в основном делится на три этапа:

  1. Заполните название расписания;
  2. Выберите время расписания
  3. Заполните содержимое

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

Создать - введите имя Создать-выбрать время Создать-заполнить аранжировку

#предварительный просмотр события

Расписание предварительного просмотра в основном имеет следующие особенности:

  1. Фоновый полноэкранный режим автоматически воспроизводит загруженные вами изображения;
  2. Нажмите на фоновое изображение, чтобы войти в режим предварительного просмотра изображения, нажмите и удерживайте, чтобы загрузить изображение;
  3. Вы можете просмотреть детали расписания и нажать кнопку слева, чтобы сжать детали до мини-режима;
  4. Вы можете лайкнуть или отредактировать расписание
Детали расписания – полный предварительный просмотр Детали расписания — мини-режим

#редактировать повестку дня

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

#Другие функции

Помимо вышеперечисленных функций, есть несколько простых моментов:

  1. Настройте порядок отображения домашней страницы и страницы сведений;
  2. Спроси брата программиста
изготовленный на заказ заказ Программист небольшой брат спрос

#Расскажите о стеке технологий

Этот официальный аккаунт сделал технический пост в блоге, и как квалифицированный брат-программист я должен рассказать о том, из чего состоит вся программа?

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

#Апплеты

WeChatапплетВ основном используется:

  1. Разработка нативных апплетов WeChat (не спрашивайте меня, почему, потому что нативная разработка апплетов на самом деле не сложна);
  2. Часть библиотеки компонентов использует компоненты Vant, остальные — пользовательские компоненты.

Каталог проекта выглядит следующим образом:

#серверная программа

серверная программаСтек технологий это:Koa2+mysql+sequlizejs+cls-hooked+redis+typescript

функциональные точки:

  • Единый журнал;
  • Унифицированная обработка ошибок;
  • использоватьcls-hookedУнифицированная обработка транзакций;
  • использоватьsequlize, структура ORM работает с sql;
  • koa-staticобрабатывать статические ресурсы;
  • Поддержка одного файла + загрузка нескольких файлов
  • redisкэш запросов

Каталог проекта выглядит следующим образом:

#испытать это

Наконец, вам нужно это испытать? Добро пожаловать, чтобы оставить сообщение в апплете или внизу

Категории