当前位置: 首页 > news >正文

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

用于操作数据库的框架

http://www.lryc.cn/news/235456.html

相关文章:

  • Vue 数据监听机制及 Vue 2.0 和 Vue 3.0 的比较
  • QT多线程项目中子线程无法修改主线程的ui组件
  • Python 如何实现备忘录设计模式?什么是备忘录设计模式?Python 备忘录设计模式示例代码
  • LangChain 代理 Agent(学习笔记)
  • 实验三 页面置换算法
  • Node.js中的Buffer和Stream
  • 3.5 Windows驱动开发:应用层与内核层内存映射
  • 【小黑送书—第八期】>>别再吐槽大学教材了,来看看这些网友强推的数学神作!
  • MatLab的下载、安装与使用(亲测有效)
  • 无人智能货柜:引领便捷购物新体验
  • 4.6 Windows驱动开发:内核遍历进程VAD结构体
  • 基于世界杯算法优化概率神经网络PNN的分类预测 - 附代码
  • NPM 与 XUI 共存!Nginx Proxy Manager 搭配 X-UI 实现 Vless+WS+TLS 教程!
  • 【网络奇遇记】那年我与计算机网络的浅相知
  • LeetCode26.删除有序数组中的重复项(双指针法)
  • 原型网络Prototypical Network的python代码逐行解释,新手小白也可学会!!-----系列8
  • 黑马点评回顾 redis实现共享session
  • Redis篇---第八篇
  • Unity使用Visual Studio Code 调试
  • 【Linux】进程替换|exec系列函数
  • Java编程技巧:将图片导出成pdf文件
  • 二项分布和泊松分布
  • 【飞控调试】DJIF450机架+Pixhawk6c mini+v1.13.3固件+好盈Platinium 40A电调无人机调试
  • Android studio配置Flutter开发环境报错问题解决
  • 2023.11.18 -自用hadoop高可用环境搭建命令
  • 【Linux】常用系统工作命令
  • 深入理解网络协议:通信世界的基石
  • PL/SQL编程
  • Prompt提示词——什么是CRISPE框架?QCIPSPE框架?
  • Nginx的核心配置文件