Flask Vue Blog是一款基于Flask和Vue.js的開源博客系統,它提供了豐富的功能和易于使用的界面,可以滿足大多數博客網站的需求。
Flask Vue Blog的后端使用Flask框架進行開發,使用SQLite作為數據庫,并提供了API供前端調用。
from flask import Flask, jsonify, request from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///blog.db' db = SQLAlchemy(app) class Post(db.Model): id = db.Column(db.Integer, primary_key=True) title = db.Column(db.String(80), nullable=False) content = db.Column(db.Text, nullable=False) @app.route('/posts') def get_posts(): posts = Post.query.all() return jsonify([{'title': post.title, 'content': post.content} for post in posts]) if __name__ == '__main__': app.run()
前端使用Vue.js框架進行開發,使用Axios進行API調用,并使用Element UI組件庫進行界面設計。
{{ post.title }}
{{ post.content }}
Flask Vue Blog的開源代碼托管在GitHub上,歡迎大家貢獻代碼和提出建議。
總之,Flask Vue Blog是一款非常有價值的博客系統,它整合了Flask和Vue.js的優點,為用戶提供了良好的使用體驗。