Flask Vue.js全栈开发|第1章:创建第一个Flask RESTful API

  • 原创
  • Madman
  • /
  • /
  • 2
  • 2400 次阅读

flask vuejs 全栈开发-min.png

Synopsis: 本文是Flask+Vue.js全栈开发的第一篇,主要是以比较优化的结构搭建Flask应用,并提供一个测试的API,客户端访问 /ping 后会返回 Pong! 响应,用于下一篇前端Vue.js测试与后端的连通性

代码已上传到 https://github.com/wangy8961/flask-vuejs-madblog/tree/v0.1 ,欢迎star

1. 代码管理

1.1 安装 git

使用 Win10 系统开发,先安装 Git for Windows请移步

1.2 创建 Github 仓库

登录你的 Github 账户,创建个人项目,我的命名为 flask-vuejs-madblog。在你的 Github 账户中添加该电脑的 SSH keys,请移步

1.3 git clone

克隆到本地,打开 Git Bash

$ cd /d/python-code/
$ git clone git@github.com:wangy8961/flask-vuejs-madblog.git

1.4 init commit

添加 MIT License,然后第一次提交:

$ cd flask-vuejs-madblog/
$ git status
On branch master
Your branch is up-to-date with 'origin/master'.
Untracked files:
  (use "git add <file>..." to include in what will be committed)

        LICENSE

nothing added to commit but untracked files present (use "git add" to track)
$ git add .
$ git commit -m "init"
$ git push

1.5 分支管理

创建 dev 开发分支:

$ git checkout -b dev
$ git branch
* dev
  master

2. 配置 Flask

安装 Python 3,请前往 官方网站 下载 Windows 对应版本

请确保有 Flask 基础,阅读官方文档

打开 cmd ,切换到项目目录,创建 back-end 目录,这是我们的后端API应用所在位置:

Microsoft Windows [版本 10.0.14393]
(c) 2016 Microsoft Corporation。保留所有权利。

C:\Users\wangy>D:

D:\>cd python-code\flask-vuejs-madblog

D:\python-code\flask-vuejs-madblog>mkdir back-end

D:\python-code\flask-vuejs-madblog>cd back-end

D:\python-code\flask-vuejs-madblog\back-end>python -m venv venv

D:\python-code\flask-vuejs-madblog\back-end>venv\Scripts\activate
(venv) D:\python-code\flask-vuejs-madblog\back-end>pip install flask
(venv) D:\python-code\flask-vuejs-madblog\b
                                
                            
分类: Vue.js
标签: API RESTful vuejs flask
  • xmyang
  • Kai Gu
  • loveinshare
  • Weitian Xing
  • 499397601
  • ws96apt
  • 浮川大大
  • xiyao
  • 智慧少年
  • zhilstroy_75
b4
  • lhk12345678
  • wuwu52025
未经允许不得转载: LIFE & SHARE - 王颜公子 » Flask Vue.js全栈开发|第1章:创建第一个Flask RESTful API

分享

作者

作者头像

Madman

如需 Linux / Python 相关问题付费解答,请按如下方式联系我

2 条评论

小神龙
小神龙

文章内容很丰富,期待完整的Flask + Vue.js项目系列,感谢:)

Madman
Madman 小神龙 Author

谢谢😜,喜欢就好,最近工作忙,争取下个月写完整个系列