放假期间自己又写了几个简单的网页,但在服务器中打开时和在网站上打开时不一样,在服务器中打开的出现了错误,字体比一般的腰大好多,页面也相应地变大了,一些块即使用了浮动和clear浮动还是被遮住了,我只好按照服务器上显示的页面进行修改,这问题应该是兼容性的问题吧,但我也不怎么懂,我把html和css上传。
<!DOCTYPE html> <html> <meta name=”viewport” content=”width=device-width, initial-scale=1″ /> <head> <link rel="stylesheet" type="text/css" href="css/submit.css" /> <meta charset = "utf-8" > <title> 框架 </title> <a href = "http://cie.xtu.edu.cn/ciextu/index.php" style = " float:right;margin-right:30px"><img src = "images/logo.jpg" height = "50px" , width = "50px" /></a> <div id="ytop">xxx同学,您好!</div> <div id="yjoke1">根据科学数据显示,每周都提交作业的童鞋的颜值和智商都会变得很高哦!(一般人我可不告诉他!)哈哈哈,今天是不是感觉自己更加聪明和迷人了呢? </div> <div id="yjoke2"> 啊哈,只要选择好要提交的作业编号,将自己的作业链接粘贴到对应位置,点击“提交”,作业就轻松提交咯!注意看老师的评分和同学们的评论哦!加油,good luck! </div> </head> <div id = "lunbo"> </div> <div id = "banner"> <form action="submit.php"method="post"> <div id="ylink"> 粘贴作业链接 <input type="url"name="url"/><br> <input type="submit" value="提交"class="n"> </div> </form> <form action="submit.php"method="post"> <div id ="yselect1"> <div id="ytopform">提交作业列表</div> <select name="homeworkdate"size="5"> <option value="date1">第1周(2016-03-07) <option value="date2">第2周(2016-xx-xx) <option value="date3">第3周(2016-xx-xx) <option value="date4">第4周(2016-xx-xx) <option value="date5">第5周(2016-xx-xx) <option value="date6">第6周(2016-xx-xx) <option value="date7">第7周(2016-xx-xx) <option value="date8">第8周(2016-xx-xx) <option value="datex">第x周(2016-xx-xx) <option value="datex">第x周(2016-xx-xx) <option value="datex">第x周(2016-xx-xx) </select> </div> </form> </div> </body> <div id = "foot"> <div id = "jieshao"> <ul> <li> <a href = "#"> 联系我们 </a></li> <li> <a href = "#"> 联系我们 </a></li> </ul> </div> <p style = "color :#AAAAAA ;padding-top:60px ; margin-left:500px">designed by XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</p> </div> </html>
*{margin:0px auto;padding:0px auto;background-position:center top;background-repeat:no-repeat;font-family:'微软雅黑',Arail;list-style-type:none;font-size:14px} a{text-decoration:none;} a:hover{text-decoration:none;} #banner { margin-top:30px; background-image:url("../images/banner.jpg"); height:400px; width:100%; } #ytop{ font-size: large; font-family:"华文琥珀" ; color: green; text-align: center; } #yjoke1{ position: relative; left:20px; top:15px; font-family: "幼圆"; padding: 5px; font-size: 15px; color:darkolivegreen; } #yjoke2{ position:relative; left: 20px; top:15px; width:800px; font-size:18px; font-family:"方正舒体"; color:palevioletred; } #ylink{ position: relative; right:15%; top:200px; font-size:15px; float: right; } .n{ font-family: "幼圆"; font-size: 15px; border: 0px; background-color: goldenrod; } #yselect1{ position: relative; top:80px; left:15%; float:left; } #ytopform{ font-size: 20px; font-family: "华文琥珀"; color:green; } select { border:2px solid black; display: inline; width:400px; height:200px; font-family: "幼圆"; font-size: 18px; letter-spacing:10px; } .table-responsive{ margin-right:auto; margin-left:auto; text-align :center; } #lunbo { } #foot{ height :50px; margin-left:30px; margin-right:30px; background-color:#363636; } .table-responsive{ width:800px; } #jieshao ul li a{ float :left; margin-top:20px; margin-left:300px; color : #AAAAAA; } #jieshao ul li a:hover{ color : #8B2323; }
今天真正接触了php与数据库的连接,并我们数据库课的数据库导入到我的电脑,做了简单的根据姓名查询学生信息的界面,但还没对网页进行设计。php中连接数据库的方法有面向对象的,但我看资料时并没看到,所以写的也不是面向对象的,但以后我会深入了解这一块,因为团队项目他们写的就是面向对象的。之后还是出了很多错误,百度之后解决了,但其中有些东西还是不太明白,我会尽力学习,努力做到更好。下面上传的是php,html,和查询结果页面。
<html>
<head>
</head>
<body>
<h2>finding student</h2>
<form action="form.php"method="post">
fill student name
<input name="name"type="text"size="20"/></br>
<input name="submit"type="submit"value="find"/>
</form>
</body>
</html>
<html> <head> </head> <body> <h2>find student</h2> <?php if (isset($_POST['name'])) { $studentname=$_POST['name']; if (!$studentname) { echo "Error!"; exit; } if (!get_magic_quotes_gpc()){ $studentname=addslashes($studentname); } @$db=mysqli_connect('localhost','2014551608','18390246526','homework1'); if (mysqli_connect_errno()) { echo "Error:can not connect to mysql database"; exit; } $q="select *from student where name='".$studentname."'"; $result=mysqli_query($db,$q); $rownum=mysqli_num_rows($result); for ($i=0;$i<$rownum;$i++) { $row=mysqli_fetch_assoc($result); echo "ID:" .$row['ID']."</br>"; echo "name:" .$row['name']."</br>"; echo "dept_name:" .$row['dept_name']."</br>"; echo "tot_cred:" .$row['tot_cred']."</br>"; } $q_set = mysql_query($q) or die(mysql_error()); mysqli_free_result($result); mysqli_close($db); } ?> </body> </html>