2.1以上+圖示變更 2.1以上+圖示變更

 

HTML原始檔 HTML原始檔

 <html>

<head><title>電通四A 胡曾俊傑 10079533</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile.min.css">
<script src="jquery-1.6.4.min.js"></script>
<script src="jquery.mobile.min.js"></script>
</head>
<body>

<div data-role="page" id="home">
<div data-role="header">
<h1><font size="7" color="ffff00">3C產品分類</font></h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="false" data-theme="e" >

<?
$link = mysqli_connect("localhost","10079533",
"10079533","10079533");

$sql = "SELECT * FROM jqm_products where category=1";
echo "<li data-role=\"list-divider\">第一類</li>";
if ( $result = mysqli_query($link, $sql) )
{
while( $row = mysqli_fetch_assoc($result) )
{
echo "<li>". "<img src=".$row["id"].".png height=80 width=80>".$row["name"]."<span class=\"ui-li-aside\">"."NT$".$row["price"]."</span></li>";
}
}

$sql = "SELECT * FROM jqm_products where category=2";
echo "<li data-role=\"list-divider\">第二類</li>";
if ( $result = mysqli_query($link, $sql) )
{
while( $row = mysqli_fetch_assoc($result) )
{
echo "<li>". "<img src=".$row["id"].".png height=80 width=80>".$row["name"]."<span class=\"ui-li-aside\">"."NT$".$row["price"]."</span></li>";
}
}

$sql = "SELECT * FROM jqm_products where category=3";
echo "<li data-role=\"list-divider\">第三類</li>";
if ( $result = mysqli_query($link, $sql) )
{
while( $row = mysqli_fetch_assoc($result) )
{
echo "<li>". "<img src=".$row["id"].".png height=80 width=80>".$row["name"]."<span class=\"ui-li-aside\">"."NT$".$row["price"]."</span></li>";
}
}
mysqli_free_result($result);
mysqli_close($link);
?>

</ul>
</div>
</div>
</body>
</html>

Eclipse原始碼和虛擬機顯示結果 Eclipse原始碼和虛擬機顯示結果

 

產生QR CODE過程 產生QR CODE過程

 

手機安裝apk執行結果 手機安裝apk執行結果