CRUD Todo App 使用教程
1. 项目的目录结构及介绍
crud_todo_app/
├── README.md
├── app.js
├── config/
│ └── config.json
├── controllers/
│ └── todoController.js
├── models/
│ └── todoModel.js
├── routes/
│ └── todoRoutes.js
├── public/
│ ├── index.html
│ └── styles.css
└── package.json
- README.md: 项目说明文件。
- app.js: 项目的启动文件。
- config/: 配置文件目录。
- config.json: 包含数据库连接等配置信息。
- controllers/: 控制器目录。
- todoController.js: 处理业务逻辑的控制器文件。
- models/: 模型目录。
- todoModel.js: 数据库模型文件。
- routes/: 路由目录。
- todoRoutes.js: 定义API路由。
- public/: 静态文件目录。
- index.html: 前端页面文件。
- styles.css: 样式文件。
- package.json: 项目依赖和脚本配置文件。
2. 项目的启动文件介绍
app.js 是项目的启动文件,主要负责以下任务:
- 引入必要的模块和配置。
- 设置Express应用。
- 连接数据库。
- 定义中间件。
- 挂载路由。
- 启动服务器。
const express = require('express');
const bodyParser = require('body-parser');
const mongoose = require('mongoose');
const config = require('./config/config.json');
const todoRoutes = require('./routes/todoRoutes');
const app = express();
app.use(bodyParser.json());
app.use(express.static('public'));
mongoose.connect(config.dbUrl, { useNewUrlParser: true, useUnifiedTopology: true });
app.use('/api/todos', todoRoutes);
app.listen(config.port, () => {
console.log(`Server is running on port ${config.port}`);
});
3. 项目的配置文件介绍
config/config.json 文件包含了项目的配置信息,主要包括数据库连接URL和端口号。
{
"port": 3000,
"dbUrl": "mongodb://localhost:27017/todo_app"
}
- port: 服务器监听的端口号。
- dbUrl: 数据库连接URL。
通过这些配置,可以轻松地修改项目的运行环境和数据库连接信息。