※XAMPP(ザンプ)でApacheApache、MariaDB(MySQL)、PHP等の必要なものまとめてインストール ※phpファイルを開くためにはhttp://localhost/○○.phpでサーバを経由!開く前にApacheとMySQLも起動しておく((br)) ※コマンドプロンプトでちまちまコマンド打たなくてもphpMyAdminで見やすい、管理しやすい((br)) ※データベース名:php_tools テーブル名:memo データ構造:以下の画像((br)) (colorはカレンダーに表示する色を選ぶのに使いたいが複数保存されている日の表示とかの問題があるので実際使うかは不明、一応新規・詳細ページでチェックボタン(複数選択じゃないからラジオボタンにしなきゃ)付けたけど、機能的なものは未実装)((br)) <<{構造.png} !!進捗 :new_memo.php *ブラウザからデータベース内のテーブルにアクセスしてレコードを追加できる *最初はタグはまとめて指定文字数内ならいくつでも入れられるようにしていたが上限3つで1つずつ分割 *手元にあった中間発表時のトップページの新規作成ボタンからサブウィンドウの立ち上がり画面に指定 *サンプルコード見つけてからは楽だった *(スクショの新規メモ作成誤字ってますね) <<{3新規フォーム.png}((br)) <<{4メモ入力.png}((br)) <<{6追加されたよ.png}((br)) :memo_contents.php *保存されているテーブルの中身を表示、ボタンから編集内容の更新と削除が可能 *サンプルコードだとメモ作成と同じ画面内に表示されていたので分裂させて画面遷移するようにしたけどめちゃくちゃ時間かかった((br)) <<{中身.png}((br)) :memotable.php(table.css読み込み) *テーブルを一覧表示、必要な要素だけをタイトルバーとして見える形に *タイトル部分をリンク化して詳細表示に飛びたかったがやり方がわからないし渡さなきゃいけないもの多いので詳細ボタン付けた→リンク化は無かったことにして確実に動作する詳細ボタンだけにした *とりあえず検索フォームくっつけた(中間トップページにも入れてみたけど位置調整できてない) *全然違うサイト二つのサンプルコードを参考になんか上手いことそれっぽいものできたがなんかcssの反映が遅い *詳細ボタンからサブウィンドウが起動するようにした(トップページから新規作成画面立ち上げに使ってる関数を使用するつもりが、同じような書き方をするとデータの送信ができなかったしボタンがフォーム状になったりしたので直接別の書き方で立ち上げている) *詳細ボタンがある検索結果表示の方も同じ形に書き換えた(両方書き換えるならここも関数化した方が楽なのでは?) <<{詳細ボタン.png}((br)) <<{詳細画面サブウィンドウ.png}((br)) <<{検索フォーム入力.png}((br)) :result.php(table.css読み込み) *検索フォームで入力した文字列を結果ページに送信して検索結果表示 *あいまい検索可能、日付検索は年、月、日のうち1つなら普通に数字入力でいいけど複数のときは-入れなきゃいけないの面倒かな *絞り込みとかつけたいけど普通に検索できるようにするだけでも大変だったので気力が沸き次第 <<{検索結果.png}((br)) !!今後 *新規作成と詳細表示をcssで整えたい(今は文字数に応じて適当なサイズの入力フォームが勝手にできてる)→おとはにやってもらう *データベース読み込みとか被ってるので分けたいけどいろんなサンプルコード参考にしてたら微妙に書き方違ったりしてるので全部で辻褄合わせるの面倒かも... *カレンダーとの連動(○月○日の予定 一覧) *削除ボタン押したらサブウィンドウ消えてほしいしついでに一覧表示(検索結果)の画面が更新されてほしい *デザインに拘るなら詳細ボタンをできればアイコンにしたいけど詳細のアイコンとは?編集要素で鉛筆マークとか? !!妥協 *新規作成・編集画面/詳細表示 の予定だったけど呼び出しとかの関係上 新規作成/編集・詳細で許して *タイトルのリンク化はよくわからんので詳細ボタンで中身呼び出し >>{20::gr10}{班トップ}