dbblog

근무시간으로 인해 더 이상 관리가 불가능하오니 양해 부탁드립니다!

소개

이것은 Springboot2를 기반으로 한 오픈 소스 블로그 시스템입니다. 반응형 디자인, 휴대폰, 태블릿, PC 모두 시각적 효과가 좋습니다!

• 프런트엔드 Vue2.x를 배우기 위한 실습 튜토리얼로 사용할 수 있습니다.
• springboot2.x 기술 학습 프로젝트로 사용할 수도 있습니다.
• 또한 현재 인기 있는 ElasticSearch 및 RabbitMQ에 대한 학습 데모로 사용할 수도 있습니다.
• 프런트엔드와 백엔드가 분리된 프로젝트 실습이라고 생각할 수도 있습니다.
• 또한 SpringCloud 서비스 지향 아이디어를 배우고 이해할 수도 있습니다.
• ...

기술 사용

• SpringBoot 2.x 배경 기본 프레임워크
• Vue 2.x 프론트엔드 기본 프레임워크
• ElementUI: 백엔드 관리 페이지 UI 라이브러리
• IView: 프런트엔드 UI 라이브러리
• ElasticSearch 검색 레이어
• RabbitMQ 메시지 큐
• Shiro 인증 레이어
• Redis 캐싱 계층
• 스웨거 문서
• Mybaits-Plus는 유용한 mybatis 프레임워크입니다.
• lombox getter setter 플러그인
• druid 데이터베이스 연결 풀
• jasypt 암호화
• Qiniu Yuntu 침대

모듈 레이어링

백엔드 모듈

dbblog
├── dbblog-auth   # 鉴权模块：shiro
│   ├── pom.xml
│   └── src
├── dbblog-core   # 核心模块：配置文件，Entity类，mapper类，工具类，异常过滤等
│   ├── pom.xml
│   └── src
├── dbblog-manage # 后台管理界面Service
│   ├── pom.xml
│   └── src
├── dbblog-portal # 前端界面Service
│   ├── pom.xml
│   └── src
├── dbblog-search # 搜索模块：elasticSearch
│   ├── pom.xml
└── └── src

백엔드 종속성

dbblog-코어 -> dbblog-auth -> dbblog-manage -> dbblog-portal -> dbblog-search

• SpringCloud 마이크로서비스의 후속 변환 및 업그레이드를 용이하게 하기 위해 다중 모듈 형식 채택

프런트엔드 모듈

백엔드 관리 페이지

├── assets
├── components # 公共组件
├── element-ui
├── element-ui-theme # elementUI主题
├── icons   
├── router  # 路由
├── store   # vuex
├── utils   # js工具类
└── views   
    ├── common # 公共模块
    └── modules
        ├── article    # 文章模块
        ├── book       # 阅读模块
        ├── operation  # 运维模块
        └── sys        # 系统模块

첫 페이지

├── assets
├── common
├── components
│   ├── content # 页面
│   │   ├── ArticleContent.vue      # 文章详情页
│   │   ├── ArticleListContent.vue  # 文章列表页
│   │   ├── BookContent.vue         # 图书详情页
│   │   ├── BookListContent.vue     # 图书列表页
│   │   ├── BookNoteContent.vue     # 笔记详情页
│   │   ├── HomeContent.vue         # 首页
│   │   ├── SearchResult.vue        # 搜索结果页
│   │   └── TimeLineContent.vue     # 归档页
│   ├── footer
│   ├── header
│   ├── index
│   ├── utils
│   └── views # 页面组件库
│       ├── Archive 
│       ├── Article
│       ├── Book
│       ├── BookNote
│       ├── Classify
│       └── TimeLine
├── router # 路由
├── store  # Vuex
└── utils  # js工具类

프로젝트 배포

섬기는 사람

프로젝트 백엔드 환경

• JDK1.8
• MySQL5.7
• 레디스
• IDEA 컴파일러
• Lombox 플러그인(Baidu)
• 엘라스틱서치 6.x
• RabbitMQ
• IDEA 컴파일러

배포 단계:

1. 데이터베이스 dbblog를 생성하고 dbblog-backend -> db에서 모든 SQL 파일을 가져옵니다.
2. dbblog-backend -> dbblog-> dbblog-core에서 application-*.yml의 데이터베이스 연결, redis 연결, ElasticSearch 연결 및 RabbitMQ 연결 수정
3. 프로젝트를 가져오고 dbblog-backend -> dbblog-search -> BlogApplication에서 기본 메서드를 실행합니다.

프런트 엔드

프런트엔드 환경:

• Node.js 8.0+
• 웹스톰 편집기

배포 단계:

1. 프로젝트를 가져오고 npm install을 실행합니다. (실패할 경우 패키지를 지우고 cnpm install을 시도하세요.)
2. 프로젝트 시작: npm run dev
3. 프런트 엔드 주소: localhost:8002 관리 인터페이스 주소: localhost:8888 계정 관리자, 비밀번호 123456

인터페이스 미리보기

생각

대학시절 블로그를 하다가 SSM+JSP로 기술선택을 시작했습니다. 블로그 1

--> 모듈화된 SpringBoot로의 전환 블로그 2

--> 현재 프론트엔드와 백엔드 분리 블로그 블로그 3

Java를 처음 접하는 경우 프로세스를 따라가며 이러한 코드를 학습하고 자신만의 블로그를 구현해 보는 것도 여러분의 성장에 도움이 될 것이라고 믿습니다.

관심이 있으시면 블로거를 초대하여 차 한잔을 나누는 것도 좋습니다::웃음::

마지막으로 제 github 주소는 https://github.com/llldddbbb/dbblog 입니다. 오픈소스가 쉽지 않으니 꼭 ==Star== 해주세요! !