web网页设计

关于web项目的介绍

Web开发是现代软件开发的重要组成部分之一。Web开发涉及到前端和后端两个方面，前端负责用户界面和交互，后端负责数据处理和业务逻辑。

一、写框架

1.创建idea项目

1. SpringBoot Starter：他将常用的依赖分组进行了整合，将其合并到一个依赖中，这样就可以一次性添加到项目的Maven或Gradle构建中。

2,使编码变得简单，SpringBoot采用 JavaConfig的方式对Spring进行配置，并且提供了大量的注解，极大的提高了工作效率，比如@Configuration和@bean注解结合，基于@Configuration完成类扫描，基于@bean注解把返回值注入IOC容器。

3.自动配置：SpringBoot的自动配置特性利用了Spring对条件化配置的支持，合理地推测应用所需的bean并自动化配置他们。

4.使部署变得简单，SpringBoot内置了三种Servlet容器，Tomcat，Jetty,undertow.我们只需要一个Java的运行环境就可以跑SpringBoot的项目了，SpringBoot的项目可以打成一个jar包。

2.配置文件解释、热部署、自动装配原理源码级剖析

刷依赖

加入依赖

依赖注入（Dependency Injection）是一种设计模式，其作用是将一个对象所依赖的其他对象的创建和管理过程交给第三方，由第三方来注入这些依赖对象。在 Go 项目中，依赖注入主要有以下作用：

1. 降低对象之间的耦合度：依赖注入可以将对象之间的紧密耦合转换为松散耦合，使得一个对象对其他对象的依赖关系变得更加灵活和可维护。

2. 提高代码的可测试性：通过将依赖对象注入到一个对象中，测试代码可以更加方便地模拟依赖对象的行为，从而更容易地进行单元测试和集成测试。

3. 更容易实现模块化和复用：通过依赖注入，我们可以将应用程序划分为更小、更细粒度的模块，每个模块都专注于自己的任务，从而促进代码的复用和模块化。

总之，依赖注入可以帮助我们编写更加灵活、易维护、可测试和可扩展的代码，这对于大型项目的开发非常有用。在 Go 项目中，我们可以使用第三方库或者自行实现依赖注入模式。

Vue

Vue是一个用于构建用户界面的JavaScript框架。Vue使用组件化的开发方式，可以帮助开发者更快地构建Web应用程序。Vue还提供了一些优秀的工具和库，例如Vue Router和Vuex，可以帮助开发者更好地管理Web应用程序的状态和路由。

2.后端框架

后端框架是一种用于构建Web应用程序的软件框架。后端框架可以帮助开发者更快地构建Web应用程序，提高Web应用程序的可维护性和可扩展性。以下是一些常见的后端框架：

2.1. Node.js

Node.js是一个开源的JavaScript运行时环境，可以用于构建高性能的Web应用程序。Node.js提供了一些优秀的工具和库，例如Express和Koa，可以帮助开发者更快地构建Web应用程序。

2.2. Django

Django是一个开源的Python Web框架，用于构建Web应用程序。Django使用模型-视图-控制器（MVC）的开发方式，可以帮助开发者更好地组织Web应用程序的代码。Django还提供了一些优秀的工具和库，例如Django ORM和Django REST framework，可以帮助开发者更好地管理Web应用程序的数据和API。

2.3. Ruby on Rails

Ruby on Rails是一个开源的Ruby Web框架，用于构建Web应用程序。Ruby on Rails使用模型-视图-控制器（MVC）的开发方式，可以帮助开发者更好地组织Web应用程序的代码。Ruby on Rails还提供了一些优秀的工具和库，例如Active Record和Action Cable，可以帮助开发者更好地管理Web应用程序的数据和实时通信。

二、写代码应用部署

1.注入类

作用：这个类可以用来存储和传输数据。在Java中，实体类就是一个拥有Set和Get方法的类。实体类通常总是和数据库之类的（所谓持久层数据）联系在一起。这种联系是借由框架（Hibernate）来建立的

2.编写项目代码

1、输入所需访问的URL；2、web客户端发送HTTP请求；3、请求过程中，客户端会将URL中的域名解析成对应的IP地址；4、解析完成，客户端将建立TCP/IP连接；5、服务器根据HTTP的请求方法和请求头，来处理请求；6、处理请求后，生成HTTP响应；7、根据响应的内容进行处理，并将其显示给用户。

