Web前端设计基础

 Web系统体系结构：

1. C/S结构（Client/Server）：在这种结构中，客户端发出请求，服务器接收并处理这些请求，然后返回结果。这种结构通常用于分布式数据库系统、在线游戏、聊天室等。
2. B/S结构（Browser/Server）：在这种结构中，用户通过浏览器访问Web服务器，然后服务器处理请求并返回结果。这是最常见的Web应用体系结构，因为它不需要在客户端安装额外的软件。
3. C/S与B/S混合结构：这种结构结合了C/S和B/S的特点，客户端和服务器之间可以通过中间层进行通信。这种结构通常用于分布式数据库系统、在线游戏、聊天室等。
4. 三层体系结构：这种结构包括表示层、业务逻辑层和数据访问层。表示层负责与用户交互，业务逻辑层负责处理业务逻辑，数据访问层负责与数据库进行交互。
5. 多层体系结构：这种结构包括多个层次，每个层次都有其特定的功能和职责。这种结构可以提高系统的可扩展性和可维护性

idea安装汉化插件，新建项目：

1. 安装汉化插件：首先，在IDEA中打开设置（Settings）对话框，选择Plugins选项卡。在Plugins市场中搜索“汉化插件”，找到适合的插件后点击安装。安装完成后，重启IDEA使插件生效。
2. 新建项目：在IDEA的主界面中，选择“File”菜单，然后选择“New”->“Project”。在弹出的对话框中，选择合适的项目类型，例如Java项目。填写项目名称和项目路径，然后点击“Finish”按钮
3. 我这里是中文页面，一般首次进入是英文页面，只要装个中文插件（直接搜chinese就可以看到）再重启下就可以换成中文了,如下图

 

 创建java项目，添加web功能

1. 设置开发环境：

   • 安装Java开发工具包 (JDK)。
   • 安装一个集成开发环境 (IDE)，例如 IntelliJ IDEA 或 Eclipse。

2. 选择Web框架：

   • Java有很多Web框架可供选择，例如 Spring、Struts、JSF、Play 等。为了简化，我将以Spring Boot为例。

3. 创建项目：

   • 使用IDE（如IntelliJ IDEA）创建一个新的Java项目。
   • 在项目结构中，选择Maven或Gradle作为构建工具（这里以Maven为例）

1. 添加依赖：

   • 在pom.xml文件中，添加Spring Boot的starter web依赖：

   	xml`<dependency>
   	<groupId>org.springframework.boot</groupId>
   	<artifactId>spring-boot-starter-web</artifactId>
   	</dependency>`

2. 创建主应用类：

   • 在src/main/java/目录下，创建一个名为YourApplication.java的文件。

   • 继承SpringBootApplication并添加主方法：

   	java`@SpringBootApplication
   	public class YourApplication {
   	public static void main(String[] args) {
   	SpringApplication.run(YourApplication.class, args);
   	}
   	}`

3. 创建Web控制器：

   • 在src/main/java/目录下，创建一个名为YourController.java的文件。

   • 添加一个简单的@RestController注解，并定义一个处理HTTP请求的方法。例如：

4. 	java`@RestController
   	public class YourController {
   	@GetMapping("/hello")
   	public String hello() {
   	return "Hello, World!";
   	}
   	}`

 

Web相关概念

Web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

此外，与Web相关的概念还包括：

1. Web服务器：安装了服务器软件的计算机，性能（硬盘、内存、CPU）比较好。服务器软件接收用户请求，处理请求，做出响应。Web服务器软件部署Web项目，让用户通过浏览器来访问，也称为Web容器。
2. HTTP（Hypertext Transfer Protocol）：超文本传输协议，是一种应用层协议，用于在网络中传输超文本（例如网页）。
3. HTML（HyperText Markup Language）：超文本标记语言，用于创建和设计网页的结构和内容。
4. CSS（Cascading Style Sheets）：层叠样式表，用于控制网页的外观和布局。
5. JavaScript：一种脚本语言，用于在网页中添加动态功能和交互性。
6. Web静态网页是指没有后台数据库、不含程序和不可交互的网页。它通常是由标准的HTML文件组成的，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。静态网页的内容相对稳定，不含特殊代码，因此容易被搜索引擎检索。此外，由于静态网页没有数据库的支持，所以在网站制作和维护方面工作量较大。然而，由于不需通过数据库工作，所以静态网页的访问速度比较快。

