Python Flask + Vue3 + SQLite 前后端分离 简单个人博客网站项目源码

项目描述

本项目是一个基于 Flask 和 Vue3 的前后端分离的简单个人博客网站。Vue3 采用了新的组件式 API 进行开发，并通过 Axios 进行后端接口请求。Flask 使用 SQLAlchemy 管理 SQLite 数据库，并通过 Token 验证用户登录信息。项目已实现文章列表显示、文章内容的 Markdown 渲染、文章的创建、修改和删除等功能。非常适合用于入门学习或个人研究。

技术栈

前端

• Vue3: 采用新的组件式 API 开发。
• Vue Router: 用于前端路由管理。
• Axios: 用于后端接口请求。
• v-markdown: 用于 Markdown 内容的渲染。
• Bootstrap: 用于页面布局和样式。
• Tailwind CSS: 用于快速构建响应式界面。

后端

• Flask: 轻量级 Python Web 框架。
• SQLite: 轻量级数据库。
• SQLAlchemy: 用于数据库管理。

功能特性

• 文章列表显示: 展示所有文章的列表。
• 文章内容渲染: 支持 Markdown 格式的文章内容渲染。
• 文章管理: 支持文章的创建、修改和删除。
• 用户登录验证: 通过 Token 验证用户登录信息。

特别说明

本项目的网页 UI 基于开源的静态 HTML 模板，模板来源于模板之家。在本资源中不提供原始 HTML 文件，如有需要请自行下载。

使用说明

1. 克隆仓库:

   git clone https://github.com/yourusername/your-repo.git
   

2. 安装依赖:
   • 前端依赖:

     cd frontend
     npm install
     

   • 后端依赖:

     cd backend
     pip install -r requirements.txt
     

3. 运行项目:
   • 启动前端:

     cd frontend
     npm run serve
     

   • 启动后端:

     cd backend
     flask run
     

4. 访问项目: 打开浏览器，访问 http://localhost:8080 即可查看博客网站。

贡献

欢迎大家提交 Issue 和 Pull Request，共同完善这个项目。

许可证

本项目采用 MIT 许可证，详情请参阅 LICENSE 文件。

下载链接

PythonFlaskVue3SQLite前后端分离简单个人博客网站项目源码