Flask Vue.jsフルスタック開発

Flask Vue.jsフルスタック開発の 及び使用方式
このシリーズの最新コードおよび使用方法は、次のように更新されます.http://www.madmalls.com/blog/post/latest-code/

1. Flask Vue.jsフルスタック開発チュートリアルシリーズ

Flask Vue.jsフルスタック開発|第1章:最初のFlask RESTful API

を作成

Flask Vue.js全桟開発|第2章:Vue.jsはaxiosを介してFlask RESTful API

にアクセスする

Flask Vue.jsフルスタック開発｜第3章:Flask設計Userユーザー関連API

Flask Vue.js全桟開発|第4章:Vue.js呼び出しAPIは、ユーザ登録/ログイン/終了

を実現する

Flask Vue.js全桟開発|第5章:個人ホームページとユーザーアイコン

Flask Vue.js全桟開発|第6章:ブログ記事CURDとMarkdown

Flask Vue.js全桟開発|第7章:ファン注目大神

Flask Vue.js全スタック開発|第8章:ユニットテスト

Flask Vue.js全スタック開発|第9章:ユーザーコメント

Flask Vue.jsフルスタック開発|第10章:ユーザー通知

Flask Vue.js全桟開発|第11章:私信

Flask Vue.js全桟開発|第12章:ブラックリスト

Flask Vue.js全桟開発|第13章:好きな文章

Flask Vue.js全スタック開発|第14章:メールサポート

Flask Vue.jsフルスタック開発|第15章:権限管理

Flask Vue.js全スタック開発|第16章:管理バックグラウンド

Flask Vue.js全桟開発|第17章:RQ実現バックグラウンドタスク

Flask Vue.jsフルスタック開発|第18章:Elasticsearch全文検索

Flask Vue.js全スタック開発|第19章:国際化

Flask Vue.jsフルスタック開発|第20章:Linuxクラウドホスト配置

Flask Vue.jsフルスタック開発|第21章:Dockerコンテナ配置

2.使用方法
2.1 git clone

$ git clone https://github.com/wangy8961/flask-vuejs-madblog.git

2.2 Backend
Open a new terminal:

$ cd back-end
$ python -m venv venv
$ source venv/bin/activate
(venv)$ pip install -r requirements.txt

# Flask-Migrate create database
(venv)$ flask db upgrade

# create back-end/.env file, like this
FLASK_APP=madblog.py
FLASK_DEBUG=1

(venv)$ flask run

ブラウザアクセス:http://localhost:5000/api/ping2.3 Frontend
Open a new terminal:

$ cd front-end
$ npm install
$ npm run dev

ブラウザアクセス:http://localhost:8080