20145330 《网络对抗》 Web基础

最新推荐文章于 2024-11-14 23:00:37 发布

angfoyi4419

最新推荐文章于 2024-11-14 23:00:37 发布

阅读量309

点赞数

文章标签： php javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/20145330swx/p/6809444.html

版权

20145330 《网络对抗》 Web基础

1、实践内容

（1）Web前端HTML

（2）Web前端javascipt

（3）Web后端：MySQL基础：正常安装、启动MySQL，建库、创建用户、修改密码、建表

（4）Web后端：编写PHP网页，连接数据库，进行用户认证

（5）最简单的SQL注入，XSS攻击测试

2、实践后问题回答：

（1）什么是表单：

表单在网页中主要负责数据采集功能。
一个表单有三个基本组成部分：
- 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。
- 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
- 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

2.浏览器可以解析运行什么语言：

超文本标记语言：HTML
可扩展标记语言：XML
脚本语言：ASP、PHP、Script、JavaScript

（3）WebServer支持哪些动态语言：

ASP语言，PHP语言和JSP语言

3、实验总结与体会

这次的实验又让我学到很多编写网站的知识，实验内容很丰富让我整体理解了web知识，很感谢罗天晨同学的博客，很详实很好理解，真的是在做中学在学中做，很有收获~

4、实验内容

（一）环境配置

1.通过apachectl start开启Apach,使用netstat -aptn查看端口占用：（我占用的是80端口）

2.测试apache是否正常工作，打开浏览器输入localhost:80，（打开就是上个实验的伪装网页），测试apache2正常工作。

（二）简单的网页编写

1、在 /var/www/html，新建一个5330.html文件

2、编写一个含有表单的html：

3、打开浏览器访问：localhost:80/5330.html，出现刚编好的简单网页：

4、点击提交会把表单提交到指定页面，因为还没有编写php文件，所以提交后找不到页面：

（三）javascript相关

1、JavaScript是什么：Javascript是比较流行的一种制作网页物资的脚本语言,它由客户端浏览器解释执行,可以应用在PHP,ASP,JSP和ASP.net等从网站建设语言中

2、Javascript主要应用于以下几个方面:

1.在网页中加入Javascript脚本代码,可以使网页具有动态交互的功能,便于网站的与用户间的沟通;及时响应用户的操作,对提交的表彰做即时检查,如验证表单元素是否为空,验证表单元素是否是数值型,检测表单元素是否输入错误等.
2.应用Javascript脚本制作网页特效,如动态的菜单,浮动的广告等,为页面增添的绚丽的动态效果,使网页内容更加丰富,活泼.
3.应用Javascript脚本,建立复杂的网页内容,如打开新窗口载入网页.
4.应用Javascript脚本可以对用户的不同事件产生不同的响应.

3、DOM：文档对象模型，是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。

4、编写验证用户名和密码的规则：


    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测试

1、新建一个PHP测试文件vim /var/www/html/5330.php：

2、用浏览器打开localhost:80/5330.php，可以看见如下界面，测试成功:

（五）MySQL基础

1.开启sql服务

2.输入mysql -u root -p，默认密码为p@ssw0rd，进入MySQL：

3.输入show databases;，可以查看基本信息:（命令不能漏掉分号）

4.这个密码很麻烦，使用命令修改密码：

5.重新输入mysql -u root -p，检测新密码能否成功使用。

6.在Mysql中建库建表：


    CREATE SCHEMA `库表的名称`;
    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 '');