curl 访问不到html_嵌入式工程师入门前后端系列1：访问一个网页

做为嵌入式行业的从业者，最近经常听到PAAS，SAAS等和”云”相关的概念，被整的一头雾水。很多时候咱们的物联网硬件设备都会有一个云平台，用于设备管理或者UI应用展示等功能，这通常是由专门的前后端工程师配合美工一起完成。作为一个门外汉，我计划简单学一下这方面的基础知识，以后也好和别人瞎侃，免得出现插不上话的尴尬。

先简单说说什么是前端和后端，以我们每天使用的百度为例，你在浏览器输入www.baidu.com/，就显示了如下呈现在你眼前的界面，这就是前端

比如你在搜索框里输入黑洞，然后点击百度一下，真的出现了一个黑洞，

是不是很炫，这就是前端干的事。前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、图片、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

当然要实现这效果，也不是单单前端自己就完成了，背后离不开后端的支持，你百度的那一下，后端是做了很多工作的。后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多的多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

那么前端、后端一般用什么编译语言呢？

前端开发用到的语言主要是html、css、javascript，其他相关的还包括jquery、Bootstrap、ReactJs，VueJs等技术。

后端开发，用的编程语言包括java，python，go，还有c++，不同的语言都有自己的主流框架，比如java的框架有spring boot。java最多相关组件最完善，python最快最轻，go最新。大公司一般用Java。新上手可以用python快速上手，门槛最低。

刚听到上面一堆名词，我也是云里雾里，不过没关系，咱们先入门，慢慢学。

我们先实现一个简单的功能，在浏览器里输入一个地址，显示一个最简单的网页，网页里的内容是Hello World。

第一步，我们先新建一个hello.html，用Nodepad++或者Vscode里编辑

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个html例子</title>
</head>
<body>Hello World!
</body>
</html>

其中：

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

https://www.runoob.com/html/html-tutorial.html 大家可以到菜鸟教程里学习html，里面介绍的非常详细。

之后你用浏览器就可以直接打开了，HTML称为超文本标记语言，是不需要编译的，HTML 运行在浏览器上，由浏览器来解析

在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到背后的实现。

下一步我们实现通过浏览器输入本机的IP地址来访问，

先把Python装起来，https://www.python.org/downloads/release/python-2717/

输入：

python -m SimpleHTTPServer 8083

快速搭建一个http服务。这是python自带的功能。

如果提示python找不到，修改下环境变量，添加上python的安装路径即可。

然后浏览器输入IP加端口即可访问，

把hello.html改为index.html，就可以直接显示出来了，

如果你有阿里云服务器，同样的做法，就可以远程访问部署在阿里云上的网页。这样在任何一台可以上网的电脑上都可以远程访问该页面。

刚开始我的阿里云一直访问不上，后来找到原因是安全规则设置的问题，登录阿里云配置一下，就可以了。

curl 访问不到html_嵌入式工程师入门前后端系列1：访问一个网页相关推荐

写给刚入门的前端工程师的前后端交互指南
转自原文写给刚入门的前端工程师的前后端交互指南作为刚接触前端的不久的童鞋,大家都会兴奋于CSS和JS所带来漂亮界面,然而,前端工程师除了UI重构外,还有非常重要的职责在正确的区域渲染出服务端的数据 ...
python爬虫如何从一个页面进入另一个页面-爬虫入门（一）——如何打开一个网页...
做了一段时间自然语言处理的项目,体会到了爬虫的乐趣,甚至一度产生了学好爬虫真的可以为所欲为的美妙错觉.因此决定开个坑,记录自己的爬虫学习过程,也督促自己学习更高深的爬虫姿势.目前我只用到了最基础的爬虫 ...
嵌入式工程师跨界学习前后端系列3：web.py模板
https://www.jianshu.com/p/7817641efe8d 参考这个已经实现了模板,具体有什么用处还不清楚嗯. 参考: https://github.com/webpy/webpy- ...
NHibernate从入门到精通系列(3)——第一个NHibernate应用程序
内容摘要准备工作开发流程程序开发一.准备工作 1.1开发环境开发工具:VS2008以上,我使用的是VS2010 数据库:任意关系型数据库,我使用的是SQL Server 2005 Expre ...
spring boot + vue + element-ui全栈开发入门——前后端整合开发
一.配置思路是通过node的跨域配置来调用spring boot的rest api. 修改config\index.js文件,设置跨域配置proxyTable: proxyTable: {'/api ...
嵌入式 Linux 入门环境篇（二、安装虚拟机 — 体验 Ubuntu 22.04）
嵌入式 Linux入门环境篇第二课,正好换了新电脑,更新 Ubuntu 虚拟机的安装, 体验一下 Ubuntu 22.04 ...... by 矜辰所致前言因为以前的电脑虚拟机环境我都配置好了, ...
嵌入式 Linux 入门环境篇（三、开发板和 PC 的网络互通）
嵌入式 Linux入门环境篇第三课,开发板与PC的网络配置, 我们要实现 windows.ubuntu 和开发板三者的互通. ...... by 矜辰所致前言在环境篇前面的文章我们通过终端工具使 ...
跟涛哥一起学嵌入式 20：后ARM时代，嵌入式工程师的自我修养
1 嵌入式学习的一些概念理解误区很多嵌入式初学者认为,学嵌入式,就是学习ARM,就是学习开发板.买一块开发板,然后在上面"移植"u-boot.Linux内核,再使用busybox ...
跟涛哥一起学嵌入式第06集：后ARM时代，嵌入式工程师的自我修养
大家好,我是涛哥,今天我们继续聊一聊嵌入式的学习,由于最近比较忙,就把以前写的一篇文章重新发给大家,里面谈到的一些学习方法和学习经验,还是很值得参考一下的. 嵌入式学习的一些概念理解误区很多嵌入式初 ...

curl 访问不到html_嵌入式工程师入门前后端系列1：访问一个网页

curl 访问不到html_嵌入式工程师入门前后端系列1：访问一个网页相关推荐

最新文章

热门文章