项目方案：使用 MongoDB 查询用户名和密码

1. 项目简介

本项目旨在使用 MongoDB 数据库来存储用户的用户名和密码，并通过查询操作来验证用户的身份。

2. 技术选型

本项目主要使用以下技术：

  • MongoDB：作为数据库存储用户的用户名和密码。
  • Node.js：作为后端服务器，提供 API 接口和处理逻辑。
  • Express.js：用于构建后端的 RESTful API。
  • JavaScript：用于编写后端逻辑和前端页面交互。

3. 数据库设计

在 MongoDB 中，我们可以使用集合（Collection）来存储用户的用户名和密码。每个用户的信息可以作为一个文档（Document）存储在集合中。

3.1 用户集合（users）

用户集合用于存储用户的用户名和密码信息。

### 集合名称：users
### 字段：
- _id: 用户的唯一标识（自动生成）
- username: 用户名
- password: 密码
- createdAt: 创建时间
- updatedAt: 更新时间

4. 后端实现

4.1 安装依赖

在项目根目录下执行以下命令安装所需的依赖：

代码示例：

npm install express mongodb

4.2 连接 MongoDB 数据库

首先，在后端的入口文件 app.js 中连接 MongoDB 数据库。

代码示例：

const express = require('express');
const mongoose = require('mongoose');
const app = express();

// 连接 MongoDB 数据库
mongoose.connect('mongodb://localhost:27017/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => {
    console.log('Connected to MongoDB');
  })
  .catch((error) => {
    console.error('Failed to connect to MongoDB', error);
  });

// ...

4.3 创建用户模型

在 models 目录下创建 User.js 文件，并定义用户模型。

代码示例：

const mongoose = require('mongoose');

const userSchema = new mongoose.Schema({
  username: { type: String, required: true },
  password: { type: String, required: true },
  createdAt: { type: Date, default: Date.now },
  updatedAt: { type: Date, default: Date.now },
});

const User = mongoose.model('User', userSchema);

module.exports = User;

4.4 创建用户 API

在 routes 目录下创建 user.js 文件，并定义用户相关的 API。

代码示例：

const express = require('express');
const router = express.Router();
const User = require('../models/User');

// 创建用户
router.post('/users', async (req, res) => {
  try {
    const { username, password } = req.body;
    const user = new User({ username, password });
    await user.save();
    res.status(201).json(user);
  } catch (error) {
    res.status(500).json({ error: error.message });
  }
});

// 查询用户
router.get('/users', async (req, res) => {
  try {
    const users = await User.find();
    res.json(users);
  } catch (error) {
    res.status(500).json({ error: error.message });
  }
});

module.exports = router;

4.5 启动服务器

在 app.js 中添加路由中间件，并启动服务器。

代码示例：

const express = require('express');
const app = express();
const userRoutes = require('./routes/user');

app.use(express.json());
app.use('/api', userRoutes);

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

5. 前端实现

5.1 发送请求

在前端页面中，可以使用 AJAX 或 Fetch API 来发送请求到后端服务器。

代码示例：

fetch('/api/users')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

5.2 展示数据

根据后端返回的数据，可以在前端页面中展示用户的用户名和密码信息。

代码示例：

const usersContainer = document.getElementById('users-container');

fetch('/api/users')
  .then(response => response.json())
  .then(data => {
    data.forEach(user => {
      const userElement = document.createElement('div');
      userElement.innerHTML = `<p>Username: ${user.username}</p><p>Password: ${user.password}</p>`;
      usersContainer.appendChild(userElement);
    });
  })