これはおそらく単純なことだと思いますが、PHPとMySQLの開発は初めてなので、助けていただければ幸いです。Stackで理解できる既存の例が見つからなかったので、ガイダンスを期待して投稿します。
アドレス情報を含むデータベーステーブルがあります。住所をhouse_numberとstreet_nameの2つのフィールドに分割しました。必要なのは、通りの名前でグループ化され、家の番号で並べ替えられた情報を表示することです。
ページをどのように表示する必要があるかの例をモックアップしました。最初の列に偶数アドレス、2番目の列に奇数アドレスがあります。書式設定にTwitterBootstrapを使用しています。
$address = mysql_query("SELECT id, house_number, street_name, full_address FROM resident WHERE neighborhood_id = $neighborhood_id order by street_name, house_number;");
それがどのように見えるべきか
以下のHTMLコード:
<!--STREET GROUPING -->
<div class="row-fluid">
<div class="span12">
<h3>ASHTON PARK WAY</h3>
</div>
</div >
<div class="row-fluid">
<div class="span6"><!-- EVEN ADDRESSES -->
<a href="#" class="btn btn-large btn-white btn-block">18102 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18104 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18106 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18108 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18110 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18112 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18114 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18116 Ashton Park Way</a>
</div><!-- END EVEN ADDRESSES -->
<div class="span6"><!-- ODD ADDRESSES -->
<a href="#" class="btn btn-large btn-white btn-block">18101 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18103 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18105 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18107 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18109 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18111 Ashton Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18113 Ashton Park Way</a>
</div><!-- END ODD ADDRESSES -->
</div>
<!-- END STREET GROUPING -->
<hr>
<!--STREET GROUPING -->
<div class="row-fluid">
<div class="span12">
<h3>HAMDEN PARK WAY</h3>
</div>
</div >
<div class="row-fluid">
<!-- EVEN ADDRESSES -->
<div class="span6">
<a href="#" class="btn btn-large btn-white btn-block">18102 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18104 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18106 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18108 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18110 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18112 Hamden Park Way</a>
</div>
<!-- END EVEN ADDRESSES -->
<!-- ODD ADDRESSES -->
<div class="span6">
<a href="#" class="btn btn-large btn-white btn-block">18101 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18103 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18105 Hamden Park Way</a>
<a href="#" class="btn btn-large btn-white btn-block">18107 Hamden Park Way</a>
</div>
<!-- END ODD ADDRESSES -->
</div>
<!-- END STREET GROUPING -->