7. 动态网页动态网页是指网页能够按照用户的需求做出动态响应。常见的动态网页有留言板、论坛等。常用的网页动态/特效脚本语言有JavaScript和VBScript。其中，JavaScript是一种基于对象的、动态的、跨平台的、具有简单性与安全性的脚本语言。JavaScript简单而功能强大，主要表现在：(1)制作网页特效；(2)实现表单数据的客户端校验；(3)实现窗口动态作。
   版权声明：本文为CSDN博主「剪影的」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

   8Web网页设计技术主要包括以下几种：HTML：HTML是网页设计的基础，它用于创建网页的结构和内容。CSS：CSS是层叠样式表，用于控制网页的外观和布局。通过CSS，可以设置网页的颜色、字体、间距等样式。JavaScript：JavaScript是一种脚本语言，用于在网页中添加动态功能和交互性。例如，通过JavaScript可以实现表单验证、动态内容更新等功能。响应式设计：响应式设计是一种网页设计方法，它使网页能够适应不同大小的屏幕和设备。通过响应式设计，可以确保网页在各种设备上都能正常显示和使用。网页动画：网页动画是一种使网页更生动、有趣的技术。通过使用CSS动画、JavaScript动画等技术，可以创建出各种有趣的网页动画效果。前端框架：前端框架是一种用于简化网页开发的技术。例如，Bootstrap、React等都是常用的前端框架，它们提供了许多预先设计好的组件和样式，可以快速构建出美观、实用的网页。

 

Web开发环境通常包括以下组件：

1. 文本编辑器：如Notepad++、Sublime Text、Visual Studio Code等，用于编写HTML、CSS、JavaScript等代码。
2. 浏览器：如Chrome、Firefox、Safari等，用于查看和测试网页。
3. 服务器：如Apache、Nginx等，用于运行和部署网页。
4. 数据库：如MySQL、PostgreSQL等，用于存储和管理网站的数据。
5. 版本控制系统：如Git，用于管理代码的版本。
6. 构建工具：如Gulp、Webpack等，用于自动化构建和打包前端资源。

这些组件可以根据具体的项目需求进行选择和配置。同时，对于一些大型项目，可能会使用到更复杂的开发环境，如集成开发环境（IDE）等。

心得体会：

作为一个Web开发者，我在过去的一段时间里，通过不断地学习和实践，积累了一些关于Web开发的心得体会。在此，我想分享一下我的一些感悟和收获。

首先，Web开发是一个不断发展和变化的领域。随着技术的不断进步，新的工具和框架不断涌现，我们需要保持学习的态度，不断跟进技术的发展。只有这样，我们才能保持竞争力，开发出更好的Web应用。

其次，Web开发需要注重细节和用户体验。一个好的Web应用不仅需要功能完善，还需要具备良好的用户体验。在开发过程中，我们需要关注页面的加载速度、响应时间、界面设计等方面，尽可能提高用户的使用体验。

同时，Web开发也需要注重安全性和稳定性。随着互联网的普及，网络安全问题日益严重。在开发过程中，我们需要采取一些措施来保护用户的数据和隐私，例如使用HTTPS协议、输入验证等。此外，我们还需要确保应用的稳定性和可靠性，避免出现崩溃或数据丢失等问题。

另外，Web开发也需要注重可维护性和可扩展性。随着应用的规模不断扩大，我们需要考虑如何保持代码的清晰、易读和维护。同时，我们还需要考虑如何扩展应用的功能和性能，以满足用户的需求。

最后，我认为Web开发需要注重团队合作和沟通。在开发过程中，我们需要与设计师、前端工程师、后端工程师等团队成员紧密合作，共同完成一个项目。良好的沟通和协作能力是成功的关键之一。

总之，Web开发是一个充满挑战和机遇的领域。通过不断学习和实践，我们可以不断提高自己的技能和能力，开发出更好的Web应用。同时，我们也需要注重细节和用户体验、安全性、稳定性、可维护性和可扩展性以及团队合作和沟通等方面的问题。只有这样，我们才能在这个领域取得更好的成绩和发展。