敏捷开发——第二次作业JS/服务器的部署

部署 Web 服务器

1. 安装 Apache HTTP 服务器并部署静态网页应用

⭐⭐ 默认情况下,Apache 在 /var/www/html 目录下寻找要提供服务的文件。可以将静态网页文件放置在这个目录下

 2.安装 Nginx 并部署静态页面应用

3. 实践部分

 1. 

2. 

3. 在 /var/www/html 目录下创建 123.html 文件,写入相关内容

4.1. 在网页中使用 ip地址 /123.html 进行搜索

4.2 或者将文件复制到 apache 默认目录下,这样直接搜索网页也可以得到网页内容

5. 传本地照片到服务器上:

在本地 shell 中:

Javascript

Ajax

Ajax:异步 javascript 和 XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过Ajax,可以实现在页面已加载后从服务器获取数据,然后异步地更新网页的某些部分,提升用户体验和页面响应速度。

AJAX的关键特点

  • 异步性:AJAX允许在不中断用户操作的情况下与服务器通信。这意味着页面无需刷新就可以更新数据,提高了应用程序的响应速度和用户体验。
  • 使用JavaScript操作DOM:接收到服务器响应后,可以使用JavaScript动态更新页面的DOM,改变页面内容或样式。
  • 支持多种数据格式:虽然AJAX名称中包含XML,但现代AJAX应用通常使用JSON作为数据交换格式,因为它更轻量,且易于处理。

AJAX的应用场景

  • 表单验证:用户填写表单时,可以实时验证数据的有效性(如用户名是否已存在),而无需提交表单。
  • 数据加载:滚动到页面底部自动加载更多内容(无限滚动),或者在不离开当前页面的情况下,通过点击按钮加载新内容。
  • 实时更新:在社交媒体、新闻网站或股票交易平台上,实时更新信息或图表,无需用户手动刷新页面。

总结

AJAX是一种强大的Web技术,它通过异步方式与服务器通信,使得Web应用能够快速响应用户操作,无需重新加载页面即可更新数据。这大大提高了Web应用的交互性和用户体验。随着Web技术的发展,AJAX已成为现代Web应用不可或缺的一部分。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/285745.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

matlab 条件数的倒数

目录 一、概述1、算法概述2、主要函数3、参考文献二、条件设置错误的矩阵的敏感度三、求解单位矩阵的条件四、参考链接本文由CSDN点云侠原创,原文链接。如果你不是在点云侠的博客中看到该文章,那么此处便是不要脸的爬虫。 一、概述 1、算法概述

快速上手 Elasticsearch:Docker Compose 部署详解

最近面试竞争日益激烈,Elasticsearch作为一款广泛应用的中间件,几乎成为面试中必考的知识点。最近,AIGC也备受关注,而好多的AI项目中也采用了Elasticsearch作为向量数据库,因此我们迫切希望学习Elasticsearch。对于学习…

鸿蒙NXET实战:高德地图定位SDK【获取Key+获取定位数据】(二)

如何申请key 1、创建新应用 进入[控制台],创建一个新应用。如果您之前已经创建过应用,可直接跳过这个步骤。 2、添加新Key 在创建的应用上点击"添加新Key"按钮,在弹出的对话框中,依次:输入应用名名称&…

如何修复WordPress网站媒体库上传文件失败的问题

公司最近推出了一系列新产品,为了更新网站的视频和图片,我们需要将它们上传至网站媒体库。然而,在上传视频时,我们却遇到了一些问题。系统提示说,我们尝试上传的视频文件大小超出了站点的最大上传限制。尽管我们的视频…

apisix创建https

总结了下apisix 使用https 的问题和方法 1、apisix 默认https 端口是9443 2、apisix 需要上传证书后才可以使用https 否二curl测试会报错 SSL routines:CONNECT_CR_SRVR_HELLO 3、apisix 上传证书方法 我是使用的自签名证书,注意自签名证书的Common Name 要写你…

Open CASCADE学习|显示文本

目录 1、修改代码 Viewer.h: Viewer.cpp: 2、显示文本 OpenCasCade 你好啊 霜吹花落 1、修改代码 在文章《Open CASCADE学习|显示模型》基础上,增加部分代码,实现对文本显示的支持,具体如下: Viewer…

思腾合力携AI服务器亮相第二十一届中国电博会

博会已发展成为海峡两岸IT产业界规模最大、参展企业最多、产业配套最全的知名展会之一,今年以“数字赋能、创新制造”为主题,线下参展企业达400家。展会期间,举办了论坛与产业洽谈会等系列活动,进一步推动了两岸电子信息产业融合发…

进程和线程,线程实现的几种基本方法

