web安全学习笔记（5）

记一下第九节课的内容。

准备工作

先创建好站点：

通过ip访问网站，成功访问：

找到网页根目录，并复制：

在vscode中，在左侧工作区，右键→将文件夹添加到工作区→粘贴刚才复制的路径即可，这样我们就可以在vscode中进行开发了。我们先删除文件夹下的index.html和404.html

一.PHP语法

1.php代码的声明

<?php
// 在这内部的是php代码，在外面则不是
?>

2.echo和hello world

echo是一个语言结构而不是一个函数，echo的功能是用来输出字符串，是使用率非常高的一个语言结构，如下代码：

<?php
    echo "Hello World!";
?>

保存文件，刷新网页，就会发现网页内容更新：

知识点：

1.PHP代码是从上到下，从左到右开始解析代码内容。

2.在这两个方括号里面的会被认为是PHP代码块，而在外面的则不会。

3.目录的层级

我们在网站根目录下新建一个目录名为template，在template目录下新建一个网页login.html

那么我们怎么去访问login.html呢？其实很简单，我们直接访问192.168.1.3/template/login.html即可：

4.搭建一个输入框（HTML语言）

<input>标签规定了用户可以在其中输入数据的输入字段：

name属性用于对提交到服务器后的表单数据进行标识，value表示框内的初始值，而关于type，引用一篇文章的讲解：input标签的type属性汇总_input type-CSDN博客

<input name="username" value="admin"/>
<input type="password" name="password" value="123456"/>
<input type="submit" name="submit" value="登录"/>

但是随即我们发现一个问题：为什么按钮上出现了火星文而不是中文？这是编码造成的原因。

我们在html文件中添加这样一行代码，它的作用是使用utf-8编码：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

保存文件，刷新网页，就发现正常显示了：

5.form元素

 HTML中用于创建表单的标签是<form>,表单以<from>开头，以</from>结尾，我们通过这种方式，实现前后端的交互。

<from>元素通常是用来采集用户输入信息的表单控件，也可以包含其他元素，如段落、标题等。但是，不能包含另一个<from>元素，即<from>元素不能嵌套。

以上内容引用于HTML里的form表单元素总结_html form-CSDN博客

我们将代码改成这样：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<form action="http://192.168.1.3/index.php">
    <input name="username" value="admin" />
    <input type="password" name="password" value="123456" />
    <input type="submit" name="submit" value="登录" />
</form>

在点击登录之后，就会跳转到index.php

知识点：

前端传递数据到后端都有哪些传出方法？

①GET----通过URL地址栏访问URL的方法我们称之为GET方法（如上面操作）

                注意：上图中划红线的地址在php后面的?的后面，表示传输的参数。username和                          password是参数名，admin和123456是值

②POST

③COOKIE

④冷门：PUT、HEAD、DELETE等等

接下来，我们修改index.php文件如下：

<?php
    echo $_GET['username'];
?>

或者先声明变量username再访问，也一样（$符号表示变量的声明）：

<?php
    $username = $_GET['username'];
    echo $username;
?>

再进行访问，就会发现我们输入的用户名被在页面上输出了：