(その2)前回でswampdragonのプロジェクトの作成ができましたので、今回は実際にWebアプリを作って行きたいと思います。djangoと同じ部分が多いので理解しやすいと思います。(その2)"のページと同じコードの場合、本ページでは説明を省略していますので、併せてご覧ください。(djtest→webpi→models.pyファイルの編集)データのモデルを作成します。djangoモジュールのmodels.Modelに加え、swampdragonのSelfPublishModelを継承したPiDataクラスを作ります。serializer_classという変数にSerializerクラスを代入します。PiDataSerializerクラスはこの後作成します。models.pyを下記のように編集します。max_length=255)Serializerの作成(djtest→webpi→serializers.py(新規作成))PiDataSerializerというクラスを作成し、modelという変数にアプリ名+モデルクラス名を代入します。pubuilsh_fields、update_fieldsという変数にモデルクラスの変数を代入します。['pidata1','pidata2','pidata3','pidata4','pidata5']Routersの作成(djtest→webpi→routers.pyファイルの編集)PiDataRouterというクラスを作成し、モデルクラスとシリアライズクラスをimportします。valid_verbsはこのRouterで使用する関数名を記載します。route_nameはhtmlでデータを受信したときに付与される名前(IDのような感じ)として使われます。(その2)”で紹介しているコードと同じになります。解説も下記ページを参照してください。HTMLファイルの作成djangoの時と構成は同じですが、内容が若干異なります。・djtest→webpi→templates(新規作成)→base.html(新規作成)・djtest→webpi→templates(新規作成)→webpi(新規作成)→pidata.html(新規作成))base.htmlファイルを新規作成し、下記のコードを記載します。base.htmlでswampdragon.min.jsとpidatas.jsを読み込んでいます。pidatas.jsは後で作成します。※文字コードは必ずUTF-8を使用してください。</body></html>このbase.htmlを継承して、Webアプリのhtmlファイル(pidata.html)を作成することができます。書き換えたい箇所、不足箇所だけをpidata.htmlに記載していきます。%}でbase.htmlの内容を上書きすることができます。pidata.htmlファイルを新規作成し、下記のコードを記載します。%}pidata.jsの作成(djtest→staticm→pidata.jsファイルの編集))データベースを更新した時に、データが通知されます。そのデータを受け取り、Webのテーブルタグに値を代入する処理をjavascriptで作成します。(その2)”で紹介しているコードと同じになります。解説も下記ページを参照してください。name='webpi'),]また、djtest→urls.pyに上記で作成したurls.pyを登録します。includeが必要ですので注意してください。include(admin.site.urls)),]データベースの再構築Modelでデータベースの内容を追加しているので、下記コマンドでデータベースを再構築します。migrate動作確認ターミナルを2つ立ち上げます。各ターミナルで下記のコマンドを実行し、Webサーバーを起動します。runsdWebページを開いて、動作確認をしてみましょう。PiのIPアドレス]:8000/webpiと入力します。テーブルビューが表示されたと思います。データベースに値を何も入れていないので、値は何も表示されていないはずです。次回は、djangoシステムからデータベースに値を入れる方法を紹介します。(その2)FacebookTwitterPocketLINEもっとプログラミングについて勉強したいという方は、オンラインプログラミングスクールを体験してみてはいかがでしょうか。学業や仕事で忙しい方も、オンラインプログラミングスクールであれば、時間と場所を選ばす学習することができます。下記の2つはどちらも現役エンジニアがマンツーマンで対応してくれます。・転職支援が充実:全コース転職支援あり※受講終了後に転職が決まらなかった場合は受講料を全額返金する返金保証あり・体験レッスン、カウンセリングが無料です。転職を考えている方はカウンセリングを1度受けてみると、選択肢が広がります。Piの使い方、設定をわかりやすく解説。長年、ソフトウェア開発に携わっています。PiやPythonについて、簡単な質問であれば、お答えします。下記のお問合せからご連絡ください。月別アーカイブはてなブログをはじめよう!raspberrypiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。