2020 ソフトウェア設計及び演習用の班Wiki

20::gr10::MySQL

archive mode

※XAMPP(ザンプ)でApache、MariaDB(MySQL)、PHP等の必要なものまとめてインストール((br))
※phpファイルを開くためにはhttp://localhost/○○.phpでサーバを経由！開く前にApacheとMySQLも起動しておく((br))
※コマンドプロンプトでちまちまコマンド打たなくてもphpMyAdminで見やすい、管理しやすい((br))
※某先生によればソケット通信使うと良いとのことだったが結局使ってない((br))
※データベース名：php_tools　テーブル名：memo　データ構造:下の画像((br))
<<{構造.png}
!!進捗
:new_memo.php
*ブラウザからデータベース内のテーブルにアクセスしてレコードを追加できる
*最初はタグはまとめて指定文字数内ならいくつでも入れられるようにしていたが上限3つで1つずつ分割
*手元にあった中間発表時のトップページの新規作成ボタンからサブウィンドウの立ち上がり画面に指定
*サンプルコード見つけてからは楽だった
*（スクショの新規メモ作成誤字ってますね）
<<{3新規フォーム.png}((br))
<<{4メモ入力.png}((br))
<<{6追加されたよ.png}((br))

:memo_contents.php
*保存されているテーブルの中身を表示、ボタンから編集内容の更新と削除が可能
*サンプルコードだとメモ作成と同じ画面内に表示されていたので分裂させて画面遷移するようにしたけどめちゃくちゃ時間かかった((br))
*色選択がチェックボックスだったのをラジオボタンに修正、保存される要素にcolorを追加(new_memo.phpも)、これを文字列としてカレンダーで読み込めれば色変わるんじゃないだろうか
<<{中身.png}((br))
<<{色選択.png}((br))
<<{色保存.png}((br))

:memotable.php（table.css読み込み）
*テーブルを一覧表示、必要な要素だけをタイトルバーとして見える形に
*タイトル部分をリンク化して詳細表示に飛びたかったがやり方がわからないし渡さなきゃいけないもの多いので詳細ボタン付けた→リンク化は無かったことにして確実に動作する詳細ボタンだけにした
*とりあえず検索フォームくっつけた（中間トップページにも入れてみたけど位置調整できてない）
*全然違うサイト二つのサンプルコードを参考になんか上手いことそれっぽいものできたがなんかcssの反映が遅い
*詳細ボタンからサブウィンドウが起動するようにした（トップページから新規作成画面立ち上げに使ってる関数を使用するつもりが、同じような書き方をするとデータの送信ができなかったしボタンがフォーム状になったりしたので直接別の書き方で立ち上げている）
*詳細ボタンがある検索結果表示の方も同じ形に書き換えた（両方書き換えるならここも関数化した方が楽なのでは？→試したけどできなかった）
*詳細ボタンをフリーのアイコン画像に置き換え(result.phpも)、ついでにthead部分の色とかちょっといじったけどよしのに任せてる範囲なのであんま関係ないな
*カレンダーに渡す用のカラーコードを使って見た目上のフラグ的な図形を用意。Cervesとか試したけどjs部分が動かなかったので色々試したらcss+1行のhtmlでできちゃって格闘した時間はなんだったのか。((br))
<<{詳細ボタン.png}((br))
<<{詳細画面サブウィンドウ.png}((br))
<<{アイコン化.png}((br))
<<{フラグ図形.png}((br))　↑色要素反映のやつ、統合後にちょっと前段階のプログラムでスクショしたのでデザインの時系列に歪みが。

:result.php（table.css読み込み）
*検索フォームで入力した文字列を結果ページに送信して検索結果表示
*あいまい検索可能、日付検索は年、月、日のうち1つなら普通に数字入力でいいけど複数のときは-入れなきゃいけないの面倒かな
*絞り込みとかつけたいけど普通に検索できるようにするだけでも大変だったので気力が沸き次第
*テーブルにないワードで検索するとエラーメッセージが表示されてしまう状態だったのでエラーが出てた配列の空判定を入れてメッセージ表示されるように修正。
<<{検索フォーム入力.png}((br))
<<{検索結果.png}((br))

