如何使用浏览器页面显示数据库数据（以水果库存系统为例）

在进行任何操作之前，我们需要确保我们有一个可运行的Web服务器和数据库服务器。在这个例子中，我们将使用Node.js和MySQL。
首先，我们需要安装必要的库。在项目根目录下运行以下命令：

npm init -y
npm install express mysql body-parser

然后，我们需要设置一个简单的Express服务器来处理数据库请求。创建一个名为server.js的文件，并添加以下代码：

const express = require('express');
const mysql = require('mysql');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.json());
const db = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'password',
database: 'fruit_inventory'
});
db.connect((err) => {
if (err) throw err;
console.log('Connected to the MySQL server.');
});
app.get('/fruits', (req, res) => {
db.query('SELECT * FROM fruits', (err, results) => {
if (err) throw err;
res.send(results);
});
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});

在这个代码中，我们首先导入必要的库，然后创建一个MySQL连接。然后，我们定义了一个路由/fruits，当用户访问这个路由时，它会从数据库中查询所有的水果信息，并将结果发送回用户。最后，我们启动了一个在端口3000上运行的服务器。
现在，我们可以运行这个服务器。在项目根目录下运行以下命令：

node server.js

这将启动一个服务器，现在你可以通过浏览器访问http://localhost:3000/fruits来查看数据库中的水果信息。你将会看到一个JSON格式的列表，其中包含了所有的水果信息。这就是如何在浏览器中显示数据库数据的基本方法。如果你想进一步改进这个系统，你可以添加更多的路由来处理其他类型的请求，例如添加、删除和更新水果信息。你还可以使用前端框架和库来改进用户界面，并使用安全措施来保护用户数据。