【前端后端的概念】

什么是前端？
　　前端就是用户和应用打交道的界面
　　比如电脑界面，手机界面，浏览器页面 ..

什么是后端
　　后端就是不直接与用户打交道，而是用于执行真正的代码逻辑的代码
　　比如C语言，Java代码，Python代码

前端三剑客
	HTML		网页的骨架
	CSS			 网页的样式（比如网页页面里面的文字颜色大小的样式）
	JavaScript		网页的动态(动态的代码逻辑！！！网页里面的一些动态效果，比如轮播图)

【学习前端的思路】

【前端前戏】

 1 1.编写服务端,只有，有了服务端，才能让客户端去请求，然后才能得到一些数据，
 2 这些数据可以变成网页，这样就不再是干巴巴的数据了。
 3 
 4 ---------------------
 5 
 6 2.浏览器充当客户端访问服务端（浏览器就是一个天然的客户端）
 7 ---------------------
 8 
 9 3.浏览器无法正常展示服务端内容(因为服务端的数据没有遵循标准)
10 ---------------------
11 
12 4.HTTP协议>>>:最主要的内容就是规定了浏览器与服务端之间数据交互的格式！！！
13 ---------------------
14 
15 协议规定了，你想要写一个网站，你想要这个网站能够被浏览器访问并展示出来，
16 你就必须要遵循一些公共的标准，只有遵循了公共的标准，浏览器才会把你的页面显示出来！！！
17 否则浏览器就显示不出来，因为浏览器采用的是固定的处理方式，
18 如果你不按照规定，浏览器对你的数据的处理就会产生错乱，就没有办法正常显示出你的页面的样子！！！！
19 ---------------------------------------------------
20 
21 编写号服务端代码，并将服务端运行起来后，等着客户端来连，那么客户端怎么能够找到服务端了？
22 我们在浏览器里面通过输入 ip：端口号  就可以去访问网络上一台计算机上的某一个应用程序了
23 所以在浏览器里通过输入服务端的 ip：端口号 就可以找到服务端！！！
24 ---------------------------------------------------

【HTTP协议】

 1 HTTP协议四大特性：
 2     1.基于请求响应
 3     2.基于TCP/IP作用于应用层之上的协议
 4     3.无状态：不保存用户的信息，只有初状态（后续的cookie、session、token用来记录用户状态的）
 5     4.无/短链接：请求一次响应一次，之后就没有任何链接和关系了
 6         长链接：双方建立链接以后默认不断开，websocket（针对无链接的处理方式）
 7 
 8 HTTP协议的两种数据格式：
 9     请求数据格式：
10         请求首行：标识HTTP协议版本，当前请求方式
11         请求头：一大堆K,V键值对
12         \r\n（转行符一定也要有）
13         请求体：并不是所有的请求方式都有get没有post有，存放的是post请求提交的敏感数据
14 
15     请求方式：
16         1.get请求，朝服务端要数据，输入网址获取对应的内容
17         2.post请求，朝服务端提交数据，提交数据到服务端，服务端处理数据，返回响应
18 
19     响应数据格式：
20         响应首行：标识HTTP协议版本，响应状态码（用一串简单的数字来表示一些复杂的状态或者描述性信息）
21         响应头：一大堆K,V键值对
22         \r\n
23         响应体：返回给浏览器展示给用户看的数据
24 
25 响应状态码：（用一串简单的数字来表示一些复杂的状态或者描述性信息）  404：请求资源不存在
26 响应状态码分类：
27     1XX:信息类，表示服务端成功收到你的数据，正在处理，可以继续提交额外的数据
28     2XX:成功类，服务端成功响应了你想要的数据(200 OK请求成功)
29     3XX:重定向类，表示需要客户端需要采取进一步的动作，（当访问一个需要登录之后才能看到的页面，但是它会自动跳转到登录页面）
30     4XX:客户端错误类，表示客户端提交的请求有错误（404：请求资源不存在，403：当前请求不合法或者不符合访问资源的条件）
31     5XX:服务端错误类，表示服务器在处理请求的过程中有错误或者异常（500）
32 
33 
34 URL：统一资源定位符(网址)
35     http://www.baidu.com:80/s?wd=python

（HTTP协议的特点）

　　无状态
　　　　服务端不保存客户端状态(纵使见她千百遍我都当她如初见)
　　　　所谓的无状态是指http协议默认情况下，服务端不识别客户端的。
　　　　在客户端多次发起请求到同一个服务器，服务端接收到客户端的请求在处理完成以后就会主动断开。
　　　　所以对于客户端的每一次请求，对于服务端来说，都是一次新的客户端请求。
　　　　也就是说，服务端无法区分多次请求的客户端是否同一个客户端。

。

【HTML前戏】

（服务端案例）

 1 HTML书写标准：
 2     快捷键：ctrl+/或是ctrl+?
 3     <!__单行注释__>
 4 
 5     <!--
 6     多行注释1
 7     多行注释2
 8     -->
 9     由于HTML代码非常的杂乱无章且很多，所以我们习惯星的用注释来划定区域，方便以后的查找
10     <!--    导航条开始-->
11         导航条所有的html代码
12     <!--    导航条结束-->
13 
14 ============================================
15 
16 HTML文档结构
17 <html>
18     <head></head>：head内的标签不是给用户看的，而是定义一些配置主要给浏览器看的
19     <body></body>:body内的标签是给用户看的,写什么浏览器就渲染什么
20 </html>
21 
22 打开HTML文件的方式：
23     1.找到文件所在的位置右键选择浏览器打开
24     2.在pycharm内部，集成了自动调用浏览器的功能，直接点击即可

posted on 2024-01-30 14:41 认真的六六阅读(5) 评论(0) 编辑收藏举报

刷新页面返回顶部