Java Web——Web开发介绍

什么是Web开发

Web开发是一种创建和维护全球广域网(World Wide Web)上的网站和应用的技术。全球广域网也称为万维网(www World Wide Web),是一个能够通过浏览器访问的互联网上的巨大信息库。

Web开发的目标是创建功能齐全、易于使用和安全的网站和应用,使用户可以通过浏览器访问和交互。例如,淘宝、京东等网站都是Web开发的典型案例,它们提供了丰富的商品信息、购物功能以及用户交互界面,满足了用户的各种需求。

讲简单点,Web开发可以讲就是开发网站

网站工作流程

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

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

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

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

整个流程如下:

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

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

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


网站开发模式

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

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

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

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


网站的开发技术

前端web开发:

|------------|--------------------------|
| 技术 | 描述 |
| HTML | 用于构建网站的基础结构的 |
| css | 用于美化页面的,作用和化妆或者整容作用一样 |
| JavaScript | 实现网页和用户的交互 |
| Vue | 主要用于将数据填充到html页面上的 |
| Element | 主要提供了一些非常美观的组件 |
| Nginx | 一款web服务器软件,可以用于部署我们的前端工程 |

后端web开发:

学Java的,重点在后端上

|------------|----------------------------|
| 技术 | 描述 |
| Maven | 一款java中用于管理项目的软件 |
| MySQL | 最常用的一款数据库软件之一 |
| SpringBoot | spring家族的产品,当前最为主流的项目开发技术。 |
| Mybatis | 用于操作数据库的框架 |

相关推荐
C雨后彩虹10 分钟前
羊、狼、农夫过河
java·数据结构·算法·华为·面试
java资料站14 分钟前
SpringAI+DeepSeek大模型应用开发实战
java
Engineer邓祥浩14 分钟前
设计模式学习(16) 23-14 命令模式
学习·设计模式·命令模式
zhangrelay28 分钟前
ROS云课三分钟-cmake默认版本和升级-260120
笔记·学习
我只会写Bug啊31 分钟前
复制可用!纯前端基于 Geolocation API 实现经纬度获取与地图可视化
前端·高德地图·地图·百度地图·经纬度
进击的CJR32 分钟前
redis cluster 部署
java·redis·mybatis
刘一说38 分钟前
Vue3 模块语法革命:移除过滤器(Filters)的深度解析与迁移指南
前端·vue.js·js
重生之后端学习42 分钟前
19. 删除链表的倒数第 N 个结点
java·数据结构·算法·leetcode·职场和发展
qq_124987075343 分钟前
基于小程序中医食谱推荐系统的设计(源码+论文+部署+安装)
java·spring boot·后端·微信小程序·小程序·毕业设计·计算机毕业设计
Coder_Boy_1 小时前
基于SpringAI的在线考试系统-阅卷评分模块时序图
java·人工智能·spring boot