Разговор о серии выпускных проектов --- введение проекта

Node.js база данных внешний интерфейс MongoDB Vue.js

Показать результаты

管理系统

WebApp

github

адрес сервера на github

момент гитхаб адрес

моментальное управление адресом github

articles

Разговор о серии выпускных проектов --- введение проекта

Разговор о серии выпускных проектов --- внедрение системы

предисловие

В этой статье, после глубокого анализа и исследования потребностей людей в чтении, существующих проблем и тенденций развития в среде мобильного Интернета, основной целью является разработка набора простых и элегантных пользовательских интерфейсов, а именно UserInterface (пользовательский интерфейс), с использованиемExpressФреймворк для веб-разработки для Node.js,Mongooseмодуль для управления нереляционной базой данных MongoDB, а прогрессивная среда JavaScript в основном используется во фронтенд-инжинирингеVue.js,использоватьVue-routerЧтобы выполнить переход к маршрутизации страницы внешнего интерфейса, используйтеAxiosВ качестве библиотеки HTTP-запросов используйте обаVuexОтвечает за внешнее управление глобальным состоянием, использованиеElementUIВ качестве библиотеки базовых компонентов интерфейса используйтеWebpackВыполните модульную упаковку и объедините технологии, связанные с HTML5, чтобы наконец реализовать пакет, содержащийСистема чтения литературы и искусства с пятью разделами: графика, чтение, кино и телевидение, музыка и радио, по имениMoment, что означает момент, призван предоставить платформу для людей, чтобы они могли эффективно читать в разрозненное время. Будут реализованы две основные части системы:Система фонового управления для администраторов и соавторова такжеОриентированное на пользователя мобильное веб-приложение.

В

Ладно, ладно, это всего лишь выпускной проект третьеразрядной школы с Х, третьеразрядная школа. Во введении я представил проект дипломного проекта и реализовал проект, включающий графику, чтение, кино и телевидение, музыку и радио.Система чтения литературы и искусства, по имениMoment. Основные используемые стеки технологий:

  • Node.js --- Express
  • MongoDB --- Mongoose
  • Vue
  • Vue-router
  • Axios
  • Vuex
  • ElementUI
  • Socket.io
  • ...

Перед стартом проекта я был очень взволнован: когда я был студентом, я купил облачный сервер на Tencent Cloud и зарегистрировал второе доменное имя.momentin.cn, когда позже развернул, обнаружил, что запрос интерфейса слишком медленный, поэтому сдался.На самом деле самое главное, что багов много, хахаха, а оптимизация производительности не сделана. Тем не менее, он будет по-прежнему развернут в Интернете.

Системный бизнес-анализ

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

Ориентированное на пользователя мобильное веб-приложение

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

Система фонового управления для администраторов и соавторов

Управление этой системой в основном разделено на две роли для управления. Роль системного администратора может видеть общую ситуацию с данными мобильного веб-приложения, управлять пользователями, включая соавторов и всех обычных пользователей, и управлять всеми статьями в графике, чтении, видео, музыке и радио, а также может управлять системой. Управление другими модулями. , такие как рекламный модуль, карусельный модуль, модуль объявлений и т. д. Роль автора имеет относительно немного прав, включая только управление статьями.

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

Системный дизайн

Проект архитектуры системы

系统架构

структура системы? ? Такое претенциозное слово, хахахаха, на самом деле это тоже традиционная структура B/S, с разделенными передним и задним концами. Фронтенд инициирует запрос интерфейса Ajax, веб-сервер обрабатывает запрос и управляет сервером базы данных, и возвращает данные в формате json на фронтенд, после того, как фронтенд получает данные, он обрабатывает данные и отображает их .

Функциональный модульный дизайн

功能模块

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

Дизайн базы данных

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

数据库设计

следующий

Теперь мы также даем введение в проект и даем общее введение в системный анализ и системное проектирование. Затем в следующей статье будет представлена ​​реализация системы и представлены некоторые основные функциональные модули в проекте или модули, которыми можно поделиться с вами, а также некоторые мысли после представления этого проекта.Прикоснись ко мне

Мой уровень средний, введение может быть и базовым, простите меня~