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

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

相关推荐
蓝婷儿1 小时前
前端面试每日三题 - Day 32
前端·面试·职场和发展
星空寻流年2 小时前
CSS3(BFC)
前端·microsoft·css3
九月TTS2 小时前
开源分享:TTS-Web-Vue系列:Vue3实现固定顶部与吸顶模式组件
前端·vue.js·开源
CodeCraft Studio2 小时前
数据透视表控件DHTMLX Pivot v2.1发布,新增HTML 模板、增强样式等多个功能
前端·javascript·ui·甘特图
一把年纪学编程2 小时前
【牛马技巧】word统计每一段的字数接近“字数统计”
前端·数据库·word
llc的足迹3 小时前
el-menu 折叠后小箭头不会消失
前端·javascript·vue.js
九月TTS3 小时前
TTS-Web-Vue系列:移动端侧边栏与响应式布局深度优化
前端·javascript·vue.js
Johnstons3 小时前
AnaTraf:深度解析网络性能分析(NPM)
前端·网络·安全·web安全·npm·网络流量监控·网络流量分析
whatever who cares3 小时前
CSS3 伪元素(Pseudo-elements)大全
前端·css·css3
若愚67924 小时前
前端取经路——性能优化:唐僧的九道心经
前端·性能优化