20155210 Exp8 WEB基础实践
Exp8 WEB基础实践
Apache环境配置
apache是kali下的web服务器，通过访问ip地址+端口号+文件名称可以打开对应的网页。
输入命令
vi /etc/apache2/ports.conf更改apache2的监听端口号（为我的学号5210），利用systemctl start apache2打开apache2。（EXP7已经进行过此操作）并使用
netstat -aptn查看端口号，确认apache正确开启。
如图：
- 然后利用kali自带的浏览器访问
192.168.241.141:5210（本机地址+你设置的监听的端口），可验证apache已经开启
如图：
- Apache的工作目录是
/var/www/html，可以测试apache是否可读取工作目录下的文件vi /var/www/html/20155210.txt，然后随意输入一串字符，浏览器打开192.168.241.141:5210/20155210.txt，可看到20155210.txt的内容。
如图：
前端编程
- 我们在/var/www/html目录下编写20155210.html代码
<html>
<head>
<title>login</title>
</head>
<body>
<form name=“form” action="20155210.php" method="post">
Username:<input type="text" name="user"><p>
Password:<input type="password" name="pw"><p>
<input type="submit" value="submit">
</form>
</body>
</html>
- 在浏览器中打开，如图：
- 此时输入username，password，则会跳转到404 not found，所以接下来我们编写一个php
PHP测试
- 新建一个PHP测试文件
vi /var/www/html/20155210.php输入如下
<?php
$user=($_POST["user"]);
$psw=($_POST["pw"]);
echo "welcome ";
echo $user;
?>
- 然后，我们进入20155210.html，进行登录，就会跳转到20155210.php
如图：
web前端javascript
- JavaScript是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。
- 文档对象模型(Document Object Model，简称DOM，是W3C组织推荐的处理可扩展标志语言的标准编程接口。
- 编写验证用户名和密码的规则：用户名密码不能为空，密码长度在6-16之间
<script language="javascript">
function check(form){
var Username =form.user.value;
var pwd =form.pw.value;
if((Username == "")||(pwd == ""))//如果用户名为空
{
alert("用户名或密码不能为空");
return false;
}
if (pwd.length > 16 || pwd.length < 6)
{
alert("密码长度应该在 6 - 16 位");
return false;
}
form.submit();
}
</script>
- 同时我们对前端也进行修改，改写为如下代码
<html>
<head>
<title>login</title>
<meta charset="utf-8"/>
<script language="javascript">
function check(form){
var Username =form.user.value;
var pwd =form.pw.value;
if((Username == "")||(pwd == ""))//如果用户名为空
{
alert("用户名或密码不能为空");
return false;
}
if (pwd.length > 16 || pwd.length < 6)
{
alert("密码长度应该在 6 - 16 位");
return false;
}
form.submit();
}
</script>
</head>
<body>
<form name="form" method="post" action="20155210.php">
Username:<input type="text" name="user"><p>
Password:<input type="password" name="pw"><p>
<input type="button" value="submit" onclick="check(form)">
</form>
</body>
</html>
- 测试结果如下：
Web后端，MySQL基础
安装：
apt-get install mysql（kali自带，不用安装）启动mysql：
/etc/init.d/mysql start
如图：
输入
mysql -u root -p，并根据提示输入密码，默认密码为p@ssw0rd进入MySQL
如图：
查看基本信息：
show databases
如图：
然后，我们创建一个数据库TestLogin：
CREATE SCHEMA TestLogin;输入
use TestLogin选择所创建的数据库接下来创建一个数据库表
create table `users`(
`userid` int not null comment '',
`username` varchar(45) null comment '',
`password` varchar(256) null comment '',
`enabled` varchar(5) null comment '',
primary key (`userid`) comment '');
如图：
输入
insert into users(userid,username,password,enabled) values( 1,'20155210',password("20155210"),"TRUE");，添加信息输入
select * from users进行查询
如图：
接下来，我们对20155210.php进行改编，连接数据库
php如何链接数据库：
第一步：创建链接，并选择需要的数据库
$a = mysql_connect("localhost","root","","db");
括号里面参数的意思：
1.localhost——IP地址，localhost是本机的意思，如果需要连接别的服务器，那么就需要输入要连接的服务器的IP地址
2.root——用户名，要连接到的服务器的用户名，创建服务器时保存的用户名是什么就写什么
3.""——服务器密码，要连接到的服务器的密码，没有密码的话就在双引号内什么都不写，但是不能省略双引号
4."db"——数据库名字，所要链接的数据库是什么就写什么
5.$a——如果连接成功，那么会返回一个MySQL连接标识或者连接失败的时候返回一个FALSE，既然有返回值，我们就需要创建一个变量去接收它
- 第二步：写sql语句
$q = "select * from users";——查询users表中的所有数据
- 第三步：执行sql语句
$w=mysql_query($q);
调用mysql_query()这个方法来执行这条SQL语句，当它执行完后会返回一个结果集，我们需要再创建一个变量去接收它
$q——代表SQL语句的变量
$w——接受结果集的变量
- 第四步：从结果集中读取数据
if($username = mysql_fetch_row($w))
{echo "welcome ";echo $username;}
- 改编代码：
<?php
$user=($_POST["user"]);
$psw=($_POST["pw"]);
if($user==""||$psw=="")
{
echo"<script>alert('Please enter your name and password!');history.go(-1);</script>"
}
else
{
$link=mysqli_connect(“192.168.241.142:5210”,“root”,“p@ssw0rd”,“TestLogin”);
mysqli_select_db($link,"TestLogin");
mysqli_query($link,'setname utf8');
$sql="select username,password from users where username='$_POST[user]' and password=password('$psw') ";
$result=mysqli_query($link,$sql);
$row=mysqli_fetch_array($result);
if($num=mysqli_num_rows($result))
{
echo "welcome ";
echo $user;
}
else
{
echo"<script>alert('Wrong username or password!');history.go(-1);</script>";
}
}
?>
- 输入数据库中每有的数据，则会出现
如图：
简单SQL注入
- sql查询语句为：
select 列 from 表 where username= ' '，那么当在SQL语句后加上'or 1=1#，则会变成 ：select 列 from 表 where username=' 'or 1=1#'，或许能成功 - 所以我们的后台语句：
SELECT username,password FROM users WHERE username='' and password=（''）要被变为select username,password from users where username=' 'or 1=1#' and password=('')，在用户名框中输入 'or 1=1#，密码随便，可以看到登陆成功
如图：
- 或者在用户名框中输入
';insert into users(userid,username,password,enabled) values(2,'1552',password("1552"),"TRUE");#，就可以直接在数据库中添加用户信息（由于我编辑的php，用的是$result=mysqli_query($link,$sql);，只能执行一条sql查询，不能成功。所以应改用$result = $mysqli->multi_query($query_str);，即可成功）
如图：
XSS攻击
XSS：XSS表示Cross Site Scripting(跨站脚本攻击)，通过插入恶意脚本，实现对用户游览器的控制。具体来说假如用户提交的数据含有js代码，不做任何处理就保存到了数据库，读出来的时候这段js代码就变成了可执行的代码。一般用户提交的数据永远被认为是不安全的，在保存之前要做对应的处理。
xss攻击可以分成两种类型：非持久型攻击、持久型攻击
非持久型xss攻击：顾名思义，非持久型xss攻击是一次性的，仅对当次的页面访问产生影响。非持久型xss攻击要求用户访问一个被攻击者篡改后的链接，用户访问该链接时，被植入的攻击脚本被用户游览器执行，从而达到攻击目的。
持久型xss攻击：持久型xss，会把攻击者的数据存储在服务器端，攻击行为将伴随着攻击数据一直存在。
我们来进行简单的xss攻击，如：在用户名输入框中输入
读取图片，图片和网页代码在同一文件夹下，即可成功。
如图：
基础问题回答
（1）什么是表单
- 表单是一个包含表单元素的区域。
- 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
- 表单使用表单标签（
）定义。
（2）浏览器可以解析运行什么语言。
- 超文本标记语言：HTML
- 可扩展标记语言：XML
- 脚本语言：ASP、PHP、Script、JavaScript、VBScript、Perl、Python、ColdFusion、Java、JSP等
（3）WebServer支持哪些动态语言
- ASP，JSP，PHP
实验感想
网页编程上学期就有接触过，但只是懂得一些表单的使用，就是一些简单的HTML语言，javascript语言，sql语言。但是，我们上学期也没有接触过php，数据库也没有详细学习应用，并不理解脚本在网页编程中的作用与危害。
20155210 Exp8 WEB基础实践的更多相关文章
- 20155206 Exp8 WEB基础实践
20155206 Exp8 WEB基础实践 基础问题回答 (1)什么是表单 表单在网页中主要负责数据采集功能. 一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以 ...
- 20155326《网路对抗》Exp8 WEB基础实践
20155326<网路对抗>Exp8 WEB基础实践 实践内容 (1).Web前端HTML(0.5分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POST方法,编写 ...
- 20145236《网络对抗》Exp8 WEB基础实践
20145236<网路对抗>Exp8 WEB基础实践 一.基础问题回答 什么是表单 表单在网页中主要负责数据采集功能 一个表单有三个基本组成部分: 表单标签 表单域:包含了文本框.密码框. ...
- 20155216 Exp8 WEB基础实践
Exp8 WEB基础实践 实践内容 Apache环境配置 apache是kali下的web服务器,通过访问 ip地址+端口号+文件名称 打开对应的网页. 输入命令 vi /etc/apache2/po ...
- 20155223 Exp8 WEB基础实践
20155223 Exp8 WEB基础实践 基础问题回答 什么是表单? 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等)输入信息的元素. 表单使 ...
- 20155331《网路对抗》Exp8 WEB基础实践
20155331<网路对抗>Exp8 WEB基础实践 基础问题回答 什么是表单 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签,这里面包含了处理表单数据所用CGI ...
- 《网路对抗》Exp8 WEB基础实践
20155336<网路对抗>Exp8 WEB基础实践 一.基础问题回答 1.什么是表单 表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域.下拉列表.单选框.复选框等等 ...
- 20145226夏艺华 网络对抗技术EXP8 WEB基础实践
20145226夏艺华 网络对抗技术EXP8 WEB基础实践 实验问题回答 1.什么是表单? 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CG ...
- 2017-2018-2 20155309南皓芯 Exp8 WEB基础实践
基础问题回答 (1)什么是表单 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域:包含了文本 ...
随机推荐
- MySql 正则表达式简介及使用
MySql正则表达式简介及使用 by:授客 QQ:1033553122 简介 正则表达式描述了一组字符串,该字符放置于REGEXP工具后面.作用是将一个正则表达式与一个文本串进行比较. 最简单的正则表 ...
- flutter row 文字显示不全
解决:在row层中的text层加一个expend flutter Row里面元素居中显示 new Expanded( flex: , child: new Row( children: <Wid ...
- Android studio button 按钮 四种绑定事件的方法
package com.geli_2.sujie.sujiegeili2testbutton; import android.os.Bundle; import android.support.v7. ...
- java持有对象【2】ArrayList容器续解
此为JDK API1.6.0对ArrayList的解释. ArrayList 使用java泛型创建类很复杂,但是应用预定义的泛型很简单.例如,要想定义用来保存Apple对象的ArrayList,可以声 ...
- localStorage/cookie 用法分析与简单封装
本地存储是HTML5中提出来的概念,分localStorage和sessionStorage.通过本地存储,web应用程序能够在用户浏览器中对数据进行本地的存储.与 cookie 不同,存储限制要大得 ...
- 快速了解Vuex
提要:提起react就会想起其应用最广泛的redux状态管理工具,vue中的官方推荐的状态管理工具就是Vuex. 看到同事在鼓捣Vuex的东西,前面项目完成后也没有好好总结一下Vuex的知识,所有就再 ...
- Python中的分组函数（groupby、itertools）
from operator import itemgetter #itemgetter用来去dict中的key,省去了使用lambda函数 from itertools import groupby ...
- Shell 脚本合集
0. 说明 Shell 脚本合集 1. xcall.sh xcall.sh 编写为了为了同时对多台服务器进行操作,编写完成之后,将其发送到 /usr/local/bin 下 #!/bin/bash ...
- maven 错误列表
1.编译错误 qcadoo-maven-plugin>mvn clean install No compiler is provided in this environment. Perhaps ...
- Spring Boot 集成 thymeleaf 模版引擎
Spring Boot 建议使用 HTML 来完成动态页面.Spring Boot 提供了大量的模版引擎,包括 Thymeleaf.FreeMarker.Velocity等. Spring Boot ...