静态资源和动态资源

静态资源和动态资源的概念

静态资源:可以理解为前端的固定页面,这里面包含HTML、CSS、JS、图片等等,不需要查数据库也不需要程序处理,直接就能够显示的页面,如果想修改内容则必须修改页面,但是访问效率相当高。
动态资源:需要程序处理或者从数据库中读数据,能够根据不同的条件在页面显示不同的数据,内容更新不需要修改页面但是访问速度不及静态页面。

源静态资源和动态资的区别

一个静态资源一般都是设计好的HTML页面,而动态资源依靠设计好的程序来实现按照需求的动态响应。

b静态资源的交互性差,动态资源可以根据需求自由实现。

角在服务器的运行状态不同,静态资源不需要与数据库参于程序处理,动态可能需要多个数据库的参与运算。

html是w3c规范的一种网页书写格式,是一种统一协议语言,静态网页。我们上网看的网页都是大部分都是基于html语言的。jsp是一种基于动态语言,jsp可以实现html的所有任务,

HTML(Hypertext Markup Language)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性语言呢?因为,只要你有一个浏览器那么它就可以正常显示出来,而不需要指定的编译工具,只需在TXT文档中写上HTML标记就可以正常显示。

JSP(Java Server Page)是Java服务端的页面,所以它是动态的,它是需要经过JDK编译后把内容发给客户端去显示,我们都知道,Java文件编译后会产生一个class文件,最终执行的就是这个class文件,

JSP的前身是servlet;

html和jsp的表头不一样,这个是JSP的头“ <%@ page language="java" import="java.util.*" pageEncoding="gbk"%>”在表头中有编码格式和倒入包等。也是很好区分的,在jsp中用<%%>就可以写Java代码了,而html没有<%%>。

不认识jsp或者asp什么什么的,但是有时候界面需要逻辑控制,所以我们就用相应的技术来实现,这样比较方便。而jsp在后台通过服务器解析为相应的html,然后在供浏览器识别显示。

1、在静态Web程序中,客户端使用Web浏览器(IE、FireFox等)经过网络(Network)连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务器我现在需要得到哪个页面,所有的请求交给Web服务器,之后WEB服务器根据用户的需要,从文件系统(存放了所有静态页面的磁盘)取出内容。之后通过Web服务器返回给客户端,客户端接收到内容之后经过浏览器渲染解析,得到显示的效果。

2、为了让静态web页面显示更加好看,使用javascript/VBScript/ajax(AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。)但是这些特效都是在客户端上借助于浏览器展现给用户的,所以在服务器上本身并没有任何的变化。

3、静态web无法连接数据库;

4、静态web资源开发技术:HTML;

5、由于现在的web页面中,大量使用JS,导致浏览器打开页面,就会占用大量的内存,服务端的压力是减轻了,但压力转移到了客户端。

为什么需要web服务器?(web server)

1)不管什么web资源,想被远程计算机访问,都必须有一个与之对应的网络通信程序,当用户来访问时,这个网络通信程序读取web资源数据,并把数据发送给来访者。

2)WEB服务器就是这样一个程序,它用于完成底层网络通迅,处理http协议。使用这些服务器,We应用的开发者只需要关注web资源怎么编写,而不需要关心资源如何发送到客户端手中,从而极大的减轻了开发者的开发工作量。

  • 3
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是代码示例: ``` // 用于统计资源访问次数的对象 const visitCount = {} function countVisits(req, res, next) { const url = req.url // 如果当前资源不存在对应的访问次数记录,则初始化为0 if (!visitCount[url]) { visitCount[url] = 0 } // 增加当前资源的访问次数 visitCount[url]++ next() } // 在所有请求处理函数之前,添加统计访问次数的中间件 app.use(countVisits) // 静态资源的处理方法 app.use(express.static('public')) // 动态资源的处理方法 app.use('/api', apiRouter) // 获取所有访问次数非0的资源及其访问次数 app.get('/stats', (req, res) => { const visitedUrls = Object.keys(visitCount).filter(url => visitCount[url] > 0) const stats = visitedUrls.map(url => ({ url, visits: visitCount[url] })) res.json(stats) }) ``` 这段代码定义了一个中间件函数 `countVisits`,用于统计各个资源的访问次数,并将结果保存在一个对象 `visitCount` 中。该中间件函数使用了 `express.js` 框架提供的 `next` 函数,用于传递请求给下一个处理函数。 在实际应用中,需要在所有请求处理函数之前添加该中间件函数。 最后,该代码提供了一个 `/stats` 接口,用于获取所有访问次数非0的资源及其访问次数。该接口使用了 `filter` 方法来过滤出访问次数大于0的资源,并使用 `map` 方法将这些资源对应的访问次数转换为一个数组。最终,将该数组作为 JSON 格式的响应返回给客户端。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值