静态网站介绍

文章概述
本文介绍了静态网站的定义和特点,以及与动态网站的区别。静态网站由html、css和javascript等前端语言组成,没有后端服务提供功能接口,因此功能较少,适合个人和企业入门。动态网站则需要其它语言提供后端服务接口,可以提供更多的功能。静态网站的数据是直接写在html文件中,而动态网站则把数据保存在数据库中。静态网站优点在于速度最快,使用CPU和内存较少,运营费用较低,但功能较少;动态网站的优点则在于可以提供更多的功能,但缺点是速度较慢,使用CPU和内存较多,运营费用较高。
关键要点
1.静态网站是由HTML、CSS和JavaScript等前端语言组成,没有后端服务提供功能接口。
2.动态网站需要中间语言处理数据库逻辑问题,并提供数据库访问接口。
3.静态网站发布博客功能可以通过MD格式的文件翻译成HTML网页,再进行一键发布。
4.静态网站的优点包括速度快、低运营费用、使用很少CPU和内存;缺点是功能较少。
5.动态网站的优点是可以提供很多功能,但需要使用CPU和内存,运营费用较高。
介绍
静态网站是最早期的网站,我们研究静态网站有一段时间了,因为它是网站的祖先。虽然它提供的功能非常少,但是的确是很合适个人和企业入门的网站。
定义
静态网站是指由html、css和javascript等前端语言组成的的网站,这种网站没有后端服务提供功能接口(比如:登陆、注册接口)。
举例
为了说明静态与动态网站的区别,我会列举多个功能,你慢慢感悟。
例子一
用户注册登陆,用户数据保存在数据库,网页前端无法访问后端数据库,这时就需要中间语音,比如PHP、Go、Java等等。中间语言编写访问数据库的代码并为前端提供数据库访问接口,网页前端通过调用中间语言提供的接口,就可以访问数据库的用户资料了。这种网站是动态网站。
例子二
发布博客文章,现在,很多博客数据模型最后都会实施到Mariadb、MySQL等数据库上面,它的原理与用户登录功能一样,需要中间语言处理数据库逻辑问题。这种网站是动态网站。
如果是静态网站提供博客功能如何实现,它没有数据库。通常静态网站使用md格式的文件翻译成html网页,用户使用文本编辑器编写博客文章,然后保存md格式文件,经过专业的程序转换md文件成为html静态网页。再经过专业程序一键发布。这个发布过程其实是上传刚刚翻译的静态html网页到服务器的过程。静态网站也可以发布博客。
例子三
发布产品或服务,如果是动态网站,那这些产品或服务的数据资料将会保存到数据库。如果是静态网站,那这些数据资料将会直接翻译成html网页,浏览器直接读取。
缺点与优点
静态网站 | 动作网站 | |
---|---|---|
速度 | 速度最快,因为不用访问数据库 | 速度慢,调用中间语言访问数据库 |
CPU | 使用很少CPU,只是读取html传输给客户端 | 使用CPU处理业务逻辑(比如登陆验证码)查询数据库,返回客户端 |
内存 | 使用很少内存,只是读取html传输给客户端 | 使用内存处理业务逻辑(比如登陆验证码)查询数据库,返回客户端。中间语言运行需要内存,数据库运行需要内存 |
运营费用 | 很低,不用CPU,不用内存,因此不用服务器,租用云硬盘即可。 | 很贵,使用CPU和内存,还需要硬盘,需要云服务器。 |
功能 | 功能很少 | 有服务器在后端处理业务,可以提供很多功能。 |
内容 | 一样 | 一样 |
总结
以上这些例子说明,最初的静态网站的数据是直接写在html文件的。动态网站则是把数据保存在数据库。
通常情况下,静态网站使用html、css和javascript就可以实现一个网站。动态网站则需要其它语言提供后端服务接口。有了静态网站才有动态网站。