Takunojiのプログラミング・プレイグラウンド(遊び場)

「プログラミングのススメ」と学習した結果身につくもの、アイディアを実現するために何をしたら良いか?の答えが出せるようになります。

PHP PDO 〜Ajax + PHPでDBに入力したデータを登録する〜

ブラウザアプリを作る

今回はGoogle Mapで指定したポジションにマーカーを追加するブラウザアプリを作成しています。

<大雑把な仕様>

  • マップで表示しているところをタップするとピン(Overlay)が降ってくる
  • 登録していない「選択」した状態は下のようなイメージ
    f:id:Takunoji:20190711225427p:plain
  • <データ入力>ボタンを押下すると入力フォームが開く
  • <データ送信>ボタンを押すとAjaxでサーバー側のPHPにアクセスしてDBへ入力データを登録する

作成したものは以下にあります。

Simple Map

f:id:Takunoji:20190711230525p:plain              f:id:Takunoji:20190711230528p:plain

とりあえずはこんな感じで作成中です。

色々とつまづきながらやってます。

でわでわ。。。

 

関連ページ

 

  1. JS GoogleMaps API 〜オリジナル・データマップを作ろう〜
  2. Github page Github pageでリポジトリの情報を公開しよう〜
  3. 夢を形にする① 目標ブレーク〜じゃんけんゲームの場合〜
  4. プログラム 習得 順序概要
  5. PHP PDO 〜MySQLにアクセスする〜
  6. エラー:invalid data source name
  7. Github page Github pageでリポジトリの情報を公開しよう〜
  8. Github 使い方〜リポジトリにライセンスを設定する〜
  9. Github 使い方〜Issueでやることを整理〜