generator-mean-app-crud 是一个方便快速生成基于 MEAN 技术栈的增删查改应用的 npm 工具包。本文将介绍如何使用这个工具包来创建一个全栈增删查改应用,以及如何添加自定义路由和模型。
前置条件
- Node.js 和 npm 的环境;
- MongoDB 数据库的环境;
- Angular CLI 工具;
安装 generator-mean-app-crud
全局安装 generator-mean-app-crud:
npm install -g generator-mean-app-crud
创建一个增删查改项目
在命令行工具中执行以下语句:
mkdir my-app && cd my-app yo 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
- ...
- app/
添加自定义路由
如果需要添加一个自定义路由,可以通过以下步骤来实现:
- 在 server/routes/ 目录下创建一个新的 js 文件,文件名可以是自定义的,如 foo.js。
- 在 foo.js 文件中,引入 express 和对应的 model:
const express = require('express'); const router = express.Router(); const Foo = require('../models/Foo');
- 根据自己的业务逻辑,添加对应的路由响应事件,如:
-- -------------------- ---- ------- ---------------- ----- ---- -- - --- --- - --- ------ -------- - -------------- --------- - --------------- -------------- -- - -- ----- ----- ---- ---------- -------- ---- --------- --- --- --- --------------- ----- ---- -- - -------------- ---- -- - -- ----- ----- ---- -------------- --- ---
- 在 server/routes/index.js 文件中,添加 foo 路由的引用:
const foo = require('./foo'); // 路由文件名为 foo.js router.use('/foo', foo);
添加自定义模型
如果需要添加一个自定义模型,可以通过以下步骤来实现:
- 在 server/models/ 目录下创建一个新的 js 文件,文件名可以是自定义的,如 Bar.js。
- 在 Bar.js 文件中,定义对应的 Schema 和 model,如:
-- -------------------- ---- ------- ----- -------- - -------------------- ----- ------ - ---------------- ----- --------- - --- -------- ----- ------- ------ ------ --- -------------- - --------------------- -----------
- 在需要使用自定义 model 的路由文件中,引入对应的 model,如:
const Bar = require('../models/Bar');
运行项目
在命令行工具中,进入到项目根目录,执行以下语句:
npm install npm start
在浏览器中打开 http://localhost:3000,就可以看到应用的首页。
总结
使用 generator-mean-app-crud 工具包可以方便快速地生成一个基于 MEAN 技术栈的增删查改应用,同时也提供了添加自定义路由和模型的灵活性。希望本文能够对初学者有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600555bb81e8991b448d2d46