1.实践内容
(1).Web前端HTML
能正常安装、启停Apache。理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML。
使用service apache2 start启动apache服务。
表单:即把前端数据传送到后台的东西。
get:输入参数会显示在浏览器网址那一栏。
post:输入参数不会显示在浏览器网址上。
登陆界面代码如下,用的是上学期学习web编程时写的代码,同时用了一些网上下载的css使页面背景多了一些效果(css和图片下面代码未给出)。
<html> <head> <style> @import url("css/style.css"); @import url("css/ss.css"); </style> <title>login</title> </head> <body> <div class="sky"> <div class="clouds_one"></div> <div class="clouds_two"></div> <div class="clouds_three"></div> <img class="pic1" src="img/5.jpg" /> <img class="pic2" src="img/6.jpg" /> <img class="pic3" src="img/7.jpg" /> <img class="pic4" src="img/8.jpg" /></div> <div style="position:absolute;top:600px;left:350px"> <center> <font size=5 color=00F000></font></center> <br> <form action="login.php" method="post"> username<input type="text" name = "username" /> <br><br> password<input type="password" name = "password"> <br> <input type = "submit" value = "login"> </form> </div> </body> </html>
同时,图中127.0.0.1可以看出apache服务正常。
(2).Web前端javascipt
理解JavaScript的基本功能,理解DOM。编写JavaScript验证用户名、密码的规则。
DOM:文档对象模型。而Javascipt可以通过这东西“连接”到html内的几乎所有标签内容,并进行操作。
如下javascipt,参考自W3school,我对其进行了一定程度的修改,使其符合我的html文件,该javascipt可对密码框是否为空进行验证。当未输入密码时,会弹出警告框。
将其加入代码,效果如下:
(3).Web后端:MySQL基础:正常安装、启动MySQL,建库、创建用户、修改密码、建表
启动MySQL:进入mysql目录下mysql start。
mysql -u root -p选择root登陆,默认密码为password。
update user set password=PASSWORD("密码") where user='root';修改root密码,新密码效果如下:
create database 数据库名称;建立数据库。
show databases;查看数据库,如下图:可看到刚才新建的user数据库。
然后use user数据库;使用create table 表名 (字段1,字段2,.......);在数据库内建表;如下建立了login表有username和password两个字段。
show tables;可查看表。同时下图可见表暂时为空。
insert into 表名 values('字段1','字段2','字段3'...);插入数据。如下:
grant select,insert,update,delete on 数据库.* to 用户名@登录主机 identified by "密码";
将该数据库查,增,更,删四种权限赋予一个新建的用户,实现对该数据库的管理。该用户是用来登陆该数据库的,而不是接下来根据表里面的账号密码与后台进行交互的。
接下来可以使用刚才新建的用户登陆数据库。
(4).Web后端:编写PHP网页,连接数据库,进行用户认证。
代码如下:参考自老师的代码,并且加入了自己的注释。
<?php $uname=$_POST["username"]; $pwd=$_POST["password"]; echo $uname; $query_str="SELECT * FROM login where username='$uname' and password='$pwd';";/*数据库查询语句,即在login表里查账号密码,下面有函数对查找结果进行验证*/ $mysqli = new mysqli("127.0.0.1", "lixu", "123", "user");/*数据库连接语句*/ $query_str1="use user;";/*选择lixu用户下的数据库user*/ /* check connection */ if ($mysqli->connect_errno) { printf("Connect failed: %s ", $mysqli->connect_error); exit(); } echo "connection ok!"; /* Select queries return a resultset */ if ($result = $mysqli->query($query_str1)) echo"<br>Success into database!"; echo$uname; if ($result = $mysqli->query($query_str)) { if ($result->num_rows > 0 ){ echo "<br> {$uname}:Welcome!!! <br> "; } else { echo "<br> login failed!!!! <br> " ; } /* free result set */ $result->close(); } $mysqli->close(); ?>
输入正确账号密码,登陆成功界面
失败界面
(5).最简单的SQL注入,XSS攻击测试
sql注入' or +永真式+#后面的内容注释掉,即可成功。
xss测试。
2.1.基础问题回答
(1)什么是表单
表单就是把前端数据发给后台的一个东西。
(2)浏览器可以解析运行什么语言。
html/css/javascript/xml/asp等
(3)WebServer支持哪些动态语言
PHP/JSP/.NET等脚本语言。
2.2.实践总结与体会
因为有一定的基础,实验过程算是比较简单。对于最后两个简单的攻击测试,我认为可以用javascript正则表达式去掉一些特殊字符就可以解决,等空闲下来可以测试一下。