首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【愚公系列】2021年12月 Python教学课程 28-Web开发基础

在 BS 架构下,客户端只需要浏览器,应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器,获取 Web 页面,并把 Web 页面展示给用户即可。 当然,Web 页面也具有极强的交互性。...我们来总结一下 HTTP 请求的流程: 步骤 1:浏览器首先向服务器发送 HTTP 请求请求包括: 方法:GET 还是 POST,GET 仅请求资源,POST 会附带用户数据; 路径:/full/url...步骤 3:如果浏览器还需要继续服务器请求其他资源,比如图片,就再次发出 HTTP 请求,重复步骤 1、2。 Web 的 HTTP 协议采用了非常简单的请求-响应模式,从而大大简化了开发。...当我们编写一个页面时,我们只需要在 HTTP 请求中把 HTML 发送出去,不需要考虑如何附带图片、视频等,浏览器如果需要请求图片和视频,它会发送另一个 HTTP 请求,因此,一个 HTTP 请求只处理一个资源...HTTP 请求方法 根据 HTTP 标准,HTTP 请求可以使用多种请求方法。 HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD 方法。

76320

在Chrome、Firefox、Edge等高版本浏览器中实现在线编辑、审阅Office文档新方案

然而好景不长,2015年开始Chrome、Firefox等新生代浏览器先后取消了对NPAPI插件的支持,在这些浏览器的后续版本中如何实现就成为了技术难题。...三、改进方案 通过上述总结的现有技术方案可以看出,想要在当前主流版本的Chrome、Firefox、Edge等浏览器网页中内嵌桌面Office软件实现文档或表格在线编辑等功能,核心就在于如何在各浏览器中实现一个统一的不依赖浏览器自身扩展技术的外接系统...此方案可以说是上述外接程序方案的升级版,关键差异在于此方案可实现内嵌Word、Excel、PowerPoint、WPS文字、WPS表格等程序窗口到网页指定区域运行的效果,而且抛弃了通过IE内核来加载ActiveX...其技术原理图如下: 幻灯片5.PNG 微软Office网页小程序(http://zorrosoft.com/Files/msofficeapplet.txt )和金山WPS网页小程序...无需改变这些文档控件的调用方式,只需要在网页中判断如果遇到的是非IE浏览器时,请求启动IE控件小程序加载即可。

4.6K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何在谷歌chrome、Firefox等浏览器打开、编辑、保存微软Office、金山WPS文档?

    历史背景 在2015年的主流浏览器版本中,因为可以直接调用微软开源的 ActiveX控件,可以实现微软Office软件的在线编辑及审阅功能,但是2015年开始,各大主流浏览器先后取消了对 NPAPI插件...3.外接程序方案 各浏览器禁用 NPAPI插件后,各个厂商纷纷使用浏览器外部协议来 启动独立的EXE外接程序,看起来问题得到了很好的解决,但是每次运行中用户端都会弹出对话框,让用户不胜其烦。...猿大师中间件的微软Office网页小程序如何解决的呢?...此方案可以说是上述外接程序方案的升级版,关键差异在于此方案可实现内嵌Word、Excel、PowerPoint、WPS文字、WPS表格等程序窗口到网页指定区域运行的效果,而且抛弃了通过IE内核来加载ActiveX...另外猿大师中间件的微软Office网页小程序提供了丰富的二次开发接口,对现有系统改动比较小的前提下, 请求启动IE控件小程序加载即可。

    2K40

    如何在chrome中直接打开、编辑、保存WordExcelPPT等Office文档?

    历史背景 在2015年的主流浏览器版本中,因为可以直接调用微软开源的 ActiveX控件,可以实现微软Office软件的在线编辑及审阅功能,但是2015年开始,各大主流浏览器先后取消了对 NPAPI插件...3.外接程序方案 各浏览器禁用 NPAPI插件后,各个厂商纷纷使用浏览器外部协议来 启动独立的EXE外接程序,看起来问题得到了很好的解决,但是每次运行中用户端都会弹出对话框,让用户不胜其烦。...猿大师中间件的微软Office网页小程序如何解决的呢?...此方案可以说是上述外接程序方案的升级版,关键差异在于此方案可实现内嵌Word、Excel、PowerPoint、WPS文字、WPS表格等程序窗口到网页指定区域运行的效果,而且抛弃了通过IE内核来加载ActiveX...另外猿大师中间件的微软Office网页小程序提供了丰富的二次开发接口,对现有系统改动比较小的前提下, 请求启动IE控件小程序加载即可。

    4.4K40

    收获 NetNTLM

    有几种服务支持身份验证请求,正如我们之前所指出的,如果没有管理员权限, SMB (445) 获取哈希值是非常重要的,即使这样, OpSec 的角度来看,这些方法也可能并不理想。...这样做的好处是远程 HTTP 服务器可以在任何端口上运行,红队的角度来看提供了很大的灵活性,并且允许我们避免处理已经绑定的 SMB 端口。...当对启用 WebDAV 的 UNC 路径触发文件操作时,身份验证主机将执行以下操作: 发出一个 OPTIONS 方法来发现 Web 服务器支持的功能, 如果支持 PROPFIND,则发出 PROPFIND...身份验证的整体流程可能如下所示: 为了模仿这个协议,我们创建了一个简单的基于 .NET 的线程 HTTP 服务器来处理我们命名为 Farmer 的工具中的身份验证请求。...此外,其他 Office 文档(如 Excel 和 PowerPoint 文件)无疑容易受到现场链接或类似的远程资源注入的影响,并且是扩展 Fertiliser 的良好候选者。

    1.2K30

    一次完整的HTTP请求过程

    :DNS缓存、DNS负载均衡 TCP连接建立(三次握手)   拿到域名对应的IP地址之后,User-Agent(一般指浏览器)会以一个随机端口(1024<端口<65535)服务器的WEB程序(常用的有...),还有可能要经过Netfilter防火墙(属于内核的模块)的过滤,最终达到WEB程序,最终建立了TCP/IP的连接 发起HTTP请求(建立连接后) HTTP请求报文由三部分组成:请求行,请求头、空格、...\r\n (POST请求时候有) 请求正文:当使用POST等方法时,通常需要客户端服务器传递数据。...POST请求 下面是浏览器对 http://localhost:8081/test 的 POST 请求时发送给服务器的数据,消息体中带上参数 name=XXG&age=23 [图3] 可以看出,上面的请求包含三个部分...) 响应头:响应头用于描述服务器的基本信息,以及客户端如何处理数据 空格:CRLF(即 \r\n)分割 消息体:服务器返回给客户端的数据 响应格式如下图 [图4] 上面的 HTTP 响应中,响应头中的

    8.6K31

    JavaScript打印Excel、Word

    JavaScript调用本地打印机,打印Excel、Word文件 ---- 之前写过一篇文章,使用java调用打印机打印Excel文件: java调用打印机:http://blog.csdn.net...假设项目需求为:点击按钮打印某个报表(Excel)。当项目发布到服务器上后,当使用java调用打印机,无论哪台电脑访问页面,点击打印按钮,调用的都是java所运行的服务器上的打印机。...理想: Created with Raphaël 2.1.0 用户 用户 服务器 服务器 我要打印报表 收到请求...服务器 服务器 我要打印报表 收到请求,调用打印程序 怎么调用了我自己的打印机,是java的锅,我不背 很抱歉,报表在我这打印好了,你过来取吧...前台js代码: /** * 打印方法 * @author 王晓安 * @创建时间 2017年7月19日10:32:39 * @param url 请求打印的路径 */ function print(url

    2.1K20

    Vue.js + Node.js + Express + MySQL示例:构建全栈CRUD应用程序

    ,Vue.js 在本教程中,我将您展示如何构建一个全栈(Vue.js + Node.js + Express + MySQL)的CRUD应用程序示例。...这些组件调用TutorialDataService方法,这些方法使用axios发出HTTP请求并接收响应。...router.js为每个组件定义了路由。 http-common.js使用HTTP基准Url和请求头初始化axios....我们还介绍使用Express&Sequelize ORM的REST API的客户端-服务器体系结构,以及用于构建前端应用程序发出HTTP请求和使用响应的Vue.js项目结构。...接下来的教程您展示有关如何实现系统的更多详细信息: 后端 前端 如果你想要一个TypeScript版本的Vue App,可以参考如下文章: Vue Typescript CRUD Application

    25K21

    关于ajax学习笔记

    并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。...一般来说,GET请求是只有头部,没有主体 而POST请求请求主体。 一但调用send()方法,HTTP上行请求就将发出。...所以,如果想在函数内,全局暴露顶层变量,只需要把顶层变量设置为window对象的属性。 越是大的项目,越需要让全局变量越少越好。这是为了防止不同工程师之间的程序,命名冲突。...需要注意的是,post 请求方式不会被缓存,只有 get 请求方式会被缓存。 5.1 如何避免 ajax 缓存问题 方法1:随机数 //随机数,我们不要0....如何判断文章是否到头,说白了前端开发工程师不知道一共有多少页。比如今天又53页,明天就有55页了,所以你的JS里面无法写死一个文章总页数。所以办法就是,请求下去,请求到page.php?

    1.8K20

    Web 应用开发进化论

    客户端 Web 服务器发送请求 Web 服务器客户端发送响应都需要一定时间。 HTTP 请求带有四种基本的 HTTP 方法,我想在这里处理它们:GET、POST、PUT、DELETE。...创建 -> HTTP POST 读取 -> HTTP GET 更新 -> HTTP PUT 删除 -> HTTP DELETE 在我们上面的网站示例中,通过访问浏览器中的 URL Web 服务器客户端提供服务...在传统网站中,对于每个不同的 URL,都会客户端 Web 服务器发出一个新请求。 对于每个 URL,都会将不同的 HTTP GET 方法发送到专用 Web 服务器来完成请求。...因此,我们必须客户端服务器(使用 JavaScript/Node.js 或其他编程语言编写的应用程序服务器发出另一个请求,以请求这些缺失的的数据。...用户可以使用 HTTP GET 应用程序服务器读取博客文章,或者使用HTTP POST 在应用程序服务器上创建新的博客文章。

    4.2K10

    python爬虫入门到放弃(二)之爬虫的原理

    下面我们分析爬虫的基本流程 爬虫的基本流程 发起请求 通过HTTP目标站点发起请求,也就是发送一个Request,请求可以包含额外的header等信息,等待服务器响应 获取响应内容 如果服务器能正常响应...请求方式 主要有:GET/POST两种类型常用,另外还有HEAD/PUT/DELETE/OPTIONS GET和POST的区别就是:请求的数据GET是在url中,POST则是存放在头部 GET:指定的资源发出...这个请求可能会创建新的资源或修改现有资源,或二者皆有。 HEAD:与GET方法一样,都是服务器发出指定资源的请求。只不过服务器将不传回资源的本文部分。...PUT:指定资源位置上传其最新内容。 OPTIONS:这个方法可使服务器传回该资源所支持的所有HTTP请求方法。...如何解决js渲染的问题?

    1.5K90

    一文带你层层解锁「文件下载」的奥秘

    尽管 HTTP URL 需要位于同一源中,但是可以使用 blob: URL 和 data: URL ,以方便用户下载使用 JavaScript 生成的内容(例如使用在线绘图 Web 应用程序创建的照片)...以前都是前端请求后端,来获取一个 excel 文件地址。现在让我们来展示下纯前端是如何实现下载excel。 简单excel 表格长这个模样,比较简陋的形式 ?...+'xmlns:x="urn:schemas-microsoft-com:office:excel" ' +'xmlns="http://www.w3.org/TR/REC-html40...:office" ' +'xmlns:x="urn:schemas-microsoft-com:office:word" ' +'xmlns="http:...The Range 是一个请求首部,告知服务器返回文件的哪一部分。在一个 Range 首部中,可以一次性请求多个部分,服务器会以 multipart 文件的形式将其返回。

    1.1K20

    js 数组去除重复数据-当WPS开始像支持VBA一样支持JS语言时,微软又该何去何从?

    Script Lab是嵌入在Office中的Web应用程序,它面向Web,可以创建和编辑包含 ,HTML,CSS 等的代码段。...2 丨   如何使用Script Lab   在Excel中,Script Lab需要在应用商店加载后才能使用。   ...第1行代码,Excel.run()是一个函数,它接受一个函数作为参数。这个内部函数被称为批处理函数(batch )。...批处理函数内部是各种语句,设置或者调用代理对象(比如Excel)的各种方法和属性js 数组去除重复数据,但和VBA所不同的是,这里的相关语句并不会被立刻执行,而是组成一个命令队列。   ...Office.js自身的定位,是跨平台制作Office外部插件,完全可以独自美丽。

    2.6K10

    (强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:在线预览文件)

    在线预览图片和txt文档 1)点击图片、图片的文件名或txt文档名时,通过JS或Ajax向后端发出file/openFile.action请求请求参数是由之前后端的返回数据拼接而成。...在线预览office文档 1)当点击的类型是office类型时,将以post方式服务端file/openOffice.action发出请求;在FileController类中增加openOffice...()方法,完成前端所发出请求,代码如下所示; /** * 打开文档 * * @param currentPath * 当面路径 * @param fileName...where officeMd5 = #{officeMd5} 4)后台获取云文档的id成功后,再调用index.js中的openOffice()方法,通过云的文档API接口..."> 2)前台index.js请求file/openFile.action,代码后台同在线图片预览,此处省略代码。

    2.2K20

    Ajax 概述

    通过 AJAX 可以在浏览器中服务器发送异步请求 最大的优势:无刷新获取数据。...HTTP相关问题 2.1 MDN 文档 Http概述:developer.mozilla.org/zh-CN/docs/… 2.2 HTTP 请求交互的基本过程 前后应用浏览器端服务器发送HTTP...请求(请求报文) 后台服务器接收到请求后, 调度服务器应用处理请求, 浏览器端返回HTTP响应(响应报文) 浏览器端接收到响应, 解析显示响应体/调用监视回调 2.3 HTTP 请求报文 请求行 method...GET: 服务器端读取数据(查) POST: 服务器端添加新数据 (增) PUT: 更新服务器端已经数据 (改) DELETE: 删除服务器端数据 (删) 2.8 区别 一般http请求 与 ajax...请求 ajax请求 是一种特别的 http请求服务器端来说, 没有任何区别, 区别在浏览器端 浏览器端发请求: 只有XHR 或fetch 发出的才是ajax 请求, 其它所有的都是非ajax 请求

    6010

    不错的node.js入门

    的web应用 用例 应用不同模块分析 构建应用的模块 一个基础的HTTP服务器 分析HTTP服务器 进行函数传递 函数传递是如何HTTP服务器工作的 基于事件驱动的回调 服务器如何处理请求的 服务端的模块放在哪里...如何来进行请求的“路由” 行为驱动执行 路由给真正的请求处理程序请求处理程序作出响应 不好的实现方式 阻塞与非阻塞 以非阻塞操作进行请求响应 更有用的场景 处理POST请求 处理文件上传 总结与展望...当我们服务器发出请求(在浏览器访问http://localhost:8888/),“Request received.”这条消息就会在命令行中出现。...它们是对象,你可以使用它们的方法来处理HTTP请求的细节,并且响应请求(比如发出请求的浏览器发回一些东西)。...这意味着我们得将请求处理程序服务器传递到路由中,但感觉上这么做更离谱了,我们得一路把这堆请求处理程序我们的主文件传递到服务器中,再将之服务器传递到路由。 那么我们要怎么传递这些请求处理程序呢?

    3.9K91

    爬虫必须得会的预备知识

    ,并获取相应的响应 浏览器每获取一个响应就对展示出的结果进行添加(加载),js,css 等内容会修改页面的内容,js也可以重新发送请求,获取响应 获取第一个响应并在浏览器中展示,直到最终获取全部响应,...请求方式 根据 HTTP 标准,HTTP 请求可以使用多种请求方法。 HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD 方法。...HEAD 类似于 get 请求,只不过返回的响应中没有具体的内容,用于获取报头 POST 指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。...POST 请求可能会导致新的资源的建立和/或已有资源的修改。 PUT 客户端服务器传送的数据取代指定的文档的内容 DELETE 请求服务器删除指定的页面。...,告诉浏览器回送数据的长度 Connection 服务器通过这个头,响应完是保持链接还是关闭链接 HTTP 状态码 当浏览者访问一个网页时,浏览者的浏览器会网页所在服务器发出请求

    50531
    领券