关于Web开发的详细介绍

目录

一、什么是Web?

二、Web网站的工作流程和开发模式

(1)简单介绍

(2)工作流程

1、第一步

2、第二步

(3)Web网站的开发模式

1、前后端分离开发模式

​编辑2、混合开发模式

三、开发Web网站需要学习的内容

1、前端程序的开发

2、后端Java程序的开发

3、前端程序的几种不同表现形式


一、什么是Web?

  • Web:全球广域网。也称万维网(www World Wide Web),能通过浏览器访问的网站。
  • JavaWeb:就是学习如何用Java这门语言去开发这样的网站。(当今Java语言最主流的企业级应用方式)

二、Web网站的工作流程和开发模式

(1)简单介绍

打开浏览器——>在浏览器地址栏输入对应的域名——>回车

注意:其实浏览器也是一个程序,而我们访问的某个网站它也是一个程序。我们是通过浏览器远程访问。)

详细的Web网站程序分为三个部分

1、前端服务器——>前端程序(负责将数据以好看的样式展示出来)

2、数据库服务器——>数据库程序(数据就是在数据库程序当中存储和管理)

3、后端程序就是编写的Java程序——>运行在后端服务器当中(主要负责数据的逻辑处理)

(2)工作流程
1、第一步

起步用户在浏览器地址栏输入域名,并回车 ——> 浏览器根据请求的域名,请求对应的前端服务器 ——> 前端服务器接受到请求之后,把对应的前端代码返回给浏览器 ——> 浏览器也是一个程序,在浏览器中配置了解析前端代码的解析引擎(自动解析) ——> 结束展现出对应的前端页面样式

2、第二步

起步现在网页仅仅只有一个空结构,没有数据 ——> 在返回的前端代码中,都会指定去哪里获取数据,会提供一个获取数据的请求路径 ——> 浏览器拿着数据请求路径,去访问部署在后端服务器中的Java程序 ——> 后端服务器继续访问数据库 ——> 后端服务器获取数据后,再返回给浏览器 ——> 浏览器将数据填充到之前的"空架子"前端页面当中 ——> 结束呈现一个完整的页面

以上就是Web网站的整体工作流程。

(3)Web网站的开发模式
1、前后端分离开发模式

(当今市场主流开发模式)

  • 前端人员开发前端程序 ——> 开发完成后放在前端服务器当中
  • Java开发工程师负责开发后端Java程序 ——> 开发完成后放在后端服务器当中

(前端程序的开发、部署都是与后端分开的)

2、混合开发模式

(早期的开发模式)

  • 将前端、后端都混合在一起进行开发
  • 最终前端、后端程序都在一台服务器上运行

三、开发Web网站需要学习的内容

1、前端程序的开发

前端Web开发(主要学习前端网页的开发技术)

  • HTMLCSSJavaScript
  • VueElementNginx(前端程序部署的服务器)

2、后端Java程序的开发

(作为一名Java开发工程师重点学习和关注的地方)

后端Web开发

  • MavenJava项目的构建工具)
  • 基于SpringBoot Web的开发基础知识
  • MySQL
  • SpringBoot MyBatis(通过Java程序操作数据库的技术)
  • 基于SpringBoot进行Web开发和进阶
3、前端程序的几种不同表现形式

(根据项目的性质、定位的不同)

  • 前端程序:PC端小程序端安卓和IOS的移动端等等。
  • 无论前端有哪些,都可以对应到后端开发的这一套流程。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/781371.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

DPDK源码分析之(1)libmbuf模块

DPDK源码分析之(1)libmbuf模块 Author:OnceDay Date:2024年7月2日 漫漫长路,有人对你笑过嘛… 全系列文档可参考专栏:源码分析_Once-Day的博客-CSDN博客 参考文档: DPDK downloadGetting Started Guide for Linux…

业界数据架构的演变

目录 一、概述 二、业务处理-单体架构 三、业务处理-微服务架构 四、数据分析-大数据Lambda架构 五、数据分析-Kappa架构 六、数据分析-LambdaKappa混合架构 七、湖仓一体架构 一、概述 近年来随着越来越多的大数据技术被开源,例如:HDFS、Spark等…

最小表示法

#define _CRT_SECURE_NO_WARNINGS #include<bits/stdc.h> using namespace std;const int N (int)3e5 5; int n; int a[N * 2];int main() {cin >> n;for (int i 0; i < n; i) {cin >> a[i];a[i n] a[i]; // 构造成链}int l 0, r 1; // 一开始 r …

进入防火墙Web管理页面(eNSP USG6000V)和管理员模块

1、进入防火墙Web管理页面 USG系列是华为提供的一款高端防火墙产品&#xff0c;其特点在于提供强大的安全防护能力和灵活的扩展性。 以eNSP中的USG6000为例&#xff1a; MGMT口&#xff08;web管理口&#xff09;&#xff1a;对应设备上的G0/0/0口&#xff0c;上面初始配有一…

算法-常见数据结构设计

文章目录 1. 带有setAll功能的哈希表2. LRU缓存结构3. O(1)时间插入删除随机(去重)4. O(1)时间插入删除随机(不去重)5. 快速获取数据流中的中位数6. 最大频率栈7. 全O(1)结构8. LFU缓存结构 本节的内容比较难, 大多是leetcodeHard难度级别的题目 1. 带有setAll功能的哈希表 哈希…

QCustomPlot+ vs2022+ qt

