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.