3.网页的制作

前端框架

前端框架是一种用于构建Web应用程序的软件框架。前端框架可以帮助开发者更快地构建Web应用程序，提高Web应用程序的可维护性和可扩展性。以下是一些常见的前端框架：

React

React是一种用于构建用户界面的JavaScript库。React使用组件化的开发方式，可以帮助开发者更快地构建Web应用程序。React还提供了一些优秀的工具和库，例如React Router和Redux，可以帮助开发者更好地管理Web应用程序的状态和路由。

Angular

Angular是一个开源的前端框架，用于构建Web应用程序。Angular使用模块化的开发方式，可以帮助开发者更好地组织Web应用程序的代码。Angular还提供了一些优秀的工具和库，例如Angular CLI和RxJS，可以帮助开发者更快地构建Web应用程序。

Vue

Vue是一个用于构建用户界面的JavaScript框架。Vue使用组件化的开发方式，可以帮助开发者更快地构建Web应用程序。Vue还提供了一些优秀的工具和库，例如Vue Router和Vuex，可以帮助开发者更好地管理Web应用程序的状态和路由。

三、在数据库中插入数据

1.插入网页数据

在插入数据时，INSERT语句中的字段顺序可以与数据库中表字段的顺序不一致，但VALUES中的值一定要和INSERT语句中的字段顺序对应。

另外，在为指定列添加数据时，指定字段无须和数据表中定义的顺序一致，只要和VALUES中值的顺序一致即可。接下来演示这种情况，继续向emp表中插入数据，仍然只插入前4个字段的数据，但指定字段顺序与数据表中定义的不同。

在实际开发中可能会遇到向数据表中插入多条记录的情况，用INSERT语句可以一条一条地插入数据，但这样做明显比较麻烦，这时可以批量插入数据，提高工作效率。接下来分两个方面讲解，一个是为所有列批量插入数据，另一个是为指定列批量插入数据。

插入数据的常用指令

INSERT命令可以向数据库已有的表中插入一行或者多行元组数据，有两种语法形式：1、配合VALUES关键字，语法为“INSERT INTO 表名 (列名1,…列名n) VALUES(值1…,值n);”；2、配合SET关键字，语法为“INSERT INTO 表名 SET 列名1= 值1,列名2=值2,…;”。

2.修改网页中的数据

（1）DELETE语句是DML语句，TRUNCATE语句通常被认为是DDL语句。

（2）DELETE语句后面可以跟WHERE子句指定条件，从而实现删除部分数据，TRUNCATE语句只能用于删除表中所有的数据。

（3）使用TRUNCATE语句删除表中的数据后，再次向表中添加记录时，自增的字段的默认值重置为1，而使用DELETE语句删除表中的数据后，再次向表中添加记录时，自增字段的值为删除时该字段的最大值加1。

以上是MySQL数据表中数据的操作，对此大家不需要死记硬背，而应该多练习，在实践中快速提升熟练程度。

当UPDATE语句中不使用WHERE条件语句时，会将表中所有数据的指定字段全部更新。

前面讲解了更新全部数据的方法，这种需求在实际开发中一般比较少，大多数需求是更新表中的部分数据，使用WHERE子句可以指定更新数据的条件。

四、总结

Web开发是指构建、编写和维护网站或Web应用程序的过程。它包括创建静态网页、动态网页以及交互式Web应用程序。本文将介绍Web开发的基本概念，包括前端、后端、HTTP协议、HTML、CSS和JavaScript等。

HTTP（超文本传输协议）是互联网上应用最为广泛的一种网络协议。它定义了客户端（例如浏览器）与服务器之间请求和响应的规范。HTTP协议通常基于TCP/IP协议进行通信。

HTTP有以下几种常见的请求方法：

GET：用于请求指定资源的表示。

POST：用于向指定资源提交数据，通常用于提交表单。

PUT：用于更新指定资源的表示。

DELETE：用于删除指定资源。

Web开发是一个庞大且不断发展的领域。掌握前端和后端技术的基本知识是成为一名成功的Web开发人员的关键。