计算机网络基础(网络安全)网络的相关概念,前端、后端的基础了解以及前端数据如何传递到后端

本文介绍了网络通信的基本概念,包括网络分类(局域网、城域网、广域网)、IP地址(IPv4、IPv6及其分类)、域名映射以及前端和后端基础知识。重点讲解了前端的HTML、CSS和JavaScript,以及后端的验证功能和前端向后端数据传递的方式(如form表单和Ajax)。
摘要由CSDN通过智能技术生成

1、网络通信

概念:两台设备之间通过网络完成传输网络通信:将数据通过网络从一台设备到另一台设备

2、网络

概念:两台或多台设备通过一定物理设备连接起来构成了网络根据网络的覆盖范围不同,对网络进行分类:一、局域网:覆盖范围最小,仅仅覆盖一个教室或一个机房

二、城域网:覆盖范围较大,可以覆盖一个城市

三、广域网、覆盖范围最大,可以覆盖全国,甚至全球,万维网是广域网的代表

3、IP地址

概念:用于唯一表示网络中的每台计算机查看IP地址:ipconfigIp地址的表达形式:点分十进制 x.x.x.x每个十进制数的范围:0~255(四个字节[32位])Ip地址的组成:网络地址 + 主机地址Ipv6的概念:ipv6是互联网工程任务组设计的用于替换ipv4的下一代IP协议,其地址数量号称可以为全世界的每一粒沙子编上一个地址。由于ipv4最大的问题在于网络地址资源有限,严重限制了互联网的应用和发展。ipv6的使用,不仅能解决网络地址资源数量的问题,而且也解决了多种设备接入互联网的阻碍。

IP地址的分类:IP地址分为五大类:A类、B类、C类、D类和E类、如下图所示:

835eeb2ec4f6451c8cb52e8f785ee833.png

 4、域名

概念:将IP地址映射成域名

81151b2b7e494105a3125a80fb231af5.png

 


二、前端基础了解

从一个网页说起,互联网产品是如何从无到有

1994年可以看作前端历史的起点,网景推出了第一版Navigator,是为了帮助科学家方便查看文档,穿越论文而创造,完全基于HTML页面,所有内容都是静态的。Javascript的出现给页面加入了动态效果,flash使页面加入了更丰富的动画、视频等,实现了页面富媒体。随着HTML5和CSS3的到来,flash使用逐渐减少,使用HTML、CSS、JS就可以创造出效果非常好的交互效果。从用户角度看,这些年网页已经从单调粗糙的静态网页变成了承载富媒体的动态网页,前端开发人员也不仅仅是切页面那么简单。一个较为直观的感受,2003年的前端页面是这样的:5d62fb9d12e644b59c4e234472c48b2f.png

 现在的页面是这样的:a35d9950d4704401930ce47077a71d3b.png

 前端基础技能:HTML、CSS、JavaScript

HTML是HyperText Mark-up Language的缩写,即超文本标签语言。通过标签实现网页元素的排列,定义网页结构构成网页的骨架。

CSS是Cascading Style Sheets,即层叠样式表,用来定义HTML元素的样式,可以改变站点中所有页面的布局和外观,是网页的皮肤。

掌握这两者就可以将设计师的设计稿转换成静态网页,CSS3中的animation等属性可以实现简单的动画。目前最新的标准是HTML5和CSS3,加入了更多有利于开发的新特性。

JavaScript是一种轻量级网页脚本语言。与Java有一些共性但完全是另外一门语言。设计初衷为了解决和网页的交互问题。可以灵活地操作HTML、CSS元素,也是连接前端和后台服务器的桥梁,是网页的动作。

掌握Javascript就可以实现网页的一些较为复杂的动画,并且懂得前后台如何借助Javascript进行交互。


三、后端基础了解

后端开发即“服务器端”开发,主要涉及软件系统“后端”的东西。比如,用于托管网站和 App 数据的服务器、放置在后端服务器与浏览器及 App 之间的中间件,它们都属于后端。

简单地说,那些你在屏幕上看不到但又被用来为前端提供支持的东西就是后端。例如登陆框:

校验账号密码是否正确

校验验证码是否正确


四、前端数据如何传递给后端

1、HTML的标签form表单提交

2、JQuery中的ajax提交

$.ajax({

  method:'GET',

  url:'s.php',//本地测试时,此处的url是相对于html文件  的路径;实际开发时,替换url为接口文档中的地址即可

  data:{

  username:'random'

  }, //发起请求时所附带的参数

  success:function(data) {

  console.log(data);

  }//请求成功后的回调函数。当data为JSON格式时,可能需要使用JSON.parse(data)进行解析

});

 


<?php    

  header("Content-type: text/html; charset=utf-8");    

  /*获取AJAX所附带的参数*/                 $username=$_GET['username'];  

   /**  

  * 对请求中所附带的参数进行相应的处理,  

  * 一般来说会依据这些参数进行相应的数据库查询    

  * 然后将数据库中查询到的数据转换成json格式传递给前端  

  * 在json数据中存在中文时,json_encode函数中的第二个参数应为JSON_UNESCAPED_UNICODE    

   */  

  echo '前端所传的参数值为:'.$username;exit();

  ?>

 

 

     (听劝有漏掉的会及时补充)

  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值