2019-2020 网络对抗技术 20175207 Exp8 Web基础

2022-10-18 20:15:41

实验过程

Web前端HTML

能正常安装、启停Apache。理解HTML，理解表单，理解GET与POST方法,编写一个含有表单的HTML。

开启Apache服务：service apache2 start
停用Apache服务：service apache2 stop
在浏览器中访问127.0.0.1或对应IP地址，查看服务是否成功开启：

查看端口占用情况：netstat -aptn

编写网页：index.html
注意：此文件要放在/var/www/html/文件夹下

Web前端javascipt

效果如下：

GET和POST的区别：
- GET把参数包含在URL中，POST通过request body传递参数
- GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留
- GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息
- GET在浏览器回退时是无害的，而POST会再次提交请求
  ……

理解JavaScript的基本功能，理解DOM。编写JavaScript验证用户名、密码的规则。

DOM是文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构，换句话说，这是表示和处理一个HTML或XML文档的常用方法。举个例子，要改变页面的某个东西，JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML元素进行添加、移动、改变或移除的方法和属性，都是通过DOM来获得的。
编写JavaScript验证用户名、密码的规则：使用正则表达式
注：具体代码见文章末尾
①验证用户名

//用户名正则，4到16位（字母，数字，下划线，减号）
var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;
//输出 true
console.log(uPattern.test("lengnan"));

②验证密码

//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符
var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
//输出 true
console.log("=="+pPattern.test("Lengnan5207#"));

Web后端-MySQL

MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表

启动：service mysql start或/etc/init.d/mysql start
进入：mysql 或mysql -u [用户名] -p
创建数据库：create database [数据库名]
创建表：create table [表名]([字段名] [数据类型]);
查看现有的数据库/表：show databases/tables
插入数据：insert into [表名]([字段1]，[字段2]……) values(‘[表值1]‘,‘[值2]‘……);
创建用户：①使用mysql数据库；②插入用户名、密码等数据到user表
授权：grant select(insert,update,delete) on 数据库.* to ‘用户名‘@‘登录主机‘ identified by "密码";
修改密码：①update user set password=PASSWORD("[新密码]") where user=‘[用户名]‘；②flush privileges;（更新权限）
退出：quit

以下为实验中的具体操作：

service mysql start
mysql
create database exp8
create table logins(name varchar(64),password varchar(64));
quit
mysql
use mysql
INSERT INTO user(user, password) VALUES (‘20175207‘, ‘2000618‘);
quit
mysql
grant select(insert,update,delete) on exp8.* to ‘20175207‘@‘localhost‘ identified by "20175207";
flush privileges;
quit