Apache
-
因为端口号80已经被占用（上次实验设置的），所以先修改/etc/apache2/ports.conf里的端口为5232后重新开启
-
可以在浏览器中输入localhost：5208来检查是否正常开启，这里可以看到打开了上次实验的网页，开启正常
前端编程
-
在浏览器中打开localhost:5232/5232.html
-
点击submit会把表单提交到指定页面，因为还没有编写php文件，所以提交后找不到页面
后端编程 PHP
javascript
javascript一般可以写在html中<head>部分，响应用户的各种操作，和java比较类似，只是所有的变量声明都是用var来进行
<script>
function nameText(){
var name= document.getElementByIdx_x ("username");
var divID= document.getElementByIdx_x ("divName");
divID.innerHTML="";
if(name.value==""){
divID.innerHTML="用户名不能为空";
return false;
}
}
function passText(){
var pass= document.getElementByIdx_x ("password");
var divIP= document.getElementByIdx_x ("divPass");
divIP.innerHTML="";
if(pass.value==""){
divIP.innerHTML="密码不能为空";
return false;
}
}
</script>
功能是验证用户名和密码，且用户名和密码不能为空
PHP
一个简单的php测试代码:
?php
echo ($_GET["A"]);
include($_GET["A"]);
echo "this is my first php page!<br>";
?>
20145232
效果如图
MYSQL&后端
MYSQL
-
安装：apt-get install mysql-server mysql-client mysql-workbench
-
启动：/etc/init.d/mysql start
-
登录mysql，并输入密码：p@ssw0rd
-
搭建数据库
-
向表中添加内容：
-
现在再查看信息就可以看到新建表：
php+mysql编写网页
网页的登陆页面
<html lang="en">
<head>
<meta charset="UTF-8">
<title>login</title>
<script type="text/javascript">
$("#login-button").click(function(event){
event.preventDefault();
$('form').fadeOut(500);
$('.wrapper').addClass('form-success');
});
function check(){
{
if(form.username.value == "")//如果用户名为空
{
alert("您还没有填写用户名！");
form.username.focus();
return false;
}
if(form.pass.value == "")//如果密码为空
{
alert("您还没有填写密码！");
myform.pass.focus();
return false;
}
}
</script>
</head>
<body>
<div class="wrapper">
<div class="container">
<h1>Welcome</h1>
<form name='form' class="form" method='get' action='login.php' onSubmit="return check()">
<input type="text" placeholder="Username" name='username'>
<input type="password" placeholder="Password" name='password'>
<button type="submit" id="login-button" name='submit' value='submit'>Login</button>
<button type="submit" id="register-button"><a href="register.html" class="cc">register</a></button>
</form>
</div>
</div>
</body>
</html>
实现与数据库链接的php页面：
<?php
$uname=($_GET["username"]);
$pwd=($_GET["password"]);
echo $uname;
$query_str="SELECT * FROM users where username='{$uname}' and password=password('{$pwd}');";
echo "<br> {$query_str} <br>";
$mysqli = new mysqli("127.0.0.1", "root", "5232", "cy_5232");
/* check connection */
if ($mysqli->connect_errno) {
printf("Connect failed: %s
", $mysqli->connect_error);
}
else echo "lalalademaxiya.<br>";
if ($result1= $mysqli->multi_query($query_str))
echo "lalalajiecaobujianle <br> ";
$mysqli->close();
$mysqli = new mysqli("127.0.0.1", "root", "20145232", "hwh_5232");
/* 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_str)) {
if ($result->num_rows > 0 ){
echo "<br> Wellcome login Mr/Mrs:{$uname} <br> ";
} else {
echo "<br> login failed!!!! <br> " ;
}
/* free result set */
$result->close();
}
$mysqli->close();
?>
输入登录信息，登录成功：
SQL注入
使用上课讲到的例子--永真式来注入:' or 1=1#
这时候的合成后的SQL查询语句为select * from info where usrname='' or 1=1#' and password='' and type=''，#相当于注释符，会把后面的内容都注释掉，而1=1是永真式，所以这个条件肯定恒成立，所以能够成功登陆：
同样，也可以通过sql注入保存用户名密码到数据库：
';insert into users(userid,username,password,enabled) values(5232,'hanwenhao',password("20145232"),"TRUE");#
注入成功
XSS攻击
用户名输入：
20145232
会话管理
在浏览器中输入http://127.0.0.1:80/logIn.php，进行登录：
登录成功后：
点击start a new post，可以开始发帖
提交内容后，会进入test.php页面，再次点击CHECK可以查看会话记录：
问题回答
（1）什么是表单
在网页设计中，html里的一个包含表单元素的区域，允许用户在表单中输入内容并可搜集不同类型的用户输入，通过submit可将数据传送到后台进行处理
（2）浏览器可以解析运行什么语言。
任何的脚本语言，例如php、python、JSP，javascipt。设计网页使用的HTML，css
（3）WebServer支持哪些动态语言
比较常用的有PHP语言和JSP语言。