各个阶段制作网页所需要的全部技术汇总（Java版持续更新）

各个阶段网页所需要技术

1、静态网页

这个阶段的网页不具备“记忆”功能（因为不涉及到数据库和后端），页面进行刷新之后便会回到最初的样子，换句话说只能看

涉及到的技术

• HTML：网页的结构建立（页面的骨架）
  通过HTML可以简单的建立一个静态网页，展示内容
• CSS：网页的样式（页面的外表）
  可以对HTML建立的各个标签进行样式编写
• JavaScript：网页的动画（页面的行为）
  可以对HTML建立的各个标签进行动画的编写
  

其他可以用到的

• bootstrap
• jQuery
• layui
  等等技术点

1-2 注意事项

在之后将会接触到动态网页
首先先了解一个东西——服务器，
一个动态网页，不管是前后端分离还是不分离都需要涉及到服务器，常用的就是servlet
菜鸟教程对于servlet解释：是运行在 Web 服务器或应用服务器上的程序,它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。
⭐⭐⭐servlet也是动态网页最为重要的一个技术点⭐⭐⭐
而使用servlet不可缺少的一个工具——tomcat
菜鸟教程对于tomcat解释：Tomcat 是由 Apache 开发的一个 Servlet 容器，实现了对Servlet 和 JSP 的支持，并提供了作为Web服务器的一些特有功能
Tomcat的配置也是动态网页制作一个重要的步骤

2、前后端不分离动态网页

这个阶段的网页类型是目前市面上最多的网页类型。可以对于允许用户进行注册登录以及网页其他业务操作。需要有数据库的参与，来记录用户的信息、操作等。
该阶段网页的后端和前端写在一起放在一个页面中(也就是将HTML和Java放在一个.jsp文件中)所以称为前后端不分离界面。

涉及到的技术点

• servlet
• JDBC（Java对于数据库的操作）
  对于数据库的学习，在该阶段仅仅需要知道数据库的一些简单增删改查语句，以及使用navicat进行建表操作
• MySQL（数据库）
• 各种小知识点（Ajax，session，json，cookie等等）
• jsp（底层servlet，对于jsp可以不进行学习，因为在不断过时）

注意事项

在这个阶段需要多加练习，结合前端知识，简单的结合上个阶段各种框架（layui、jQuery、bootstrap），通过框架可以让前端开发更加快捷，更加便于操作。

其他可以用到的

各种协议（HTTP等等）

3、前后端分离动态网页

涉及到的技术点

• springboot
• vue
• elementUI（严格意义上不算是技术点，而是一个工具）
• 其他一些简化开发的工具（SpringDataJpa、axios等）

注意事项

在这个阶段，需要有模块化开发的思想。
能够理解整个项目分为前端和后端两个部分，他们是完全独立的，通过http协议进行通信。

通常情况下通信方式为：
前端对后端接口发送请求，请求中可以包含请求参数或者请求数据，

以百度访问时为例：
https://www.baidu.com/s?wd=请求参数
这里的代表有一个叫做 'wd' 的参数，他的值是 '请求参数'

也可以通过f12开发者工具，查看该请求，可以看到请求参数。

后端对这个请求反馈自己的响应，这个响应格式通常符合json格式，其中包含响应码，响应数据，响应消息等内容。

{
"code": 200,
"data": {},
"message": {}
}

这个数据也可以在f12开发者工具中查看响应，需要注意并不是所有响应都是json，也可能直接是一个html页面。
那么前端在获取这些数据后，就可以进行与用户的交互操作。

以用户登录为例：

1、用户首先在输入框输入用户名、密码后点击登录（这部分内容目前还仅仅停留在前端部分）
2、js获取到用户名、密码后，作为参数或者数据，向对应的后端接口进行请求。
3、后端获取到前端的参数或数据后进行解析，获取到用户名、密码
4、后端读取数据库中存储的用户名、密码，与前端获取到的用户名、密码进行对应，查看是否密码正确。
5、后端判断是否正确后，将结果通过json格式，响应给前端。
6、前端将结果展示给用户。

其他

误区

1、JavaScript只能作为静态网页的动画效果。