w blog

w-блог

описывать

Личный блог, в котором используется Spring Boot 2.x во внутреннем интерфейсе, nuxtJs во внешнем интерфейсе и vue во внешнем интерфейсе.

Введение

1. Связь

   • Гите ссылка:
     • API: https://gitee.com/windsnowli/w-blog-api
     • Стойка регистрации: https://gitee.com/windsnowli/vue-ssr-blog
     • Бэкэнд: https://gitee.com/windsnowli/vue-admin-blog
   • Ссылка на ГитХаб:
     • API: https://github.com/WindSnowLi/w-blog-api
     • Стойка регистрации: https://github.com/WindSnowLi/vue-ssr-blog
     • Бэкэнд: https://github.com/WindSnowLi/vue-admin-blog

2. Простой проект личного блога разделен на три части:前台,后台и api .

   • API: Бэкэнд основан на SpringBoot . В основном полагается на Mybatis , Mybatis-Redis , Redis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j и т. д. База данных использует MySQL8.0+

   • Стойка регистрации: Основной стиль стойки регистрации взят из шаблона BizBlog в Интернете. Не знаю, откуда он взялся. Он был переписан в проект nuxtJs на основе оригинала.

   • Бэкенд: vue-element-admin, используемый в пользовательском интерфейсе бэкэнда, в основном используется напрямую. Если вы хотите настроить его самостоятельно, сила не позволяет этого.

3. Пример: Зеленый корм – Cai Dog.

Начать локально

Начинайте проект за проектом

API: API, запрошенный фронтальной и серверной частью, использует один и тот же проект.

1. git clone https://gitee.com/WindSnowLi/w-blog-api.git или git clone https://github.com/WindSnowLi/w-blog-api.git чтобы клонировать проект локально

2. mvn clean install dependency:tree

3. Создайте базу данных и установите для нее кодировку UTF8 ( utf8mb4 ).

4. Изменить настройки среды

   • Измените информацию о конфигурации базы данных в среде разработки application-dev.yml и производственной среде application-prod.yml ;
   • Измените информацию, связанную с Redis , в redis.properties ;
   • Примечание: knife4j активируется только в среде разработки.

5. mvn clean package -Dmaven.test.skip=true пропускает тесты и генерирует пакеты jar

6. java -jar 生成的包名.jar используется для запуска среды конфигурации разработки. База данных будет автоматически инициализирована во время первого запуска (производственная среда может указать файл конфигурации для загрузки --spring.profiles.active="prod" )

7. Посетите http://127.0.0.1:9000/doc.html чтобы просмотреть документацию api .

8. Рекомендуется использовать IDEA для открытия папки проекта, чтобы автоматически обрабатывать зависимости и облегчить работу.

стойка регистрации

1. git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git или git clone https://github.com/WindSnowLi/vue-ssr-blog.git клонируйте проект на локальный компьютер
2. Зависимости установки npm install
3. Адрес host в файле config/sitemap.xml можно изменить для создания карты доступа.
4. Номер порта в nuxt.config.js можно изменить.
5. Вы можете изменить BASE_URL в script в файле package.json , чтобы указать адрес внутреннего api .
6. npm run build
7. npm start локально

За кулисами

1. git clone https://gitee.com/WindSnowLi/vue-admin-blog.git или git clone https://github.com/WindSnowLi/vue-admin-blog.git клонируйте проект на локальный компьютер
2. Зависимости установки npm install
3. npm run dev использует интерфейс предварительного просмотра смоделированных данных
4. Измените адрес VUE_APP_BASE_API в файле .env.production на адрес внутреннего api
5. npm run build:prod компиляция
6. Скомпилированные файлы в папке dist можно разместить на http -сервере (вы можете использовать npm для установки http-server ) для доступа.

Интеграция с Docker началась.

1. git clone https://gitee.com/WindSnowLi/w-blog.git или git clone https://github.com/WindSnowLi/w-blog.git клонировать репозиторий w-blog на локальный
2. cd w-blog , чтобы переключиться в корневой каталог w-blog
3. sh ./step-1-clone.sh клонировать репозиторий w-blog-api , vue-ssr-blog , vue-admin-blog в корневой каталог
4. Изменение конфигураций, связанных с каждым проектом.
   1. проект w-blog-api
      1. Измените информацию о конфигурации базы данных в среде разработки application-dev.yml и производственной среде application-prod.yml ;
      2. Измените информацию, связанную с Redis , в redis.properties ;
      3. Примечание: knife4j активируется только в среде разработки.
      4. redis可自行安装или указать соответствующие настройки docker-compose.yml
   2. проект vue-ssr-blog
      1. Адрес host в файле config/sitemap.xml можно изменить для создания карты доступа.
      2. Номер порта в nuxt.config.js можно изменить.
      3. Вы можете изменить BASE_URL в script в файле package.json , чтобы указать адрес внутреннего api .
   3. проект vue-admin-blog
      1. Измените адрес VUE_APP_BASE_API в файле .env.production на адрес внутреннего api
5. sh ./step-2-build.sh устанавливает зависимости и генерирует связанные файлы.
6. Измените соответствующее сопоставление портов и сопоставление папок docker-compose.yml
7. docker-compose up -d создать docker镜像и запустить

Дисплей интерфейса

стойка регистрации

За кулисами

Лицензия

Массачусетский технологический институт

Авторские права (c) 2021 WindSnowLi