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开发:

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

相关推荐
幽络源小助理2 分钟前
8、幽络源微服务项目实战:前端登录跨域同源策略处理+axios封装+权限的递归查询增删改+鉴权测试
前端·微服务·架构
API开发7 分钟前
apiSQL+GoView:一个API接口开发数据大屏
前端·后端·api·数据可视化·数据大屏·apisql
运维开发王义杰9 分钟前
nodejs:揭秘 npm 脚本参数 -- 的妙用与规范
前端·npm·node.js
我是日安15 分钟前
从零到一打造 Vue3 响应式系统 Day 18 - Reactive:深入 Proxy 的设计思路
前端·vue.js
你的人类朋友17 分钟前
🍃说说Base64
前端·后端·安全
ze_juejin22 分钟前
Node.js 全局变量完整总结
前端
ttyyttemo23 分钟前
Learn-Jetpack-Compose-By-Example---TextFieldValue
前端
_AaronWong24 分钟前
多页面应用登录状态共享:基于弹出窗口的通用解决方案
前端·javascript·vue.js
六月的可乐25 分钟前
Vue接入AI聊天助手实战
前端·vue.js·人工智能
degree52027 分钟前
Webpack 与 Vite 构建速度对比:冷启动、HMR、打包性能实测分析
前端