架空のECサイトを作るに当たっての検索機能実装について

Question

現在、webデザインのポートフォリオに載せる作品で、架空のECサイトのトップページを
作成しようと考えています。そこで参考になるようなサイトを見てみたのですが、

ほとんどのサイトが商品検索機能がトップの一番上に実装されています。
現状、自分のスキルがhtml、css、JavaScript、phpは勉強中。と
なっているのですが、見た目だけでも作るためにお問い合わせフォームの
入力欄<form>、<input>での代用を考えています。

商品を検索する機能を実装するのは、また別の環境構築が必要になってくるのでしょうか。
また、googlemapのようにタグを埋め込むだけで実装できる。という都合のいい
物はあるのでしょうか。

技術的な相談でなく恐縮ですが,教えていただけると幸いです。
よろしくお願い致します。

Comments

[m.ts10806]

各タグは本件とどのように関係するのでしょう。本文読む限りは関係無さそうなタグが幾つか見受けられますが

Answer 1

タグを埋め込むだけで実装できる。という都合のいい物は無いでしょうね。何を検索し何を表示させるのかがみな違いますから。
検索と言っても画面上は form　と input だけです。
サーバー側にDBとのやり取りを仕組む必要があります。
mysqlとかのdatabaseを入れる
素のphpではつらいので、Webシステム用のパッケージを入れる
ということが必要でしょう。

Comments

[tooju]

詳細な情報、感謝いたします！

Answer 2

あくまでデザインのポートフォリオと言うことであれば、
単なるformとinputを設置して、
formのaction先を検索結果をイメージしたHTMLにすれば良いんじゃないでしょうか。

その場合は当然、どんな検索ワードを入れても検索結果は同じになりますが、デザインのポートフォリオであれば問題ないでしょう。

Comments

[tooju]

ありがとうございます！
それもやってみようと思います！！