Проект полного стека (vue+node+mongodb), имитирующий Meituan Takeaway с оплатой -> младший год стажировки

внешний интерфейс

о

Юниоры 2019 года всегда хотели разработать относительно полный проект в одиночку некоторое время назад. Среди многих приложений я выбрал Meituan, чтобы подражать после рассмотрения их. За это время я использовал свое свободное время для развития, и использовал Vue + Vuex для фронта конец. + Vue-маршрутизатор + Axios, поскольку вам необходимо использовать такие функции, как позиционирование и платеж, вам нужна внутренняя взаимодействие, и вы хотите выполнить реальное взаимодействие данных, поэтому вы используете Express (Nodejs Framework) в качестве фона И база данных использует MongoDB NoSQL. Передний проект содержит более 20 маршрутов, включающих 40 файлов VUE, функциональный дизайн входа в систему, позиционирование, просмотр продуктов, добавление корзин для покупок, размещения заказов, оплата (поддержка WECHAT и сканирование сканирования AliPay и выплаты приложений), оценка, личный Изменение информации, является относительно полным проектом.

Примечание. Этот проект практикуется для практики личного развития, а не для любого коммерческого использования

Важные дела сначала

Глядя на стажировку в Гуанчжоу и Шэньчжэнь, вы можете начать работать сейчас (также можно работать в летние каникулы), и вы можете работать более 4 дней в неделю

Функция

  • вход/выход
  • IP-позиционирование
  • адрес поиска
  • Получить магазин (рассчитать расстояние между текущим местоположением и магазином)
  • добавить в корзину
  • разместить заказ
  • Оплата (поддержка оплаты скан-кода WeChat и Alipay и передача платежа через приложение)
  • оценивать
  • Загрузка аватара (используя облачное хранилище Qiniu)
  • Ленивая загрузка изображения

стек технологий

  • Webpack-cli собирает проект
  • Сегмент семейства Vue (vue+vuex+vue-router)
  • Препроцессор CSS SCSS
  • axios и бэкенд для запроса данных
  • Прокрутите с помощью лучшей прокрутки
  • Изображение облачного хранилища Qiniu
  • Alipay и WeChatPay
  • Express создает серверные службы
  • Mongoose для удобной работы с MongoDB
  • Парсинг данных с Чарльзом

Предупреждение о нескольких изображениях

主界面

Найдите и найдите предприятия

Отсканируйте код для оплаты

Позвоните в приложение для оплаты

корзина

Товарная операция

Комментарий

Прочие операции

Есть некоторые другие функции, которые не будут показаны.

онлайн-адрес

请用谷歌浏览器然后开启移动端浏览,如果要调用APP支付就需要用手机自带浏览器打开,然后支付时选择调起APP支付

онлайн-адрес

Адрес склада

代码已开源到github上面,有具体的运行操作,如果觉得还可以,请给个Star哈哈!

гитхаб-адрес

Продолжение следует

还有商家管理PC端还没写完,等写完再开源出来

напиши в конце

Поскольку я все еще студент, я обычно развиваюсь со своими одноклассниками максимум, и я никогда не участвовал в разработке реальной корпоративной команды, поэтому должно быть много мест, которые не очень хорошие.Я приветствую всех, чтобы высказать мне несколько мнений , и напоследок задайте еще один вопрос, ха, Ищу стажировку в Гуанчжоу и Шэньчжэне, вы можете начать работать сейчас (вы также можете пойти на работу во время летних каникул), и вы можете работать более 4 дней в неделю. Если нет, я спрошу позже. . .