码迷,mamicode.com
首页 > Web开发 > 详细

Web基础

时间:2018-05-14 22:59:29      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:目录   用户   amp   选择   后端   常用   mariadb   解决   key   

Web基础

未完成

(1).Web前端HTML(0.5分)

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

Apache

  • Apache就是一个Web服务器,通过该软件可以通过本机IP和预设的端口来访问该服务器上的网页

    启动与配置

  • step one:检查端口是否被占用。netstat -aptn | grep 80
    技术分享图片
  • kill +pid杀死进程
  • step two:使用apachectl start开启服务。端口默认是80
    技术分享图片
  • step three输入cd /var/www/html进入Apache的工作目录下,建一个5329test.txt文件测试apache是否可用。

技术分享图片

getpost 方法

- Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据;
- Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL;
- Get是不安全的,因为在传输过程,数据被放在请求的URL中,而如今现有的很多服务器、代理服务器或者用户代理都会将请求URL记录到日志文件中,然后放在某个地方,这样就可能会有一些隐私的信息被第三方看到。另外,用户也可以在浏览器上直接看到提交的数据,一些系统内部消息将会一同显示在用户面前,而Post的所有操作对用户来说都是不可见的;
- Get传输的数据量小,这主要是因为受URL长度限制,而Post可以传输大量的数据,所以在上传文件只能使用Post;
- 使用Post传输的数据,可以通过设置编码的方式正确转化中文;而Get传输的数据却没有变化。
  • 综上所述,选择post方法在安全性上能有一定的保障。

编写一个有表单的html

技术分享图片

(2).Web前端javascipt(0.5分)

  • (1) 理解JavaScript的基本功能,理解DOM。

    • JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果,通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
    • DOM是文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,换句话说,这是表示和处理一个HTML或XML文档的常用方法。举个例子,要改变页面的某个东西,JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过DOM来获得的。
  • (2) 编写JavaScript验证用户名、密码的规则。login_tset_5329.html

```

function check() {
var user_name=form1.user.value;//获取表单form1的用户名的值
var user_pwd=form1.pwd.value;//获取表单form1密码值
if((user_name=="")||(user_name==null)){//判断用户名是否为空,为空就弹出提示框"请输入用户名",否则正常执行下面的代码。
alert("请输入用户名!");
form1.user.focus();//获取焦点,即:鼠标自动定位到用户名输入框,等待用户输入用户名。
return;
}
else if((user_pwd=="")||(user_pwd==null)){//判断密码是否为空,为空就弹出提示框"请输入密码",否则正常执行下面的代码。
alert("请输入密码!");
form1.pwd.focus();//获取焦点。
return;}
else {//如果用户名、密码都正常输入,则提交表单,浏览器经打开新的(主页)窗口。
form1.submit();
// window.location.href="http://baidu.com/";
window.open("https://edu.cnblogs.com/campus/besti/NetSec/homework/1888");
}
}

```
技术分享图片

参考博客

(3).Web后端:MySQL基础

正常安装、启动MySQL,建库、创建用户、修改密码、建表(0.5分)

  • 在web开发中我们要用到后台数据库,而MySQL就是一个数据库管理系统,类似的还有SqlServer、oracle等等,由于MySQL是开放的,不收费,所以一般中小型网站的开发都选择MySQL作为网站数据库。
  1. 先输入/etc/init.d/mysql start指令开启mysql服务,输入mysql -u root -p,并根据提示输入密码,默认密码为p@ssw0rd,进入MySQL,注意:在MySQL中输入命令后面都要带一个分号作为命令结束符:
    技术分享图片

技术分享图片

  1. 先将之前编的登录网页的login_test_5329.html代码中form的action属性由#改成login.php,即登录后跳转到login.php,再在火狐浏览器中输入localhost:80/login.html访问自己的登录页面:
    技术分享图片
  • 出错了,发现自己的数据库并不是mysql 而是MariaDB 这是kali默认的。
  • 修改代码后
    技术分享图片
  • 从PHP引擎返回的错误就知道mysqli没有被正确的加载,绝大多数的问题都发生在php.ini文件的配置中
  • /etc/php/7.0/apache2找到了该配置文件。按照网上的解决办法:“extension=php_mysqli.dll”这个配置项前面默认的分号去掉。 无效。。再修改回来。
  • ,PHP引擎是被Apache加载的,Apache可不知道这个相对关系。还是extension_dir = "ext"改成了绝对路径 失败。 啊啊啊啊 玩不下去。
  1. 在登录页面中输入数据库中存有的用户名和密码并点击登录进行用户认证,如果登录成功,显示如下所示画面:

(4).Web后端:编写PHP网页,连接数据库,进行用户认证(1分)

(5).最简单的SQL注入,XSS攻击测试(1分)

Web基础

标签:目录   用户   amp   选择   后端   常用   mariadb   解决   key   

原文地址:https://www.cnblogs.com/hpl20155329/p/9038432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!