1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/jackdizhu-nuxt-bnhcp

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

vue-bnhcp

Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + (NUXT)SSR + nginx обратный прокси + redis кэширование

Введение

Этот проект создан исключительно для личной практики, данные не являются реальными. Если есть совпадения, это случайность.

github: https://github.com/github1586/vue-bnhcp

Этот проект является корпоративным, техническая реализация компании основана на cakephp php-фреймворке MVC. Из-за того, что шаблоны cakephp view ctpl и html находятся в одном файле, фронтенд (view) выглядит ужасно, сложно поддерживать, производительность низкая, затраты на коммуникацию высокие. Из-за этого, руководствуясь принципом "руководитель говорит, а подчинённые выполняют" (все технологии не являются только словами, нужно самому делать, падать в ямы, чтобы расти), в свободное время я использовал vue + srr + node + mysql nginx прокси для переработки этого проекта. Это не только укрепило мое понимание vue, но и хорошо объединило vue и node. Что касается выбора базы данных, то mysql является стабильной и универсальной, проверенной временем.*В связи с ограниченным временем, функциональная реализация может быть не идеальной, я постараюсь реализовать её в соответствии с требованиями. В настоящее время проект содержит около 20 страниц, включая регистрацию, вход, список курсов, детали курса, корзину, оформление заказа, личный кабинет и т. д.Проект продолжает развиваться.

Что может сделать Nuxt для нас

Вопрос 1: Мы не должны беспокоиться о разделении маршрутов, вам нужно только создать файл .vue в соответствии с уровнем папок.

Вопрос 2: Не нужно беспокоиться о передаче данных, Nuxt будет асинхронно запрашивать данные перед выводом шаблона (необходимо использовать библиотеку Axios), и он также предоставляет дополнительные возможности для Vuex.

Вопрос 3: Встроенная Webpack позволяет избежать настройки Webpack, Nuxt будет собирать соответствующие файлы в соответствии с конфигурацией.

Есть еще много удобств, попробуйте написать и изучить исходный код

Скриншоты проекта

аватар аватар аватар аватар аватар аватар

аватар аватар аватар

Спасибо!

Если мой проект был полезен для вас, вы можете нажать на "Star" в правом верхнем углу, чтобы поддержать меня. Спасибо!git clone адрес_проекта cd local cd template для работы с данными на node

Затем -- yarn install и npm run dev

Или вы можете связаться со мной, чтобы получить sql-файл и запустить локальный сервер

Адрес проекта онлайн: http://nodet.cn:3000/ (лучше всего смотреть в Google Chrome)

Сканируйте QR-код для доступа к проекту

avatar

Если у вас есть вопросы или проблемы с проектом, вы можете связаться со мной через QQ 995189950 или WeChat: node-s или Issues

Все приветствуют критику и обсуждение!

Развертывание

Сервер ECS на Aliyun, CentOS 7

  1. Установите и настройте nvm (node), mysql, nginx (Tengine)

  2. Скачайте xftp и подключитесь к своему серверу, загрузите проект

  3. cd myproject

  4. yarn install (npm install)

  5. Настройте файл конфигурации базы данных

  6. Настройте файл nginx для проксирования всех портов 80

  7. npm run dev

  8. npm run build

  9. Установите pm2, yarn add pm2 (для запуска node сервера)

  10. pm2 start build/main.js

  11. Проверьте pm2 list для проверки статуса запуска

  12. pm2 monit для мониторинга всех процессов

  13. Запустите ./nginx

  14. Если все работает корректно, но доступ невозможен, используйте pm2 logs для проверки ошибок## Завершенные функции 1. Отображение главной страницы

  15. Категорийный поиск курсов

  16. Сортировка курсов по критериям (умная сортировка, самая высокая цена, самая низкая цена, лучшие отзывы преподавателей, самая высокая популярность)

  17. Фильтрация курсов по критериям (тип класса, скидки на мероприятия, время проведения (с понедельника по воскресенье), конкретное время (утро, вечер, ночь), диапазон цен)

  18. Загрузка дополнительных курсов при прокрутке списка

  19. Детали курса

  20. Запись на пробное занятие

  21. Страница категорий

  22. Страница профиля

  23. Подтверждение заказа

  24. Вход (регистрация временно недоступна)

  25. Страница настроек

  26. Страница купонов

  27. Страница кошелька

  28. Корзина (добавление в корзину, удаление из корзины, оплата корзины, массовое подтверждение заказа из корзины)

  29. Мои заказы (все заказы, ожидание оплаты, успешная транзакция)

  30. Redis (кэширование главной страницы, кэширование пагинации)

  31. Развертывание на облачной платформе Alibaba Cloud## Ожидаемые функции

  32. Поддержка клиентов(Некоторые страницы не указаны, добавляйте по мере продвижения проекта~)

Личная информация

Люблю жизнь, люблю технологии, люблю экспериментировать

Настройка сборки

# установка зависимостей
$ npm install или yarn install

# запуск с горячей перезагрузкой на localhost:3000
$ npm run dev

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

nuxt, SSR, vue, mysql, redis, nginx, socket.io Nuxt (пример проекта) Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/jackdizhu-nuxt-bnhcp.git
git@api.gitlife.ru:oschina-mirror/jackdizhu-nuxt-bnhcp.git
oschina-mirror
jackdizhu-nuxt-bnhcp
jackdizhu-nuxt-bnhcp
master