npm 包 crudder 使用教程

前言

随着前端开发的迅猛发展,前端越来越需要使用后端的数据,而后端开发人员也需要更便捷地提供数据接口。这时,CRUD 增删改查操作成了必备的技能。npm 包 crudder 就是为解决前后端开发人员 CRUD 操作提供方便的工具。

crudder 是什么

crudder 是一个基于配置文件生成前端增删改查代码的 npm 包。它可以减少开发者的重复工作,提高开发效率。它支持配置多个数据源,可以使用 MySQL、MongoDB、PostgreSQL 等关系和非关系型数据库。

安装

在项目中使用 crudder 很简单,首先可以通过 npm 安装:

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

配置文件

在使用 crudder 之前,我们需要设置一个配置文件。配置文件使用 .yml 或 .yaml 格式。下面是一个配置 mongodb 数据源的示例:

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

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

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

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

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

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

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

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

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

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

引入 crudder

在你的项目入口文件中引入 crudder:

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

使用 crudder

现在我们可以使用 crudder 了,只需要调用下面的代码即可:

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

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

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

这里的第二个参数是指生成的路由代码所在的文件夹路径。

代码生成

crudder 将生成以下代码:

数据模型

crudder 将根据配置创建一个数据模型并返回它。此模型包含了所有的属性和方法用于访问数据库。

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

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

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

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

REST API 路由

crudder 还将建立路由,包含以下 HTTP 方法:

  • GET - /api/posts - 获取所有文章
  • GET - /api/posts/:id - 获取指定 ID 的文章
  • POST - /api/posts - 创建文章
  • PUT - /api/posts/:id - 更新指定 ID 的文章
  • DELETE - /api/posts/:id - 删除指定 ID 的文章
----- ------- - ------------------

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

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

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

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

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

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

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

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

总结

crudder 是一个非常有价值的 npm 包,可以帮助你生成 CRUD 增删改查代码,大大提高开发效率。通过使用配置文件生成数据模型和 REST API 路由,开发人员可以避免很多乏味的重复劳动,更专注于业务逻辑的开发。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671a730d0927023822655


猜你喜欢

  • npm 包 bbdevportal 使用教程

    简介 npm 是 Node.js 包管理器,bbdevportal 是一个前端开发者门户网站的命令行接口(CLI)工具,可以在命令行上方便地访问和使用 bbdevportal 网站的各种资源和服务。

    4 年前
  • npm 包 auto-pod 使用教程

    简介 auto-pod 是一个自动管理 Podfile 的命令行工具。它可以帮助我们更方便、更智能地维护 iOS 项目的依赖库。它的主要特点包括: 自动更新 Podfile.lock 文件; 自动分...

    4 年前
  • npm 包 hapi-oauth2-server-plugin 使用教程

    在前端开发中,我们常常需要用到 OAuth2 认证方式,hapi-oauth2-server-plugin 就是一款可以快速搭建 OAuth2 服务器的 npm 包。

    4 年前
  • npm 包 openswarm-js-react-datatable 使用教程

    随着互联网的快速发展,前端技术也越来越受到关注和重视。在前端开发中,数据表格是一个非常重要的组件,可以展示数据、排序、翻页等功能。本文将介绍一个 NPM 包 openswarm-js-react-da...

    4 年前
  • npm 包 react-native-boilerplate-zb 使用教程

    在开发 React Native 应用程序时,借助一些已有的框架和工具可以提高开发效率和代码质量。而 react-native-boilerplate-zb 就是一个常用的 boilerplate,它...

    4 年前
  • npm 包 ng-pathfinder 使用教程

    随着前端技术的发展,SPA(Single Page Application)已经成为了 Web 开发中不可忽略的部分,而在 SPA 中,如何进行页面路由是非常重要的一环。

    4 年前
  • npm 包 sls-aws-apikey-output-plugin 使用教程

    介绍 在使用 Serverless Framework 部署 AWS Lambda 时,经常需要使用 API Gateway 来暴露 Lambda 的 HTTP 接口。

    4 年前
  • npm包 ndjson-to-json-text 使用教程

    什么是ndjson-to-json-text包 ndjson-to-json-text是一个npm包,可以将ndjson格式的文本数据转换成普通的JSON格式数据。

    4 年前
  • npm 包 shaoling2019 使用教程

    对于前端开发者来说,现在使用 npm 已经成为了日常的一个必须的工作流程。npm 作为 node.js 的包管理器,提供了各种各样的功能丰富的包来帮助我们开发。在众多 npm 包之中,shaoling...

    4 年前
  • npm 包 @osserpse/pn-icons 使用教程

    前言 随着前端技术的不断发展,我们越来越依赖于npm包来提高代码质量和效率。其中,@osserpse/pn-icons这个npm包是一款提供了丰富图标可用于Web项目的 npm包。

    4 年前
  • npm 包 @component-catalog/core 使用教程

    什么是 @component-catalog/core? @component-catalog/core 是一个 JavaScript 库,它提供了一些在前端开发中常用的组件和工具函数。

    4 年前
  • 使用 react-router-route-reducers 的详细教程

    在开发 React 应用中,路由管理是不可避免的重要部分。而在管理路由数据的过程中,我们常常需要使用 Redux 等状态管理工具。react-router-route-reducers 是一个用来管理...

    4 年前
  • npm 包 loanjs 使用教程

    介绍 Loanjs 是一个小型的 JavaScript 库,可以计算传统固定付款贷款的利息和本金。它可以在 node.js 和浏览器环境中使用。在本文中,我们将深入了解 npm 包 loanjs 的使...

    4 年前
  • npm 包@fvilers/force-transfer 使用教程

    在前端开发中,我们经常需要进行数据类型转换。但是,不同的数据类型之间的转换可能会出现一些难以处理的问题。这时候,我们需要一个工具来帮我们解决这些问题。@fvilers/force-transfer就是...

    4 年前
  • npm 包 stephen-ui 使用教程

    在日常的前端开发中,我们往往需要使用各种样式组件和工具,这些组件和工具往往都是以 npm 包的形式供给我们使用。npm 包的优势在于可以快速的引入多种功能,同时也能保持代码的干净整洁。

    4 年前
  • npm 包 eslint-config-sky 使用教程

    在前端开发中,大家都知道代码质量的重要性,而 eslint 就是一款非常强大的代码质量工具。但 eslint 的使用也有一定复杂度,需要配置大量规则和插件,而 eslint-config-sky 这个...

    4 年前
  • npm 包 @ashblue/gravity-ui-sass 使用教程

    在前端开发中,UI 框架能够提高开发效率,减少重复工作。其中,@ashblue/gravity-ui-sass 是一个基于 Sass 的 UI 框架,可以帮助我们快速构建现代化的网页界面。

    4 年前
  • npm 包 animated-lazy-image 使用教程

    在现代web应用中,图片异步加载已经成为了刚性需求。但是如果直接在标签使用lazy load或者类似的库时,当图片真正被加载时可能给用户带来闪烁或者卡顿等不好的用户体验。

    4 年前
  • npm 包 flokit-theme-default 使用教程

    介绍 flokit-theme-default 是一个基于 React 的 UI 库,提供了许多美观、实用的 UI 组件。它可以在任何 React 应用程序中使用,并且具有可自定义的主题和颜色。

    4 年前
  • npm 包 @smart-powers/js-spatial-navigation 使用教程

    介绍 随着智能电视、手机等屏幕越来越大,使用上也越来越类似于传统“遥控器”的方式来进行控制。好的空间导航系统可以带来更舒适、更高效的使用体验。@smart-powers/js-spatial-navi...

    4 年前

相关推荐

    暂无文章