vue admin blog 다운로드 - vue admin blog 소스 코드 다운로드

다운로드

w-블로그

백엔드에서 Spring Boot 2.x, 프론트엔드에서 nuxtJs, 백엔드에서 vue를 사용하는 개인 블로그

기티 링크:
- API: https://gitee.com/windsnowli/w-blog-api
- 프런트 데스크: https://gitee.com/windsnowli/vue-ssr-blog
- 백엔드: https://gitee.com/windsnowli/vue-admin-blog
GitHub 링크:
- API: https://github.com/WindSnowLi/w-blog-api
- 프런트 데스크: https://github.com/WindSnowLi/vue-ssr-blog
- 백엔드: https://github.com/WindSnowLi/vue-admin-blog

간단한 개인 블로그 프로젝트는前台,后台, api 세 부분으로 나뉩니다.
API 백엔드는 SpringBoot 기반으로 합니다. 주로 mybatis , fastjson , DruidDataSource , Lombok , java-jwt , aliyun-sdk-oss , knife4j 등에 의존합니다. 데이터베이스는 MySQL8.0+ 사용합니다.
프런트 데스크의 주요 스타일은 인터넷의 BizBlog 템플릿에서 따온 것입니다. 원래 출처가 어디인지는 알 수 없지만 원본을 기반으로 nuxtJs 프로젝트로 다시 작성되었습니다.
백그라운드 UI에서 사용하는 vue-element-admin은 기본적으로 직접 사용하고 싶은 경우에는 본인의 힘으로는 불가능합니다.
예: 녹색 식품 - Cai Dog

git clone https://gitee.com/WindSnowLi/w-blog-api.git 또는 git clone https://github.com/WindSnowLi/w-blog-api.git 프로젝트를 로컬로 복제
mvn clean install dependency:tree 설치 종속성
개발 환경 application-dev.yml 및 프로덕션 환경 application-prod.yml 에서 데이터베이스 구성 정보를 수정합니다. knife4j 는 개발 환경에서만 활성화됩니다.
데이터베이스 구성에 지정된 이름, UTF8 인코딩으로 빈 데이터베이스를 생성합니다.
mvn clean package -Dmaven.test.skip=true 테스트를 건너뛰고 jar 패키지를 생성합니다.
java -jar 生成的包名.jar 개발 구성 환경을 실행하는 데 사용됩니다. 데이터베이스는 처음 실행하는 동안 자동으로 초기화됩니다.
api 문서를 보려면 http://127.0.0.1:8888/doc.html 방문하세요.
종속성을 자동으로 처리하고 작업을 용이하게 하려면 IDEA를 사용하여 프로젝트 폴더를 여는 것이 좋습니다.

git clone https://gitee.com/WindSnowLi/vue-ssr-blog.git 또는 git clone https://github.com/WindSnowLi/vue-ssr-blog.git 프로젝트를 로컬로 복제
npm install 종속성
config/sitemap.xml 파일의 host 주소를 수정하여 액세스 맵을 생성할 수 있습니다.
nuxt.config.js 의 포트 번호는 수정 가능
package.json 파일의 script 에서 BASE_URL 수정하여 백엔드 api 주소를 지정할 수 있습니다.
npm run build
npm start 로컬에서 실행됩니다.

git clone https://gitee.com/WindSnowLi/vue-admin-blog.git 또는 git clone https://github.com/WindSnowLi/vue-admin-blog.git 프로젝트를 로컬로 복제
npm install 종속성
npm run dev 시뮬레이션된 데이터 미리보기 인터페이스를 사용합니다.
.env.production 파일의 VUE_APP_BASE_API 주소를 백엔드 api 의 주소로 수정합니다.
npm run build:prod 컴파일
dist 폴더에 있는 컴파일된 파일은 액세스를 위해 http 서버( npm 사용하여 http-server 설치할 수 있음) 아래에 배치될 수 있습니다.
기본 계정: [email protected] , 비밀번호: 123456