npm 包 generator-mean-app-crud 使用教程

阅读时长 4 分钟读完

generator-mean-app-crud 是一个方便快速生成基于 MEAN 技术栈的增删查改应用的 npm 工具包。本文将介绍如何使用这个工具包来创建一个全栈增删查改应用,以及如何添加自定义路由和模型。

前置条件

  • Node.js 和 npm 的环境;
  • MongoDB 数据库的环境;
  • Angular CLI 工具;

安装 generator-mean-app-crud

全局安装 generator-mean-app-crud:

创建一个增删查改项目

在命令行工具中执行以下语句:

运行该命令后,工具会询问是否安装 bootstrap 和 jQuery,可以根据自己的需求来选择是否安装,安装会增加项目的大小。

项目结构

  • server/
    • routes/
    • models/
  • client/
    • src/app/
    • src/assets/
    • ...
  • config/
    • express.json
    • mongoose.json
  • src/
    • app/
      • app.module.ts
      • app.component.ts
      • ...

添加自定义路由

如果需要添加一个自定义路由,可以通过以下步骤来实现:

  1. 在 server/routes/ 目录下创建一个新的 js 文件,文件名可以是自定义的,如 foo.js。
  2. 在 foo.js 文件中,引入 express 和对应的 model:
  1. 根据自己的业务逻辑,添加对应的路由响应事件,如:
-- -------------------- ---- -------
---------------- ----- ---- -- -
  --- --- - --- ------
  -------- - --------------
  --------- - ---------------

  -------------- -- -
    -- ----- ----- ----
    ---------- -------- ---- --------- ---
  ---
---

--------------- ----- ---- -- -
  -------------- ---- -- -
    -- ----- ----- ----
    --------------
  ---
---
  1. 在 server/routes/index.js 文件中,添加 foo 路由的引用:

添加自定义模型

如果需要添加一个自定义模型,可以通过以下步骤来实现:

  1. 在 server/models/ 目录下创建一个新的 js 文件,文件名可以是自定义的,如 Bar.js。
  2. 在 Bar.js 文件中,定义对应的 Schema 和 model,如:
-- -------------------- ---- -------
----- -------- - --------------------
----- ------ - ----------------

----- --------- - --- --------
  ----- -------
  ------ ------
---

-------------- - --------------------- -----------
  1. 在需要使用自定义 model 的路由文件中,引入对应的 model,如:

运行项目

在命令行工具中,进入到项目根目录,执行以下语句:

在浏览器中打开 http://localhost:3000,就可以看到应用的首页。

总结

使用 generator-mean-app-crud 工具包可以方便快速地生成一个基于 MEAN 技术栈的增删查改应用,同时也提供了添加自定义路由和模型的灵活性。希望本文能够对初学者有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600555bb81e8991b448d2d46

纠错
反馈