blog3.0

Плохой блог?

巩固知识、打发时间Этот проект разработан исходя из этих двух пунктов, и в деталях могут быть огрехи.

Уведомление

Код внешнего интерфейса: ./front-end Код интерфейса: ./server Код фонового управления: ./admin

?Введение в проект

Связанное введение

Стиль темы блога основан на YEVPT. PS: 嘤嘤嘤, не такой красивый, как он.

1. Многопользовательский блог (каждый может публиковать статьи, статьи необходимо рецензировать) Многопользовательский спорт???
2. Динамические роли/разрешения серверной части (могут быть настроены суперадминистратором)
3. Ресурсные файлы (картинки, определенные учебные материалы ) Централизованное управление
4. Полная версия сайта https
5. RESETful api

Инструкции по настройке

Конфигурация сервера (каталог сервера). На данный момент проект поддерживает два метода настройки: file и nacos , которые можно отличить по переменным среды ( CONFIG_MODE ).

 CONFIG_MODE=file | nacos # 二选一

1. Конфигурация файла объединяется и внедряется через корневой каталог сервера app.config.[production|development].json и app.config.json .
2. nacos, введенный через переменные среды

 NACOS_SERVER_ADDR=localhost:8848 # 地址
NACOS_NAMESPACE=dev # 命名空间
NACOS_DATA_ID=blog # 数据ID
NACOS_GROUP=DEFAULT_GROUP # 组ID
NACOS_USERNAME=dev_test # 用户名
NACOS_PASSWORD=111111 # 密码

?Введение в исторические версии

Все они были написаны, когда я учился в школе.

Первая версия была написана Java-сервлетом и больше не поддерживается.
Вторая версия — koa+mongo+ejs+bootstrap+jquery+layui. В настоящее время она закрыта, а данные статьи перенесены [githubh2.0] [онлайн-адрес].

?Незаконченный

1. Уведомление о сообщении (вообще ничего не делал, плакал)
2. Функция Like/like (зарезервирована)
3. Забыл. ? (Дневная память плохая)
4. Подробности

выставка

?Стек технологий

Блог немного напоминает создание стека технологий только ради создания стека технологий. Я сказал, что это подтверждено! ! !
Я изначально планировал мастурбировать прямо на 3н кадре, но все равно поленился. .

Обычно: гнездо/nuxt/vue
Пользовательский интерфейс: ElementUI/Vuetify
Хранение данных: mongo/redis/cookie/localStoreage.
Уведомление: Tencent по SMS/электронной почте

Некоторые файлы конфигурации не были загружены на github, они будут упрощены и загружены позже [GitHub] [Интернет-адрес]

развертывать

Контейнерное развертывание с использованием Docker

tar --exclude=node_modules --exclude=dist --exclude=.nuxt --exclude=_config --exclude=.DS_Store --exclude=.git -zcvf ../blog3.tar.gz .
docker-compose up --build
docker-compose up -d

Интерфейс блога

Использование Nuxtjs + Vuetify.js

Сервер

Используйтеnesjs + nestjs + redis + cos mongodb

Платформа управления

Использование пользовательского интерфейса Vuejs + Element UI

?Структура каталогов

 ├── README.md            # 自述
├── admin                # 管理页面
│   ├── Dockerfile              # 管理页面 Dockerfile 配置 （ps: 目前无用）
│   ├── README.md               # 管理页面自述
│   ├── package.json
│   ├── public
│   ├── src                     # 项目目录
│   └── vue.config.js           # vue 配置文件
├── docker-compose.yml   # docker-compose 配置文件
├── front-end            # 博客前台页面
│   ├── Dockerfile
│   ├── README.md
│   ├── assets
│   ├── components
│   ├── constant
│   ├── jsconfig.json
│   ├── layouts
│   ├── middleware
│   ├── nuxt.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── pages
│   ├── plugins
│   ├── server
│   ├── static
│   ├── store
│   └── utils
├── package.json
└── server                # 博客服务端
    ├── Dockerfile
    ├── README.md
    ├── dist
    ├── nest-cli.json
    ├── package-lock.json
    ├── package.json
    ├── src
    ├── test
    ├── tsconfig.build.json
    ├── tsconfig.json
    ├── tslint.json
    ├── views
    └── yarn.lock

Ход разработки проекта

2020-06-22 Развертывание проекта базовой версии
2020-07-02 Интерактивная функция в основном завершена

«Как это работает?»

1. клонировать этот проект

2. Измените server/src/ _config на server/src/ config

3. Измените конфигурацию в файле server/src/config/default.conf.ts

4. Установите зависимости в каждом проекте

5. Запустить сервер

cd server && npm run start:dev

5. Запуск фронтенда блога

cd front-end && npm run dev

6. Запустите фон управления

cd admin && npm run serve