在本实验报告中，我们将深入探讨Web技术，这是南京邮电大学通达学院的一个课程项目。Web技术是互联网的核心组成部分，它涵盖了从网页设计到服务器端编程的各种技能和概念。这个报告将帮助我们理解Web的工作原理，以及如何利用各种工具和技术来创建交互式的Web应用程序。
Web技术的基础是HTML（超文本标记语言），它是构成网页的基本结构语言。通过使用HTML，我们可以定义文本、图像、链接等元素，并构建出静态的网页布局。例如，`<p>`标签用于创建段落，`<img>`标签插入图片，`<a>`标签则用于创建超链接。
接着，CSS（层叠样式表）是使网页具有美观外观的关键。CSS允许我们将样式规则与HTML元素关联起来，实现颜色、字体、布局等视觉效果的控制。例如，`.myClass {color: blue; font-size: 18px;}` 将所有拥有.myClass类的元素设置为蓝色文本，字体大小为18像素。
JavaScript是Web开发中的动态脚本语言，它使得网页可以响应用户交互、动画效果和数据处理。例如，使用JavaScript，我们可以添加事件监听器，当用户点击按钮时执行特定功能：
```javascript
document.getElementById('myButton').addEventListener('click', function() {
alert('按钮被点击了！');
});
```
此外，Web技术还包括服务器端编程，如PHP、Java、Python等。这些后端语言负责处理数据、与数据库交互并生成动态内容。例如，PHP可以通过MySQL数据库获取数据并返回到前端：
```php
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
$sql = "SELECT id, firstname, lastname FROM MyGuests";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// 输出数据
while($row = $result->fetch_assoc()) {
echo "id: " . $row["id"]. " - Name: " . $row["firstname"]. " " . $row["lastname"]. "<br>";
}
} else {
echo "0 结果";
}
$conn->close();
?>
```
现代Web开发还涉及框架和库的使用，如React、Vue.js和Angular，它们简化了前端开发，提供组件化结构和丰富的功能。例如，React是一个用于构建用户界面的JavaScript库，其虚拟DOM（Document Object Model）技术提高了性能：
```jsx
import React from 'react';
function App() {
return (
<div className="App">
<header className="App-header">
<h1>欢迎来到我的网站</h1>
</header>
</div>
);
}
export default App;
```
此外，RESTful API（Representational State Transfer）是Web服务通信的标准，它定义了一种简洁的HTTP接口，使得客户端和服务器之间可以高效地交换数据。一个简单的GET请求示例：
```http
GET /api/users/123
```
Web安全也是一个重要的话题，包括防止SQL注入、XSS（跨站脚本攻击）和CSRF（跨站请求伪造）等。开发者需要确保他们的应用遵循最佳实践，使用HTTPS协议、验证输入数据、使用安全的编程方法等。
Web技术是一门广泛的学科，涵盖了从基本的HTML和CSS到复杂的服务器端编程和API设计。南京邮电大学通达学院的这个实验报告无疑会引导学生深入理解这一领域，并掌握构建现代Web应用所需的关键技能。
