vue admin 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 .

3. Серверная часть API основана на SpringBoot . В основном опирается на mybatis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j и т. д. В базе данных используется MySQL8.0+

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

5. Используемый в фоновом пользовательском интерфейсе vue-element-admin в основном используется напрямую. Если вы хотите настроить его самостоятельно, ваши силы не позволяют этого.

6. Пример: Зеленый корм – 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. Измените информацию о конфигурации базы данных в среде разработки application-dev.yml и производственной среде application-prod.yml , knife4j активируется только в среде разработки.
4. Создайте пустую базу данных с именем, указанным в конфигурации базы данных, кодировка UTF8 .
5. mvn clean package -Dmaven.test.skip=true пропускает тесты и генерирует пакеты jar
6. java -jar 生成的包名.jar используется для запуска среды конфигурации разработки. База данных будет автоматически инициализирована во время первого запуска.
7. Посетите http://127.0.0.1:8888/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 ) для доступа.
7. Учетная запись по умолчанию: [email protected] , пароль: 123456

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

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

За кулисами

Лицензия

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

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