ikapblog技術関連のメモや調べたことをメモしていきますホーム文字in画像QRIPアドレス確認flask+vuejsの環境構築2019.10.21vue.jsとFlaskの連携とりあえず使える形に。調べると、vue-cliが@vue/cliになってたりもするが、基本的には同じ。2018.11.26フロントエンド側まずはフロントエンド側のvue.jsのセットアップから。ここからは、必要なプラグイン・パッケージなどを入れておく。ヒストリーモードはonに。sassのバンドルに必要。ないと、このパッケージを入れてくれと表示されるので、入れないでやってみてもいいだろう。serve自分は基本的にnpmを使う派だが、vue.jsはcreateするとyarnで作ってくれる模様。yarnも混じってる。yarnの正しい使い方はよく知らないので、今度調べる。createならnpmも選べることに気づいた。uiで作ると、yarnになるのか?それとも選べたかな?記憶が怪しい。.vueファイルを監視して、ビルドもできる。frontend/package.jsonのscriptsにコマンドを追記すればいい。watchとしておくだけで、変更を検知してビルドしてくれる。エラーの表示も親切だと思う。続いて、バックエンド側であるFlaskの設定。pipenvを使っている。ルートフォルダに`run.py`を作るので、ルートフォルダにPipfileを置く。ぶっちゃけ全て`backend`フォルダに作っても問題はない。3.8がリリースされていたので、これを使ってみる。run.pyそして、run.pyに次のような内容を書き込む。テンプレートとスタティックフォルダをそちらに指定する。基本的にfrontend側でルートを処理するので、全て渡す。一応バックエンド的なものを書いて置く。大きくなるなら分離するべき。jsonify(response)あとはFlask的実行を行えばいい。runフロントエンド側の最後に書いたvueのwatchと併用すればホットリロードができる。Dockerでポータブルにしたい。リストフィールドから特定のドキュメントを削除するMongoEngineでEmbeddedDocumentListFieldからドキュメントを削除する。重要なのは、$pullとその後のsaveだけ。コマンドライン引数についてPython3でコマンドライン引数を便利に使いたいと思いました。すると公式に便利なパーサーがあるというではありませんか。Pyth...Python3Pythonで関数名を動的に作成し、実行するpythonで関数を動的に実行する。動的な実行といえば、eval()。......Python3flask+jinja2でのjinja2の設定を変更するflaskとjinja2の環境変数というかオプションを指定して、テンプレートの出力の気になる空行を除去する。MongoEngineでEmbeddedDocumentListFieldの中から日付の範囲を指定して抽出するMongoEngineで指定した日付の範囲内のドキュメントを取り出す。コレクションSomeCollectionは以下のようになっています。MongoEngineを使っているので、Python上ではSomeDocumentクラスで...DockerでL2TP/IPsecサーバを立ててmacOSから接続Pythonのsmtplibモジュールでgmailに接続してメール送信ホームPython3ikapper主にITなどのアウトプットをしています。ご連絡等はTwitterの@ikapperへ。ikapblog.メニューホーム文字in画像QRIPアドレス確認ホーム検索トップサイドバータイトルとURLをコピーしました。