@y6661818

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

商品の詳細画面はなにをすればいい

商品詳細画面を作りたい

初心者ものです。今、商品などをクリックするとその詳細画面を作っているのですが、なにをすればいいのか全く分からないです。

遷移先のコントローラとそのhtmlで何を書くのか、本当に1から分からないです

解決方法を教えて下さい。

0 likes

5Answer

PHPやRailsなどのサーバーサイドの言語を用いることで、詳細ページを自動で作成することができます。「Controller」ということは、Railsでしょうが、「手打ちで全ページを作る」場合の方法を紹介します。

以下のどちらかをお試し下さい。

① フォルダを作る(最も主流な方法)
このように「products」というフォルダを作ってaタグで遷移する

- index.html
- style.css
- script.js
- products - 1 - index.html
      - 2 - index.html

例えば、一番上の「index.html」で

index.html
<a href= ″/products/1″>商品1の詳細</a>

このように書けば商品1のページへ飛ぶことができます(HTMLのファイル名が「index.html」であれば、HTMLのファイル名を省略できます)。

② JavaScriptでページ遷移(ほとんど使われない方法)
フォルダを作らなくても、一番上の「index.html」のみでページ遷移ができます

2Like

例えば、アマゾンなどを見て、商品の詳細ページがどうなっているかを参考にしてみてはいかがでしょうか。

2Like

なにをすればいいのか全く分からないです。

指示を出した人に「なにをすればいいのか全く分からない」ことを伝えて、何を学べばよいのかを確認しましょう。

商品の詳細画面を表示させるには様々な方法があります。
ここで質問した僅かな情報をもとにした回答に従っても、指示者の意図とぜんぜん違う方向に進んでしまう可能性が高いです。

1Like

なにをすればいいのか全く分からないです。

web アプリの勉強から始めましょう。

そういわれても何だか分からないということでしたら、「Webアプリとは何ですか?」などをキーワードにググってヒットする記事を 2, 3 読むところから始めることをお勧めします。

0Like

初心者ものです。今、商品などをクリックするとその詳細画面を作っているのですが、なにをすればいいのか全く分からないです。

先ずはWordPressでサイトを開いてはどうでしょう。プラグインを組み合わせるだけで目的のものが作成できるかもしれません。

0Like

Your answer might help someone💌