:today_memo.php
*トップページに置くようのメモテーブル。本当はカレンダーから日付受け取ってその日のメモ出るようにしたかったけど画面遷移なしで表示できるものを用意しないといけないっぽいので作った。
*date("Y-m-d")使って色々格闘したのに機能自体はnow()でよかった。なんだよ。あと日本時間取得する必要があった。((br))
<<{today.png}((br))これも統合後のデザイン混ざってる

!!今後
*新規作成と詳細表示をcssで整えたい（今は文字数に応じて適当なサイズの入力フォームが勝手にできてる）→おとはにやってもらう
**完了
*データベース読み込みとか被ってるので分けたいけどいろんなサンプルコード参考にしてたら微妙に書き方違ったりしてるので全部で辻褄合わせるの面倒かも
**なんかできなかったからやめよう
*カレンダーとの連動（○月○日の予定　一覧）
*削除ボタン押したらサブウィンドウ消えてほしいしついでに一覧表示(検索結果)の画面が更新されてほしい
**意外と難しい
*デザインに拘るなら詳細ボタンをできればアイコンにしたい
**完了
*今日のメモの位置をカレンダーから日付受け取ったら画面遷移でその日のメモテーブルのページに遷移したい。見た目上はトップページだけど画面遷移すれば検索の方式で動かせるんじゃないのか。（カレンダーから受け取れ次第）

!!妥協
*新規作成・編集画面/詳細表示　の予定だったけど呼び出しとかの関係上　新規作成/編集・詳細　で分ける。
*タイトルのリンク化はよくわからんので詳細ボタンで中身呼び出し

>>{20::gr10}{班トップ}

Tag:

Attachment

New: append-tag

(download: 33703 bytes, at 2020/07/24 04:12:23 )
(download: 26087 bytes, at 2020/07/24 04:12:36 )
(download: 84354 bytes, at 2020/07/24 04:12:52 )
(download: 12307 bytes, at 2020/08/03 01:20:02 )
(download: 847 bytes, at 2020/07/23 19:40:30 <frozen> )
(download: 2688 bytes, at 2020/07/24 04:43:43 <frozen> )
(download: 2751 bytes, at 2020/07/24 05:10:19 <frozen> )
(download: 3019 bytes, at 2020/07/24 05:17:53 <frozen> )
(download: 3045 bytes, at 2020/07/24 20:40:15 <frozen> )
(download: 4120 bytes, at 2020/07/24 22:35:43 <frozen> )
(download: 4549 bytes, at 2020/07/24 22:56:10 <frozen> )
(download: 4607 bytes, at 2020/07/25 01:15:51 <frozen> )
(download: 4717 bytes, at 2020/07/26 13:36:52 <frozen> )
(download: 4723 bytes, at 2020/07/26 13:37:06 <frozen> )
(download: 4717 bytes, at 2020/07/26 13:37:39 <frozen> )
(download: 5224 bytes, at 2020/07/26 18:12:16 <frozen> )
(download: 5446 bytes, at 2020/07/27 03:20:33 <frozen> )
(download: 5724 bytes, at 2020/07/31 15:56:39 <frozen> )
(download: 6877 bytes, at 2020/07/31 16:07:34 <frozen> )
(download: 6984 bytes, at 2020/07/31 16:42:57 <frozen> )
(download: 7489 bytes, at 2020/08/06 15:31:00 <frozen> )
(download: 7489 bytes, at 2020/08/06 15:53:47 <frozen> )
(download: 6999 bytes, at 2020/08/15 00:03:46 <frozen> )
(download: 40790 bytes, at 2020/07/26 17:58:31 )
(download: 10835 bytes, at 2020/08/03 01:20:21 )
(download: 24560 bytes, at 2020/07/24 04:13:12 )
(download: 50180 bytes, at 2020/07/24 04:16:53 )
(download: 43887 bytes, at 2020/07/24 04:17:03 )
(download: 100140 bytes, at 2020/07/24 22:28:01 )
(download: 98960 bytes, at 2020/07/26 17:59:34 )
(download: 33557 bytes, at 2020/07/26 17:58:45 )
(download: 48756 bytes, at 2020/07/24 04:13:54 )
(download: 40895 bytes, at 2020/07/24 22:16:00 )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit