Web

devtools/2024/9/19 11:58:25/ 标签: 前端

关于Web

  • Web是基于HTTP协议进行交互的应用网络
  • Web就是通过使用浏览器/APP访问的各种资源
  • 一个请求对应一个响应
    在这里插入图片描述
  • eg. 淘宝网
    输入一个url,就会返回一个页面
    在这里插入图片描述

简单的网站开发

在这里插入图片描述

简单代码

package mainimport ("fmt""net/http"
)/*http.ResponseWriter:表示响应,传递到前端的,包含浏览器要返回的内容*http.Request:表示请求,从前端传递过来的
*/
func sayHello(w http.ResponseWriter, r *http.Request) {_, _ = fmt.Fprintln(w, "Hello Golang!")
}func main() {http.HandleFunc("/hello", sayHello)err := http.ListenAndServe(":9090", nil)if err != nil {fmt.Println("http server failed, err:%v \n", err)return}
}
  • Terminal 输入 go run main.go

在这里插入图片描述

  • 在浏览器访问 http://localhost:9090/hello

在这里插入图片描述

给文字添加样式

func sayHello(w http.ResponseWriter, r *http.Request) {_, _ = fmt.Fprintln(w, "<h1 style='color:blue'>Hello Golang!<h1>")
}
重新编译执行:

在这里插入图片描述

把样式代码写到单独的文件 hello.txt

在这里插入图片描述

func sayHello(w http.ResponseWriter, r *http.Request) {b, _ := ioutil.ReadFile("./hello.txt")_, _ = fmt.Fprintln(w, string(b))
}
重新编译执行:

在这里插入图片描述

Web开发的本质

Web开发的本质在于创建和维护网站和网络应用程序

它涉及前端(用户界面的展示和交互)和后端(数据处理和服务器端逻辑)两部分的技术:

  • 前端主要使用HTML、CSS和JavaScript来构建用户界面
  • 后端使用各种编程语言和框架来处理数据、进行业务逻辑并与数据库进行交互

http://www.ppmy.cn/devtools/109006.html

相关文章

linux 链接库时 -I(大写i)、-L、-l(小写l) 选项的含义

-I(大写i) 选项 -I 选项用于指定编译器在搜索头文件时应该包括的额外目录。当编译器在编译过程中遇到#include指令时&#xff0c;它会在标准路径&#xff08;如/usr/include&#xff09;和通过-I指定的路径中查找指定的头文件。 # 在这个例子中&#xff0c;编译器会在/usr/loc…

【内网】ICMP出网ew+pingtunnel组合建立socks5隧道

❤️博客主页&#xff1a; iknow181 &#x1f525;系列专栏&#xff1a; 网络安全、 Python、JavaSE、JavaWeb、CCNP &#x1f389;欢迎大家点赞&#x1f44d;收藏⭐评论✍ 通过环境搭建&#xff0c;满足以下条件&#xff1a; 攻击机模拟公网vps地址&#xff0c;WEB边界服务器(…

Web服务器配置管理

目录 一、设计内容&#xff1a; 二、摘 要 三、课题描述 四、需求分析 五、概要设计 六、详细设计 七、结果分析 八、总结 一、设计内容 Web服务器的安装与配置管理。 1.任务说明 C/S 模式的网络环境&#xff0c;包括一台Windows工作站和一台Windows Server 服务器。 2.要求 ①…

redis之缓存淘汰策略

1.查看redis的最大占用内存 使用redis-cli命令连接redis服务端&#xff0c;输入命令&#xff1a;config get maxmemory 输出的值为0&#xff0c;0代表redis的最大占用内存等同于服务器的最大内存。 2.设置redis的最大占用内存 编辑redis的配置文件&#xff0c;并重启redis服务…

python测试开发基础---线程和进程的概念

多线程和多进程 多线程和多进程是实现并发的两种主要方法&#xff0c;它们各有特点和适用场景。下面详细讲解它们的区别&#xff1a; 1. 基本定义 多线程&#xff08;Multithreading&#xff09;&#xff1a; 在一个单一进程内创建多个线程&#xff0c;每个线程都可以独立执行…

二、Maven工程的创建--JavaSEJavaEE

1、idea创建Maven JavaSE工程&#xff1a; 2、idea创建Maven JavaEE工程&#xff1a; &#xff08;1&#xff09;手动创建 &#xff08;2&#xff09;插件方式创建 在idea里安装插件JBLJavaToWeb&#xff1b; 选择需要生成的项目文件后&#xff0c;右击&#xff1a; 项目…

spring boot 项目 跟 JavaScript 简单 websocket 使用

文章目录 websocket 简绍WebSocket 的优势包括&#xff1a;JavaScript 设置处理事件 Java 服务端设置导jar包创建WebSocket端点EnableWebSocketregisterWebSocketHandlers 实现WebSocket处理器afterConnectionEstablishedafterConnectionClosedhandleTextMessage 注销WebSocket…

FPGA开发:Verilog基础语法

