https://github.com/ivan-fang/fang-blog

Fang Blog 顧名思義是一個「部落格網站」，使用者可以在這裡建立自己的帳號、發表文章，並查閱其他人已發佈的文章。Fang Blog is a "blog website project". Users can create their own account, publish articles, and read others released articles.
https://github.com/ivan-fang/fang-blog

aws axios elemenet-plus java jwt maven mybatis mysql redis springboot3 vue3

Last synced: 4 days ago
JSON representation

Fang Blog 顧名思義是一個「部落格網站」，使用者可以在這裡建立自己的帳號、發表文章，並查閱其他人已發佈的文章。Fang Blog is a "blog website project". Users can create their own account, publish articles, and read others released articles.

• Host: GitHub
• URL: https://github.com/ivan-fang/fang-blog
• Owner: Ivan-Fang
• Created: 2024-03-01T11:01:17.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-03-01T13:08:06.000Z (9 months ago)
• Last Synced: 2024-03-01T15:27:53.056Z (9 months ago)
• Topics: aws, axios, elemenet-plus, java, jwt, maven, mybatis, mysql, redis, springboot3, vue3
• Language: Vue
• Homepage:
• Size: 243 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README-en.md

Awesome Lists containing this project

README

        
# Fang Blog

* Fang Blog is a "blog website project". Users can create their own account, publish articles, and read others released articles.

* This project is developed in client-side-render (CSR) mode. The details are as follows.

  * Backend

    * We use `MySQL` to create and manage database.

    * We use `MyBatis` to connect and operate database.

    * We use `SpringBoot 3` to implement backend business, which includes (1) CRUD of users' information and avatar uploading; (2) CRUD of articles; (3) CRUD of article categories.

    * We use `JWT` (Json Web Token) to store the information of current logged-in user.

    * We use `md5` to encrypt users' password.

    * We use `Redis` to store valid JWT. If current user's JWT has expired, the system would ask him to login again.

    * We connect to the bucket in `AWS S3` to store avatars and article covers.

  * Frontend

    * We use `Vue 3` as frontend development framework.

    * We use `Element Plus` as frontend UI framework.

    * We use `Axios` to send ajax request.

# Screenshot













# How to use?

1. Download this project.

2. Open mysql and execute ./fang-blog-sql.sql.

3. Open redis-server, and set the port as 6379。

4. Modify BUCKET, REGION, ACCESS_KEY_ID, and SECRET_ACCESS_KEY in fang-blog-backend/src/main/java/com/ivanfang/fangblog/utils/AwsS3Util.java.


   

5. Launch backend.

   ```

   cd ./fang-blog-backend

   mvn spring-boot:run

   ```

6. Launch frontend.

   ```

   cd ./fang-blog-frontend

   npm install

   npm run dev

   ```

7. Open the following url.

   ```

   http://localhost:5173/login

   ```