什么是进程? 我们这里学习进程是为了后面的线程做铺垫的。 一个程序运行起来,在操作系统中,就会出现对应的进程。简单的来说,一个进程就是跑起来的应用程序。 在电脑上我们可以通过任务管理器可以看到,跑起来的应用程…

redis在springboot项目中的应用

一,将查询结果放到redis中作为缓存,减轻mysql的压力。 只有在数据量大的时候,查询速度慢的时候才有意义。 本次测试的数据量为百万级别。 测试代码: 功能为根据昵称进行模糊匹配。 GetMapping("/get-by-nick")public String get…

数字保护的壁垒:探索 Web3 的网络安全

引言 随着数字化时代的到来,网络安全问题日益突出,而Web3作为新一代互联网的演进形态,其网络安全问题备受关注。本文将深入探讨Web3的网络安全特点、挑战以及应对策略,帮助读者更好地了解数字保护的壁垒与Web3的关系,…

ctfshow web入门 反序列化

254 分析代码: 如果用户名和密码参数都存在,脚本会创建一个 ctfShowUser 类的实例 $user。 接着,调用 $user->login($username, $password) 方法尝试登录。如果登录成功(即用户名和密码与类中的默认值匹配)&#…

vscode中导入#include “opencv2/opencv.hpp“

鼠标放到上面 点击快速修复 1.img.cpp // 图片的读取和显示 // 导入opencv头文件 #include "opencv2/opencv.hpp" #include <iostream>int main(int argc, char** argv) {// 读取图片&#xff0c;mat是matrix的缩写&#xff0c;是一个矩阵&#xff0c;类似与n…

睿眼(Realeye)视觉识别模型训练全流程心得分享

睿眼&#xff08;Realeye&#xff09;是一款集智能采集、识别、定位、抓取、视控全流程为一体的 AI 产品&#xff0c; 以其 AI 算法结合机械臂硬件实现对万事万物的定位抓取功能&#xff0c;能够实现对任意目标物从图 片采集、标注到模型训练和抓取。通过人性化的交互方式、易操…

自然语言处理: 第十九章LoRAQLoRA微调技巧

论文地址&#xff1a;使用低秩自适应 &#xff08;LoRA&#xff09; 进行参数高效LLM微调 - Lightning AI — Parameter-Efficient LLM Finetuning With Low-Rank Adaptation (LoRA) - Lightning AI 本篇文章是由位来自威斯康星大学麦迪逊分校的统计学助理教授Sebastian Raschk…

C++除了Qt还有什么GUI库?

C除了Qt还有什么GUI库&#xff1f; 先&#xff0c;不要折腾&#xff0c;不要想着用 C 来做 App 类的 GUI 开发。 所以你问用 c gui 库&#xff0c;本来确实有很多&#xff0c;但是经过几十年的沉淀&#xff0c;最后只留下一个 qt quick 和其他特殊需求的库&#xff08;包括 qt…

西圣、漫步者、万魔开放式耳机如何?甄选机型实测对比测评

无论是通勤、工作还是休闲时光&#xff0c;耳机总能为我们带来沉浸式的音乐体验。近年来&#xff0c;开放式耳机以其独特的优势逐渐受到市场的青睐&#xff0c;其中西圣、漫步者、万魔等品牌在市场上相当火热&#xff0c;那这三款开放式耳机的实际到底如何&#xff0c;还是有许…

nodeJs中实现连表查询

nodeJs中实现连表查询 router.post(/getOrder, async function(req, res, next) {let userId req.body.phone;let sql select * from orders where userId?;let orders await new Promise((resolve, reject) > {connection.query(sql, [userId], function(error, resul…

Python灰帽子网络安全实践

教程介绍 旨在降低网络防范黑客的入门门槛&#xff0c;适合所有中小企业和传统企业。罗列常见的攻击手段和防范方法&#xff0c;让网站管理人员都具备基本的保护能力。Python 编程的简单实现&#xff0c;让网络运维变得更简单。各种黑客工具的理论和原理解剖&#xff0c;让人知…

详解“外卡收单”系统(1)

近年来&#xff0c;随着跨境贸易和服务的不断发展&#xff0c;外卡收单行业展现出新的发展态势。随着越来越多外国人在中国消费&#xff0c;中国商家为满足海外消费者需求开始接受国际信用卡支付。根据官方数据显示&#xff0c;截至2023年11月&#xff0c;上海的外卡POS机已超过…

【C++】vector容器初步模拟

送给大家一句话&#xff1a; 努力一点&#xff0c;漂亮—点&#xff0c;阳光一点。早晚有一天&#xff0c;你会惊艳了时光&#xff0c;既无人能替&#xff0c;又光芒万丈。 vector容器初步模拟 1 认识vector开始了解底层实现 2 开始实现成员变量构造函数 析构函数尾插迭代器插入…