逻辑值 逻辑0&#xff1a;逻辑低电平&#xff0c;条件为假&#xff1b;逻辑1&#xff1a;逻辑高电平&#xff0c;条件为真&#xff1b;逻辑 X&#xff1a;未知逻辑电平&#xff0c;可能是高电平&#xff0c;也可能是低电平&#xff1b;逻辑 Z&#xff1a;表示高阻态&#xff0c…

uniapp个人健康预警管理系统 微信小程序的设计与实现 38vk1

目录 博主介绍技术栈系统设计&#x1f31f;文末获取源码数据库&#x1f31f;具体实现截图后端前端java类核心代码部分展示可行性论证个人心得系统测试操作可行性源码获取详细视频演示 博主介绍 &#x1f447;&#x1f3fb; 博主介绍&#xff1a;&#x1f447;&#x1f3fb; 专…

matplotlib中文乱码问题

在使用Matplotlib进行数据可视化的过程中&#xff0c;经常会遇到中文乱码的问题。显示乱码是由于编码问题导致的&#xff0c;而matplotlib 默认使用ASCII 编码&#xff0c;但是当使用pyplot时&#xff0c;是支持unicode编码的&#xff0c;只是默认字体是英文字体&#xff0c;导…

【算法】单词出现次数和位置统计

【算法】单词出现次数和位置统计 题目描述 编写一个程序&#xff0c;用于统计一个给定单词在一段文本中出现的次数以及第一次出现的位置。如果单词在文本中出现&#xff0c;则输出出现次数和第一次出现的位置&#xff08;位置从0开始计算&#xff09;。如果单词没有出现&…

驱动程序 VS 裸板程序

相同点 直接操作硬件&#xff1a;无论是驱动程序还是裸板程序&#xff0c;它们都需要直接操作硬件&#xff0c;通过向硬件寄存器写入值或读取值来控制硬件的行为。依赖特定硬件&#xff1a;两者都依赖于特定的硬件平台&#xff0c;需要针对具体的硬件特性进行编程。 不同点 …

Notepad++ 安装部署教程

Notepad 是一款功能强大且灵活的文本编辑器&#xff0c;主要用于编写代码、编辑文本文件等。下面是如何在 Windows 上下载安装 Notepad 的详细教程。 下载 Notepad 访问官网下载页: 打开你的网络浏览器&#xff0c;访问 Notepad 的官方网站&#xff1a;Notepad 官网 导航到下…

【Linux】Linux 共享内存:高效的进程间通信

文章目录 Linux 共享内存&#xff1a;高效的进程间通信1. 什么是共享内存&#xff1f;2. 共享内存的实现步骤2.1 创建共享内存2.2 映射共享内存2.3 读写共享内存2.4 解除映射和删除共享内存 3. 共享内存的同步问题信号量示例&#xff1a; 4. 共享内存的优势与劣势优势&#xff…

电工基础知识

1、电工常用的电工工具 2、PPR常用配件名称 3、铜芯导线如何选择线鼻子 4、丝锥孔径对照表 5、三相电机接线方法_星形_角型 6、内六角螺铨尺寸表 7、常用螺母规格尺寸 8、常用螺栓螺母名称 9、灭火器分类使用 10、电缆颜色使用代码 11、电缆铜铝鼻子 12、空气开关

企业级使用docker实现负载均衡

利用Docker容器编排完成haproxy和nginx负载均衡架构实施 利用 Docker 编排实现 HAProxy 和 Nginx 负载均衡架构的介绍&#xff1a; 首先&#xff0c;使用 Docker Compose 进行容器编排。创建一个 haproxy.yml 文件&#xff0c;定义 HAProxy 和 Nginx 服务。HAProxy 容器作为前…

利士策分享,如何规划多彩的大学生活?

利士策分享&#xff0c;学习规划多彩的大学生活 踏入大学&#xff0c;如同开启一场充满未知与可能的旅程。 为了让这段旅程不仅充满学术的熏陶&#xff0c;还洋溢着生活的多彩与人际的和谐&#xff0c;我们需要精心规划&#xff0c;积极行动。 一、多彩规划&#xff1a;点亮大学…

基于51单片机的倒计时定时器proteus仿真

地址&#xff1a; https://pan.baidu.com/s/1_Ig_S0KKrba9VAjovDW71g 提取码&#xff1a;1234 仿真图&#xff1a; 芯片/模块的特点&#xff1a; AT89C52/AT89C51简介&#xff1a; AT89C52/AT89C51是一款经典的8位单片机&#xff0c;是意法半导体&#xff08;STMicroelectr…

【JavaScript】LeetCode:21-25

文章目录 21 最大子数组和22 合并区间23 轮转数组24 除自身以外数组的乘积25 缺失的第一个正数 21 最大子数组和 贪心 / 动态规划贪心&#xff1a;连续和&#xff08;count&#xff09;< 0时&#xff0c;放弃当前起点的连续和&#xff0c;将下一个数作为新起点&#xff0c;这…

CSS实现DIV水平展示

CSS实现DIV水平展示 css代码 .container {display: flex; /* 使用 Flexbox */justify-content: space-between; /* 在主轴上均匀排列 */width: 100%; /* 设置容器宽度 */ } .box {flex:1; height:100px; }HTML代码 <div class"container"><div class&quo…