使用 nodejs 向 MariaDB 发送 Angular POST

Question

我正在使用前同事创建的模板，该模板仅通过 GET API 从数据库读取数据。

现在，我试图找到一种将新数据发布到数据库的方法（例如，通过 POST API）。

我在 python 中使用 MySQL 和 MariaDB，最终我需要从 Angular 调用 python 函数，所以我也坚持在 Angular 中使用 MySQL 和 MariaDB。

使用我同事创建的模板，我已从 GET API 更改为 POST API，如下所示：

控件.ts

import { Request, Response } from 'express';
import conn from './config/mariadb';

async function setAmnt(req: Request, res: Response) {
   const { amntArray } = req.query;

   conn.query("INSERT INTO table_name (columns) VALUES (amntArray[0], ...)", function (error, results, fields) {
      if (error) {
         throw error;
      }
      return res.json({results});
   });
}

export {
   setAmnt
};

服务.ts

@Injectable()
export class APIService {
   constructor(
      private httpClient: HttpClient
   ) {}

   public setAmnt(amntArray): Observable<any> {
      return Observable.create(observer => {
         this.httpClient
         .post(`localhost:3000/some/address`, amntArray)
         .subscribe(
            (data:any) => {
               observer.next(data);
               observer.complete();
            },
            err => observer.error(err)
         );
      });
   }
}

路由文件

import express from 'express';
import { setAmnt } from 'Ctrl';

const router = express.Router();

router
   .route('/some/address')
   .get(setAmnt);

export default router;

主文件

export class SomeClass implements OnInit {
   constructor(
      private APIService: Service
   ) {}

   ngOnInit() {
      // some code
   }

   clicked() {
      const amntArray = [date, amnt, ...]; // all variables defined in Main.ts
      APIService.setAmnt(amntArray);
   }

主文件

<Button
   (click)="clicked()">Click Here</Button>

如您所见，Ctrl.ts 和 Service.ts 中有一个错误捕获代码，但是当我编译此代码并单击按钮时，两者都没有出现错误。 一切都很顺利，除了它不写入数据库。

我只是在互联网上搜索，所以我没有那么深的知识，虽然我知道Angular不能直接与DB通信，所以它必须通过node.js。

所以，如果有人能指出任何错误或从这里引导我走向正确的道路，我将非常感激。

Answer 1

在 post 请求中，数据将在 req.body 中接收而不是在 req.query ....希望这会起作用我不知道原始查询

// change Api from get to post
router
   .route('/some/address')
   .post(setAmnt);

async function setAmnt(req: Request, res: Response) {
   // we use req.body in post method
   const { amntArray } = req.body;

   conn.query("INSERT INTO table_name (columns) VALUES (amntArray[0], ...)", function (error, results, fields) {
      if (error) {
         throw error;
      }
      return res.json({results});
   });
}