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-код для доступа к проекту
Если у вас есть вопросы или проблемы с проектом, вы можете связаться со мной через QQ 995189950 или WeChat: node-s или Issues
Все приветствуют критику и обсуждение!
Сервер ECS на Aliyun, CentOS 7
Установите и настройте nvm (node), mysql, nginx (Tengine)
Скачайте xftp и подключитесь к своему серверу, загрузите проект
cd myproject
yarn install (npm install)
Настройте файл конфигурации базы данных
Настройте файл nginx для проксирования всех портов 80
npm run dev
npm run build
Установите pm2, yarn add pm2 (для запуска node сервера)
pm2 start build/main.js
Проверьте pm2 list для проверки статуса запуска
pm2 monit для мониторинга всех процессов
Запустите ./nginx
Если все работает корректно, но доступ невозможен, используйте pm2 logs для проверки ошибок## Завершенные функции 1. Отображение главной страницы
Категорийный поиск курсов
Сортировка курсов по критериям (умная сортировка, самая высокая цена, самая низкая цена, лучшие отзывы преподавателей, самая высокая популярность)
Фильтрация курсов по критериям (тип класса, скидки на мероприятия, время проведения (с понедельника по воскресенье), конкретное время (утро, вечер, ночь), диапазон цен)
Загрузка дополнительных курсов при прокрутке списка
Детали курса
Запись на пробное занятие
Страница категорий
Страница профиля
Подтверждение заказа
Вход (регистрация временно недоступна)
Страница настроек
Страница купонов
Страница кошелька
Корзина (добавление в корзину, удаление из корзины, оплата корзины, массовое подтверждение заказа из корзины)
Мои заказы (все заказы, ожидание оплаты, успешная транзакция)
Redis (кэширование главной страницы, кэширование пагинации)
Развертывание на облачной платформе Alibaba Cloud## Ожидаемые функции
Поддержка клиентов(Некоторые страницы не указаны, добавляйте по мере продвижения проекта~)
Люблю жизнь, люблю технологии, люблю экспериментировать
# установка зависимостей
$ npm install или yarn install
# запуск с горячей перезагрузкой на localhost:3000
$ npm run dev
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )