PHP实例练习--投票和租房子

一,调查问卷

　　效果图:

　　 PHP实例练习--投票和租房子

　　整体的思路:

　　　　建立相应数据库->以复选框的形式显示列表->提交并处理数据(以主键的形式提交)->处理数据页面(修改数据的number值)->显示进度条(取数据库的number值)

　　代码:(自己写的还有好多细节没有实现到位)

　　投票页面:　

　　　　这两个页面都引用了封装类(DBDA.php);　　

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>投票</title>
 6 <style>
 7     .xx{
 8         display:inline-block;
 9         width:90px;    
10     }
11     .dis{
12         display:none;
13     }
14     .jdt{
15         display:inline-block;
16         width:200px;
17         border:1px #333 solid;
18         height: 10px;
19     }
20     .jdtn{
21         display:inline-block;
22         height: 10px;
23         width:0;
24         background:#090;
25     }
26 </style>
27 </head>
28 <body>
29 <div class="main">
30     <?php
31         //引入数据库类
32         include("DBDA.php");
33         //实例化数据库对象
34         $db=new DBDA();
35         
36         //查询题目数据库
37         $sql_tm="select * from dytm";
38         $result_tm=$db->Query($sql_tm,1,"exam");//题目数据库数组
39         
40         //查询选项数据库
41         $sql_xx="select * from dyxx where timudaihao='{$result_tm[0][0]}'";
42         $result_xx=$db->Query($sql_xx,1,"exam");//选项数据库数组
43         echo "{$result_tm[0][1]}<br/>";//输出题目
44     ?>
45     <!--建立表单-->
46     <form action="voteTest.php" method="post">
47     <?php    
48             //以复选框的形式输出选项数据库
49             for($i=0;$i<count($result_xx);$i++){
50                 //计算已经选择的人数
51                 $number=$result_xx[$i][2]*2;
52                 
53             echo "<span class='xx'>{$result_xx[$i][1]}</span>
54                   <input type='checkbox' name='xx[]' value='{$result_xx[$i][1]}'/>
55                   <div class='dis'><div class='jdt'><div class='jdtn' style='width:{$number}%'></div></div>
56                   <span>{$result_xx[$i][2]}({$number}%)</span></div>
57                   <br/>";
58             }
59     ?>
60         
61         <input type="submit" value="提交"/>
62         <input type="button" value="查看结果" onclick="dis()"/>
63     </form>
64     <!--表单结束-->
65 </div>
66 </body>
67 </html>
68 <script>
69     function dis(){
70         var f=document.getElementsByClassName('dis');
71         for(var i=0;i<f.length;i++){
72             f[i].style.display="inline";
73         }
74         
75     }
76 </script>

View Code