Skip to content

huihuidehui/flask-vue-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flask + Vue 实现前后端分离个人博客

说在前面

这仅仅只是一个Demo,其中还有很多功能没有实现。

主要技术栈

  • Flask-Restful,用于开发Restful api
  • Vue.js, 实现前端页面
  • Bulma, 前端UI框架

使用

你需要python3.7 和 node@14的运行环境。 将代码克隆到你的电脑,进入flask-api目录

以下操作在目录flask-api进行。终端命令:

  1. pip install -r requirements.txt安装python依赖库
  2. flask init按照提示初始化博客,包括用户名和密码。注意这是一个单用户的博客。
  3. flask fakedata -a 100 -c 10 -t 10 虚拟100个文章,10个分类,10个标签。
  4. flask run运行程序 你还可以使用flask --help查看其它命令。

进入vue-page目录,终端命令: 中国用户建议使用cnpm安装依赖库

  1. npm install, 安装依赖库
  2. npm run serve

最后浏览器打开127.0.0.1:8080即可看到页面。127.0.0.1:8080/admin可进入后台管理页面,账号密码为flask init初始化的账号密码.

demo截图

QQ20200324 110847@2x

QQ20200324 110909@2x

QQ20200324 110924@2x

QQ20200324 111029@2x

QQ20200324 111057@2x

QQ20200324 111045@2x

About

Vue + Flask 实现前后端分离博客

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published