Glowing Octo Lamp

screenshot of Glowing Octo Lamp
vue
bootstrap

基于Vue cli3和flask搭建的个人博客项目,前后端分离,使用axios进行前后端的通信,还运用了vuex、element-ui等,主要实现了登录注册、首页博客展示、添加博客、个人博客、我的收藏、评论博客等模块,是一个小型项目

Overview

The integration of Vue, Flask, and MySQL to create a personal blog with a front-backend separation is an impressive project for web development enthusiasts. Leveraging the capabilities of Vue CLI 3 and Flask, this project not only enhances your coding skills but also delivers a functional and aesthetically pleasing blog platform. It incorporates various modern technologies and frameworks that improve both user interface and experience.

This project covers essential features like user management, blog posting, and commenting, making it a well-rounded small-scale application. The use of Axios for communication between the front and back end ensures smooth data transmission, while Vuex and Element-UI add more interactive elements to the user experience.

Features

  • User Management: Implements a secure login and registration system with MD5 encryption for password protection, ensuring user data safety.
  • Blog Display: A dynamic homepage that showcases blog posts along with a real-time clock for enhanced user engagement.
  • Blog Creation: Allows users to easily create and publish new blog posts, enriching the content offered on the platform.
  • Comment Functionality: Users can add comments on blogs, complete with support for user avatars and image lazy loading to improve performance.
  • Favorites Collection: Users can save their favorite blogs for easy access later, fostering a more personalized user experience.
  • Personal Center: A dedicated page for users to manage their published blogs and favorites, with options for editing or deleting posts as needed.
  • Efficient Code Organization: Code is well-structured, with front-end files neatly located in the 'src' folder and back-end files managed in the 'flask' folder via blueprints, enhancing maintainability.
vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.