零、printSupport 步骤一&#xff1a;下载QCustomPlot 访问QCustomPlot的官网 QCustomPlot 下载最新版本的源代码。 步骤二&#xff1a;配置项目 创建新的Qt项目&#xff1a; 打开VS2022&#xff0c;创建一个新的Qt Widgets Application项目。 将QCustomPlot源代码添加到项目…

集合复习(java)

文章目录 Collection 接口Collection结构图Collection接口中的方法Iterator 与 Iterable 接口Collection集合遍历方式迭代器遍历增强 for 遍历 List&#xff08;线性表&#xff09;List特有方法ArrayList&#xff08;可变数组&#xff09;ArrayList 底层原理ArrayList 底层原理…

【UML用户指南】-30-对体系结构建模-模式和框架

目录 1、机制 2、框架 3、常用建模技术 3.1、对设计模式建模 3.2、对体系结构模式建模 用模式来详述形成系统体系结构的机制和框架。通过清晰地标识模式的槽、标签、按钮和刻度盘 在UML中&#xff0c; 对设计模式&#xff08;也叫做机制&#xff09;建模&#xff0c;将它…

前端技术(三)—— javasctipt 介绍:jQuery方法和点击事件介绍(补充)

6. 常用方法 ● addClass() 为jQuery对象添加一个或多个class <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0">&…

Efficient Contrastive Learning for Fast and Accurate Inference on Graphs

发表于:ICML24 推荐指数: #paper/⭐⭐⭐ 创新点一颗星,证明三颗星(证明的不错,值得借鉴,但是思路只能说还行吧) 如图, 本文采取的创新点就是MLP用原始节点,GCN用邻居节点的对比学习.这样,可以加快运算速度 L E C L − 1 ∣ V ∣ ∑ v ∈ V 1 ∣ N ( v ) ∣ ∑ u ∈ N ( v )…

汇聚荣拼多多电商的技巧有哪些?

在电商平台上&#xff0c;汇聚荣拼多多以其独特的商业模式和创新的营销策略吸引了大量消费者。那么&#xff0c;如何在这样一个竞争激烈的平台上脱颖而出&#xff0c;成为销售佼佼者呢?本文将深入探讨汇聚荣拼多多电商的成功技巧。 一、精准定位目标客户群体 首先&#xff0c;…

Android增量更新----java版

一、背景 开发过程中&#xff0c;随着apk包越来越大&#xff0c;全量更新会使得耗时&#xff0c;同时浪费流量&#xff0c;为了节省时间&#xff0c;使用增量更新解决。网上很多文章都不是很清楚&#xff0c;没有手把手教学&#xff0c;使得很多初学者&#xff0c;摸不着头脑&a…

【Threejs进阶教程-优化篇】4.Vue/React与threejs如何解决冲突和卡顿(续)

Vue/React与threejs如何解决冲突和卡顿-续 使用说明核心思路环境搭建(vuethree)vue运行机制分析业务分离使用threejs做背景 3D模块封装使用ES6的Class来让逻辑性更强Threejs尽量按需引入创建一个类扩展写法本次代码执行顺序 扩展内容添加orbitControls和辅助线解决事件覆盖 与V…

MUX VLAN实现二层流量的弹性管控

一、模拟场景&#xff0c;企业有一台服务器&#xff0c;部门A&#xff0c;部门B&#xff0c;访客 二、要求&#xff1a;三者都可以访问服务器&#xff0c;部门A和B可以进行部门内部通信&#xff0c;A和B不可以通信&#xff0c;访客只能访问服务器 三、拓扑如下图 四、配置流程…

UE5 05-利用 timeline 插值运动

理解成 unity Dotween DoMove 插值运动即可 AddTimeLine 节点 物体插值运动 物体插值缩放 一个timeline 可以K多个动画帧

【js基础巩固】深入理解作用域与作用域链

作用域链 先看一段代码&#xff0c;下面代码输出的结果是什么&#xff1f; function bar() {console.log(myName) } function foo() {var myName "极客邦"bar() } var myName "极客时间" foo()当执行到 console.log(myName) 这句代码的时候&#xff0c…

25_嵌入式系统总线接口

目录 串行接口基本原理 串行通信 串行数据传送模式 串行通信方式 RS-232串行接口 RS-422串行接口 RS-485串行接口 RS串行总线总结 RapidIO高速串行总线 ARINC429总线 并行接口基本原理 并行通信 IEEE488总线 SCSI总线 MXI总线 PCI接口基本原理 PCI总线原理 PC…

Qt | QPen 类(画笔)

01、画笔基础 1、需要使用到的 QPainter 类中的函数原型如下: void setPen(const QPen &pen); //设置画笔,void setPen(const QColor &color); //设置画笔,该笔样式为 Qt::SolidLine、宽度为 1,颜色由 color 指定void setPen(Qt::PenStyle style); //设置画笔,该…

【问题解决】 pyocd 报错 No USB backend found 的解决方法

pyocd 报错 No USB backend found 的解决方法 本文记录了我在Windows 10系统上遇到的pyocd命令执行报错——No USB backend found 的分析过程和解决方法。遇到类似问题的朋友可以直接参考最后的解决方法&#xff0c;向了解问题发送原因的可以查看原因分析部分。 文章目录 pyoc…

90元搭建渗透/攻防利器盒子!【硬件篇】

前言 以下内容请自行思考后进行实践。 使用场景 在某些情况下开软件进行IP代理很麻烦&#xff0c;并不能实现真正全局&#xff0c;而且还老容易忘记&#xff0c;那么为了在实景工作中&#xff0c;防止蓝队猴子封IP&#xff0c;此文正现。 正文 先说一下实验效果&#xff1…