ryotankの備考録日記

趣味の電子工作についての備考録などなど

電子工作作業報告書管理 Ewrn

電子工作作業報告書管理アプリその30

Djangoに関する事 どのページを表示するかを記載したurls.pyを作っていく urlsの流れとしては、 1.データ入力画面1を表示して入力画面2、入力画面3へと移る 2.入力画面3の入力が終われば内容確認ページを表示する 3.確認ページ内で"報告する"というボタンを…

電子工作作業報告書管理アプリその29

data1用のcss作成ボタンはシンプルなボーダーで囲うスタイルにするボタンの下地を青色、文字を白抜き、フォーカスを合わせると ボタン枠が反転するようにしたい .submit{ display:inline-block; text-align: center; /* 中央揃え */ padding: 0.3em 1em; tex…

電子工作作業報告書管理アプリその28

CSS 解説編Cascading Style Sheets (CSS)とは、HTMLなどのマークアップ言語で 書かれたWebサイトの見た目や書式を記述するための言語の事Bootstrap は美しいWebサイトを開発するためのHTMLとCSSのフレームワークとしてとても有名BootstrapのインストールBoot…

電子工作作業報告書管理アプリその27

viewの解説からviews.pyを開きformの行の後に form .forms import DataForm その後に、ビューを追加するDataFormを新しく作るには、DataForm()を呼び出して、 それをテンプレートに渡す必要がある。 form .forms import DataForm def data_new(request): for…

電子工作作業報告書管理アプリその26

HTMLでのフォーム作成編その2 変更する前のdata1.html <html> <head> <meta charset="utf-8" /> <title>データ入力画面1フォーム</title> </head> <body> <h1>データ入力画面1フォーム</h1> <form method="POST" novalidate> {{ form.as_p }} {% csrf_tok…</form></body></html>

電子工作作業報告書管理アプリその25

HTMLでのフォーム作成編 フォーム例 <form action="confirm.php" method="post"> </form> action""の意味は、 送信ボタンを押した後に移動するページのURLを記入する 入力内容の確認画面へ移動する事を想定した「data1confirm.html」という ページの名前を入れるmethod""の意味は フォームの入力内容の"データ…

電子工作作業報告書管理アプリその24

前回の23ではewrnというデータベースに ewrn_01というテーブルを作成する所でつまづいた原因と思われるのは、テーブルの作成文(CREATE TABLE文)の表記がおかしい テーブルの作成構文 CREATE TABLE テーブル名( カラム名 データ型 [COMMENT 'コメント'], カラ…

電子工作作業報告書管理アプリその23

MariaDBでテーブルを 作成、削除、変更する方法第一段階:テーブルの作成についてまず初めにテーブルを作成するにはMariaDBに接続しないと 始まらないMySQL CLientというコマンドプロンプトを起動して ずいぶん前に作成したパスワードでログインする今回はデ…

電子工作作業報告書管理アプリその22

前回、data.htmlのコードをのせて、{{ form.as_p }}、{% csrf_token %}の 解説をしたが <form method="POST" novalidate> が気になったので、調べると・・・ フォームの入力内容の検証を無効にするかどうかを指定する属性の事でこれが設定されていると入力欄を入力しなくても送信できてしま</form>…

電子工作作業報告書管理アプリその21

models.pyの作業内容や備考などはTextFieldに設定を変更したコード #()内はフィールドオプションでmax_lengthの数はデータ型 #作業内容(work_details)と備考(remarks)はTextFieldに変更 2022-1-7 #CharFieldはmax_lengthは最大255まで それ以上はTextFieldに…

電子工作作業報告書管理アプリその20

フィールドオプションの共通項について解説 フィールドオプション 使い方 blank 入力を必須にするかどうか null データベースのnullを許容するかどうか unique データベース上で一意制約を設定 choices セレクトボックスを作成 verbse_name 管理画面でのフィ…

電子工作作業報告書管理アプリその19

BooleanFieldの解説からBooleanField:ブール値(真偽)TureまたはFalseを保存するフィールド 主にチェックボックスなどで使われる HTMLのinputタグ属性は、checkboxサンプルコード from django.db import models class Person(models.Model): first_name = mod…

電子工作作業報告書管理アプリその18

django そもそもフィールドとはモデル定義で必ず1つ以上必要になる項目 データベースで言うと、テーブルのカラムに該当するフィールドはモデルクラスの属性として定義されます。データベースで言うテーブルは、モデルにあたります。 このモデルを通してデー…

電子工作作業報告書管理アプリその17

ビュー関数から #user/views.py #動作に問題なければewrnフォルダのuserにぶち込む #21行目のif form.is_valid()メソッドでDataFormモデルのバリデーションが実行される #問題ない場合は、save()メソッドでデータが保存され、user/data2へリダイレクトされる…

電子工作作業報告書管理アプリその16

気分転換にフォーム画面を作成しようと思うDjnagoのフォーム画面を作るには 「ModelFormクラス」による作成をするあらかじめ「モデル(データベースにおけるテーブル)があると 「ModelFormクラス」を利用するとフォーム画面が構築しやすいのがメリット今回…

電子工作作業報告書管理アプリその15

第3正規化を使用と思ったが、該当するものがなかった第2正規化から出てきたものからデータの種類を考えると 以下の通りになる ewrn_データの種類を考える先ほどのものからデータの大きさを決めると・・・ ewrn_データの大きさを決めるになり 最終的にテーブ…

電子工作作業報告書管理アプリその14

テーブル定義書の簡易版が完成したので 載せる ewrn_テーブル定義書_簡易版これをテーブル化したのがこれ ewrn_テーブル上記のテーブルを正規化していく 第2正規化はこれ 第2正規化したもの第2正規化から更に「分離」したのがこれ 第2正規化から「分離」した…

電子工作作業報告書管理アプリその13

画面のイメージ図を見直して使いやすいさを求めた結果 更新する事になったので更新した各画面のイメージ図を掲載する 入力画面イメージ図1入力画面イメージ図2入力画面イメージ図3詳細画面イメージ図ログイン画面や検索画面は変わってないので掲載していない

電子工作作業報告書管理アプリその12

ER図が出来たので、 ER図_ewrn論理設計である手順1のER図をRDBのテーブルに変換する。 データベースはMariaDBにし、それに沿った形に変換したテーブル定義を 作成するこれを「論理データモデル」と呼ぶテーブル定義作成するには、テーブル定義書を書くテーブ…

電子工作作業報告書管理アプリその11

データベースのテーブルのイメージ図を作るには次のような5つのポイントを抑える1.テーブル化したいデータを整理し、必要な項目を決める 2.キーを決める 3.データの種類を考える 4.データの大きさを決める 5.テーブル型を決めるまずは、テーブル化したいデー…

電子工作作業報告書管理アプリその10

取りあえずの解決方法として ルートのURLconfにpolls.urlsモジュールの記述を 反映させる事ewrn/urls.pyにdjango.urls.includeのimportを 追加して、url.patternsのリストにinclude()を挿入する ちなみにinclude()関数は、ほかのURLconfへの参照が出来る試し…

電子工作作業報告書管理アプリその9

DjangoからMariaDBに接続する為に mysqlclientをpipインストールする所からpipインストールは簡単に出来たので、 データベースを作成する所から説明する MySQLClient(MariaDB10.1)を起動します MariaDBインストール時に設定したrootユーザーのパスワードを…

電子工作作業報告書管理アプリその8

PythonからMariaDBにコネクト(接続) 画像のようにPyCharmからPythonコンソールを探す PyCharmのコンソール位置Mariaコネクト コンソール打ち以下のように打ち込む conn = mydb.connect( host='localhost', port='3307', user='root', password='xxxxxx', dat…

電子工作作業報告書管理アプリその7

HeidiSQLでセッション作成からやっていく 1、MariaDBインストール時にいっしょにインストールされたHeidiSQLを起動する 2、新規をクリックする HeidiSQLでセッション作成を実行3、画像のように設定する セッション名は、画像のセッション名の所で右クリッ…

電子工作作業報告書管理アプリその6

Djangoのチュートリアルについては https://www.icoro.com/2021052511846/3を見ながらやったモデル(models.py)を変更する。 python manage.py makemigrations でマイグレーションファイルを生成する。 python manage.py migrate でデータベースに反映する …

電子工作作業報告書管理アプリその5

MariaDBでのデータベースの作成について説明していくCREATE DATABASE 文を使う CREATE [OR REPLACE] {DATABASE | SCHEMA} [IF NOT EXISTS] db_name [create_specification] ... create_specification: [DEFAULT] CHARACTER SET [=] charset_name | [DEFAULT]…

電子工作作業報告書管理アプリその4

MariaDBのインストール MariaDBの管理に便利なツールのインストールの前に、ソフトの特徴 phpMyAdmin」はPHPで動作する、MySQL/MariaDBのデータベースを 管理するためのソフトウェアです。 ブラウザからデータベースの状態を確認したり、 各種の操作を行うこ…

電子工作作業報告書管理アプリその3

データベースをMySQLにしようと考えていたが、 アリンコス部品管理の記事でも書いた通りMySQLのデータベースの作成が 出来ない状況にあるので、別のデータベースにしようと 色々と調べてみた。3種類くらい見つかったPostgreSQL(ポスグレ):複雑なクエリや…

電子工作作業報告書管理アプリその2

電子工作作業報告書管理WEBアプリ 略してEwrnアプリ Electronic work report managementの頭文字を取って名付けたもの 各画面のイメージ図が出来たので掲載する ログイン画面イメージ入力画面イメージ入力画面2イメージ検索画面イメージ一覧表示画面イメージ…

電子工作作業報告書管理webアプリその1

電子工作作業報告書管理WEBアプリを作る これには、作業名や作業した日付 作業中に気づいた事、状況写真最大4枚か5枚、備考を 記載できるものにしたいこれまでは、Wordを使って作業報告書を管理していたが 中身を見る時に、ファイルを開いて確認して 写真を…