当前位置：首页 > news >正文

探索C/S架构：我的第一次尝试

news 2026/5/12 12:42:21

作为学生，我对计算机科学的热情驱使我探索了客户端/服务器（C/S）架构。C/S架构是一种网络架构，其中软件被分成两大部分：客户端和服务器。客户端负责前端用户界面和用户体验，而服务器处理后台逻辑和数据存储。这种架构允许多个客户端连接到单个服务器，使得资源共享和通信变得更加高效。

理解C/S架构的基本概念

在开始我的项目之前，我首先需要理解C/S架构的基本组件。客户端是用户与之交互的软件，例如网页浏览器或移动应用。服务器则是运行在远程计算机上的软件，负责处理客户端的请求并将响应发回客户端。这种架构允许分散的客户端访问集中的资源，提高了可扩展性和效率。

我的第一次实践

我选择了一个简单的项目来实践：一个天气查询系统。客户端将是一个简单的网页，用户可以输入城市名并提交查询。服务器将接收请求，查询天气API，然后将结果返回给客户端显示。

客户端代码示例（HTML + JavaScript）

<!DOCTYPE html>
<html>
<head><title>天气查询</title>
</head>
<body><h1>查询天气</h1><input type="text" id="cityInput" placeholder="输入城市名"><button onclick="fetchWeather()">查询</button><div id="weatherResult"></div><script>function fetchWeather() {var city = document.getElementById('cityInput').value;var xhr = new XMLHttpRequest();xhr.open('GET', '/weather?city=' + encodeURIComponent(city), true);xhr.onload = function () {if (xhr.status >= 200 && xhr.status < 300) {document.getElementById('weatherResult').innerHTML = xhr.responseText;} else {document.getElementById('weatherResult').innerHTML = '查询失败';}};xhr.send();}</script>
</body>
</html>

服务器端代码示例（Node.js）

const http = require('http');
const querystring = require('querystring');const server = http.createServer((req, res) => {const query = querystring.parse(req.url.split('?')[1]);const city = query.city;// 假设这是对天气API的调用const weatherData = `天气：晴朗，温度：25°C`; // 这里应该是API调用的结果res.writeHead(200, { 'Content-Type': 'text/plain' });res.end(weatherData);
});server.listen(3000, () => {console.log('服务器运行在 http://localhost:3000/');
});