前提・実現したいこと(概要)
Bootstrapを使って、既存のphpファイルを装飾したいです。
phpで簡易のECサイトを作成したのですが、装飾部分をかっこよくしたいと思っております。
Bootstrapのexampleを流用して、装飾をしたいのですが、上手くいかず、調べても不明なため
質問させていただきたく思います。
具体的な問題点
・ログインフォームの入力チェック画面に装飾ができない。
###状況
・PHPで簡易ECサイトを構築しました。
・ただ、CSSなどで全く装飾をしていないため、Bootstrapを用いて装飾をしたい。
・login.html→login-check.php→ec_top.php という画面遷移をしています。
お聞きしたいこと
・既存のPHPファイルを装飾のため、htmlファイルに変換し、Bootstrapなどを使って装飾し、元にあったphp部分を埋め込んで「装飾された状態で既存のプログラムを実行したい。」
現状の画面です。
↓
実現したいデザインです。
https://getbootstrap.com/docs/4.1/examples/navbar-bottom/
試したこと
1.上記のファイルがphpファイルなのでhtmlファイルに変更
2.Bootstrap読み込みのため、コードを追加
3.現状のphp部分を読み込ませる。
※現状、phpファイルをhtmlファイルを変換したところでエラーが出てしまっているため、
Bootstrapでの装飾まで至っていません。
※この後、Bootstrapのエグザンプルのソースをコピペしようとしていました。
下記のサイトです。
https://getbootstrap.com/docs/4.1/examples/navbar-bottom/
ソースコード
(現状)
php
1<?php 2 3try 4{ 5 6//データベースの接続設定のため省略 7 8 9if($rec==false) 10{ 11 echo 'メールアドレスかパスワードが間違っています。<br />'; 12 echo '<a href="member_login.html"> 戻る</a>'; 13} 14else 15{ 16 session_start(); 17 $_SESSION['member_login']=1; 18 $_SESSION['member_code']=$rec['code']; 19 $_SESSION['member_name']=$rec['name']; 20 header('Location:shop_list.php'); 21 exit(); 22} 23 24} 25catch(Exception $e) 26{ 27 echo 'ただいま障害により大変ご迷惑をお掛けしております。'; 28 exit(); 29} 30 31?> 32 33
↓ ↓ ↓
(試したこと)
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <title>Bootstrap Sample</title> 8 <!-- BootstrapのCSS読み込み --> 9 <link href="css/bootstrap.min.css" rel="stylesheet"> 10 <!-- jQuery読み込み --> 11 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 12 <!-- BootstrapのJS読み込み --> 13 <script src="js/bootstrap.min.js"></script> 14 </head> 15 16 <body> 17 <?php 18 19 try 20 { 21 //データベース接続部分のため省略 22 23 if($rec==false) 24 { 25 echo '<p>メールアドレスかパスワードが間違っています。<br /></p>'; 26 echo '<p><a href="member_login.html"> 戻る</a></p>'; 27 } 28 else 29 { 30 session_start(); 31 $_SESSION['member_login']=1; 32 $_SESSION['member_code']=$rec['code']; 33 $_SESSION['member_name']=$rec['name']; 34 header('Location:shop_list.php'); 35 exit(); 36 } 37 38 } 39 catch(Exception $e) 40 { 41 echo 'ただいま障害により大変ご迷惑をお掛けしております。'; 42 exit(); 43 } 44 45 ?> 46 47 </body> 48</html> 49
お聞きしたいことのまとめ
・既存のphpファイルがまったく装飾されていないため、Bootstrapを使って装飾したい。
・ただ、phpファイルをhtmlファイルに変換し、元にあったphp部分を埋め込む方法が検討がつかない。
・上記どうすれば実現できるかアドバイスを賜りたく思います。
補足
・商品一覧画面もphpファイル(list.php)で作られているため、今回教えていただけましたら、
そこに応用したい。
回答3件
あなたの回答
tips
プレビュー