查询网页开发

一、什么是网页开发？

网页开发，就是构建能够通过浏览器访问的网站的过程，Web代表着全球广域网，也就是我们熟知的万维网（www），它连接着世界各地的计算机和服务器，使得人们可以轻松访问各种网站，获取丰富多样的信息。

二、网站的工作流程

1、前端资源请求：当用户在浏览器地址栏输入网站地址并按下回车键后，浏览器会向前端服务器发送请求，获取前端程序（通常是HTML、CSS和JavaScript文件），前端服务器接收到请求后，将相应的前端代码返回给浏览器。

2、页面解析与展示：浏览器收到前端代码后，会对其进行解析，将HTML标签转换为可视化的页面元素，如标题、段落、图片、链接等，并根据CSS样式规则渲染页面样式，使其呈现出丰富的布局和视觉效果，用户就能够在浏览器窗口中看到网站的页面，但页面中的数据可能尚未填充。

3、数据请求与获取：浏览器在解析前端代码时，会发现页面中需要从后台服务器获取数据的部分，于是根据前端代码中指定的后台服务器地址，向后台服务器发起请求，后台服务器接收到请求后，根据请求的内容从数据库中查询或处理相关数据，并将数据返回给浏览器。

4、数据展示与交互：浏览器拿到后台返回的数据后，将其填充到相应的页面位置，使页面内容完整显示，用户可以与页面进行交互，如点击链接、提交表单、滚动页面等，浏览器会根据用户的操作再次与服务器进行数据交互，更新页面内容或执行相应的业务逻辑，从而实现动态的网站体验。

三、网站的开发模式

1、前后台分离模式：这是目前企业开发中广泛采用的主流模式，市场占有率超过70%，在这种模式下，前端开发人员专注于开发前端程序，利用HTML、CSS、JavaScript等技术构建用户界面和交互逻辑，然后将前端程序单独部署到前端服务器上，后端开发人员则使用Java、Python、Node.js等编程语言开发后端程序，负责处理业务逻辑、数据存储和接口提供，后端程序部署在后端服务器上，前后端通过接口进行数据交互，实现了分工明确、职责清晰的开发流程，提高了开发效率和系统的可维护性。

2、混合开发模式：这是早期的开发技术，如今逐渐被前后台分离模式所取代，但在一些特定场景下仍有应用，混合开发模式中，前端人员和后端人员的代码写在同一个项目中，开发完成后一起打包部署到服务器上，这种模式的优点是开发过程相对简单，对于小型项目或对交互性要求不高的网站可能较为适用，随着项目规模的扩大和业务逻辑的复杂，混合开发模式的维护成本会逐渐增加，因为前后端代码的耦合度较高，修改和扩展功能可能会影响到整个项目。

四、网站的开发技术

1、前端 Web 技术

基础技术

HTML：超文本标记语言，用于构建网页的基本结构，定义页面的元素和内容，如标题、段落、图片、链接等。

CSS：层叠样式表，负责控制页面的样式，包括字体、颜色、布局、背景等，使页面呈现出美观的视觉效果。

JavaScript：一种脚本语言，用于实现页面的动态交互，如响应用户操作、更新页面数据、发送异步请求等。

工程化与部署

Vue 工程化：涉及到使用 Webpack 等构建工具对项目进行打包、优化，以及引入 TypeScript 增强代码的类型检查和可维护性。

Element UI 组件库：提供了丰富的预设计组件，方便快速搭建美观且功能一致的用户界面。

Nginx 服务器软件：用于部署前端项目，将前端代码发布到服务器上，使其能够被用户访问。

其他技术：如 Vue.js 等前端框架也在现代 Web 开发中广泛应用，它能够提高开发效率，简化复杂的交互逻辑实现。

2、后端 Web 技术

Java 相关技术

Maven：常用的项目构建工具，用于管理项目依赖、构建项目结构等。

Servlet 和 Tomcat：Java Web 开发的基础，Servlet 处理 HTTP 请求并生成响应，Tomcat 则是一个 Servlet 容器，负责运行 Servlet 程序。

HTTP 协议：Web 通信的基础，开发人员需要深入理解其原理和规范。

Spring Boot 框架：作为一个流行的后端框架，提供了起步依赖、自动配置等功能，大大简化了后端开发流程，提高了开发效率。

数据库操作：常用的有 MySQL 数据库，开发人员通过编写 SQL 语句或使用 MyBatis 等持久层框架进行数据的增删改查操作。

安全相关技术：如请求处理、响应生成、AOP（面向切面编程）用于实现日志记录、权限控制等横切关注点，Filter 用于过滤请求和响应，JWT（JSON Web Tokens）用于实现用户认证和授权等。