Web开发介绍,制作小网站流程和需要的技术【详解】

1.什么是web开发

Web :全球广域网,也称为万维网 (www W orld W ide W eb),能够通过浏览器访问的网站

所以Web开发 说白了,就是开发网站 的,例如网站:淘宝京东等等

2. 网站的工作流程

1.首先我们需要通过浏览器 访问发布到前端服务器 中的前端程序,这时候前端程序会将前端代码返回给浏览器。如下图所示:

2.浏览器得到前端代码,此时浏览器会将前端代码进行解析,然后展示到浏览器的窗口中,这时候我们就看到了网站 的**页面,**如下图所示:

3.但是此时这个页面是没有数据的,因为数据在我们的数据库中,所以我们浏览器需要根据前端代码中指定的后台服务器的地址 向 我们的后台服务器 (内部有java程序)发起请求 ,后台服务器再去从数据库中获取数据,然后返回给浏览器。

4.浏览器拿到后台返回的数据后,然后将数据展示在前端资源也就是网页上,然后我们就看到了如下图所示的完整的内容

整个流程如下:

1.浏览器先向前端服务器请求前端资源,也就是我们所说的网页

2.浏览器再向后台服务器发起请求,获取数据

3.浏览器将得到的后台数据填充到网页上,然后展示给用户去看

3. 网站的开发模式

接下来我们来聊聊网站的开发模式,主要有2种:前端台分离和混合开发

前后台分离 :(**目前企业开发的主流,**市场占有率70%以上)这种开发模式的特点如下

  • 前端人员开发前端程序,前端程序单独部署到前端服务器上

  • 后端人员开开发后端程序,后端程序单独部署到后端服务器上

混合开发:(早期的开发技术,目前慢慢退出市场),这种开发模式的特点是:前端人员开发的代码和后端人员开发的代码在同一个项目中,一起打包部署,比如jsp既写java又写前端

4. 网站的开发技术

前端web开发:

后端web开发:

所以只有我们学完上述的技术,我们才能开发出一个麻雀虽小,五脏俱全的网站。

相关推荐
.try-1 分钟前
css直线中间小三角
前端·css·html
Dreamcatcher_AC3 分钟前
Node.js留言板开发全流程解析
前端·javascript·mysql·node.js·express
鹏程十八少20 分钟前
Android 一套代码适配车机/手机横竖屏?看我如何用搞定小米、比亚迪、蔚来、理想、多品牌架构设计
android·前端·面试
持续升级打怪中24 分钟前
从前端到大模型:我的AI转型之路与实战思考
前端·人工智能
LYFlied26 分钟前
【性能优化】图片渲染性能优化全流程方案详解
前端·性能优化
『六哥』27 分钟前
零基础搭建完成完整的前后端分离项目的准备工作
前端·后端·项目开发
沛沛老爹31 分钟前
Web开发者实战AI Agent:基于Dify实现OpenAI Deep Research智能体
前端·人工智能·gpt·agent·rag·web转型
冬奇Lab32 分钟前
【Cursor进阶实战·01】Figma设计稿一键还原:Cursor + MCP让前端开发提速10倍
android·前端·后端·个人开发·figma
JarvanMo36 分钟前
用 Flutter、SwiftUI 和 Compose 写同一个界面:一份真实开发者的实测报告
前端
可以吧可以吧36 分钟前
前端vue jenkins打包资源增加阿里云oss+cdn加速
前端·vue.js·jenkins