CN112613836A - 一种crud表单的集成方法 - Google Patents
一种crud表单的集成方法 Download PDFInfo
- Publication number
- CN112613836A CN112613836A CN202011500510.7A CN202011500510A CN112613836A CN 112613836 A CN112613836 A CN 112613836A CN 202011500510 A CN202011500510 A CN 202011500510A CN 112613836 A CN112613836 A CN 112613836A
- Authority
- CN
- China
- Prior art keywords
- loud
- crud
- default
- vue
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 77
- 230000010354 integration Effects 0.000 title claims abstract description 8
- 238000013461 design Methods 0.000 claims abstract description 6
- 238000011161 development Methods 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000012545 processing Methods 0.000 claims description 3
- 238000012795 verification Methods 0.000 claims description 2
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 230000001066 destructive effect Effects 0.000 description 2
- 230000007547 defect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/10—Office automation; Time management
- G06Q10/103—Workflow collaboration or project management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Human Resources & Organizations (AREA)
- Strategic Management (AREA)
- Theoretical Computer Science (AREA)
- Entrepreneurship & Innovation (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- Tourism & Hospitality (AREA)
- Health & Medical Sciences (AREA)
- Operations Research (AREA)
- Marketing (AREA)
- General Business, Economics & Management (AREA)
- Economics (AREA)
- Data Mining & Analysis (AREA)
- Quality & Reliability (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- General Engineering & Computer Science (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种CRUD表单的集成方法。它具体包括如下步骤：(1)在调用crud方法前，要先注册crud，初始化crud配置；(2)表单页面采用vue框架进行构建表单，一个vue相当于一个crud方法的实例；(3)根据页面设计要求，一个页面可能会存在多个表单，在这种情况下，将会有多个vue，即多个crud实例，每个实例用参数tag进行标记，保持数据清洁；(4)将查询数据的接口URL传给crud方法，URL参数值必传；将default fun传给crud方法，即将默认的表单结构传给crud，若default fun没有赋予参数值，即使用默认参数值；(5)对表单进行初始化，即调用crud中的Retrieve操作，获取相关字段数据，呈现表单的默认状态。本发明的有益效果是：能够大大提高代码精简性。
Description
技术领域
本发明涉及企业管理相关技术领域，尤其是指一种CRUD表单的集成方法。
背景技术
企业内部的管理后台，涉及到很多对表单的增删改查之类的操作。这些操作具有很高的重复性，如果对每个页面都开发一套增删改查的操作，缺少了代码的精简性。
发明内容
本发明是为了克服现有技术中存在上述的不足，提供了一种提高代码精简性的CRUD表单的集成方法。
为了实现上述目的，本发明采用以下技术方案：
一种CRUD表单的集成方法，具体包括如下步骤：
(1)在调用crud方法前，要先注册crud，初始化crud配置；
(2)表单页面采用vue框架进行构建表单，一个vue相当于一个crud方法的实例；
(3)根据页面设计要求，一个页面可能会存在多个表单，在这种情况下，将会有多个vue，即多个crud实例，每个实例用参数tag进行标记，保持数据清洁；
(4)将查询数据的接口URL传给crud方法，URL参数值必传；将default fun传给crud方法，即将默认的表单结构传给crud，若default fun没有赋予参数值，即使用默认参数值；
(5)对表单进行初始化，即调用crud中的Retrieve操作，获取相关字段数据，呈现表单的默认状态。
其中：CRUD是以增加(Create)、读取查询(Retrieve)、更新(Update)和删除(Delete)这4个单词的首字母命名。crud提供的方法：toQuery(搜索)、refresh(刷新)、doEdit(编辑)、submitCU(提交新增)、doDelete(删除)、doExport(导出excel)等。为了解决该问题，将增删改查封装成一套crud(Create、Retrieve、Update和Delete)方法，里面包括如何改变刷新前后、新增前后、删除前后等的状态问题，只要在页面上进行传参调用即可。本方法生成一个JS的crud文件，集成vue的mixins混路方法，mixins提供使用crud方法的一个通道，通过mixins方法使得crud的JS文件在页面上可以使用，然后外部通过crud暴露的方法来操作crud的内部，这样设计能够大大提高代码精简性。
作为优选，在步骤(1)中，在注册crud时，需要定义crud方法，其主要作用定义属性和公共方法，返回curd对象；多个curd时，通过属性tag进行标记，识别组件；在初始化crud配置时，在vue实例属性上添加crud方法，返回合并后的属性；mixins混入crud定义好的属性和方法。mxins是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
作为优选，在步骤(1)中，crud与表单开发先定义好权限控制字段rolesname，用户在登录时接口调用获取用户权限，初始化crud时与rolesname字段进行权限匹配，根据匹配到的权限来确定该用户界面是否有相关的操作按钮。
作为优选，在步骤(4)中，根据URL和default fun可以获得表单的基本信息，包括表单包含哪些参数，表单使用增删改查中的哪一种或几种操作。
作为优选，crud方法如下：先对要配置的表单进行置空，清空数据残留和初始化，利用钩子监听指定的消息类型，提供操作空间，利用与之相关联的指针this，拿到实例。
作为优选，在crud方法中，新增前要做校验，要在新增前的钩子里做处理；新增时表单填写了一半取消新增，通过钩子监听到这个操作后则进行状态置空处理，在这些特殊事件前后都需要添加这样一个钩子来进行监听并处理。
本发明的有益效果是：生成一个JS的crud文件，集成vue的mixins混路方法，mixins提供使用crud方法的一个通道，通过mixins方法使得crud的JS文件在页面上可以使用，然后外部通过crud暴露的方法来操作crud的内部，能够大大提高代码精简性。
具体实施方式
下面结合具体实施方式对本发明做进一步的描述。
一种CRUD表单的集成方法，具体包括如下步骤：
(1)在调用crud方法前，要先注册crud，初始化crud配置；
在注册crud时，需要定义crud方法，其主要作用定义属性和公共方法，返回curd对象；多个curd时，通过属性tag进行标记，识别组件。
在初始化crud配置时，这里引入curd.js，在vue实例属性上添加crud方法，返回合并后的属性；mixins混入crud定义好的属性和方法。mxins是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
crud与表单开发先定义好权限控制字段rolesname，用户在登录时接口调用获取用户权限，初始化crud时与rolesname字段进行权限匹配，根据匹配到的权限来确定该用户界面是否有相关的操作按钮。
(2)表单页面采用vue框架进行构建表单，一个vue相当于一个crud方法的实例；
(3)根据页面设计要求，一个页面可能会存在多个表单，在这种情况下，将会有多个vue，即多个crud实例，每个实例用参数tag(参数值为a，b，c······)进行标记，保持数据清洁；
(4)将查询数据的接口URL传给crud方法，URL参数值必传；将default fun传给crud方法，即将默认的表单结构传给crud，若default fun没有赋予参数值，即使用默认参数值；根据URL和default fun可以获得表单的基本信息，包括表单包含哪些参数，表单使用增删改查中的哪一种或几种操作。
(5)对表单进行初始化，即调用crud中的Retrieve操作，获取该表单目前拥有的总数据条数count、表单的每条数据内容list、列表的字段名、(补充下)等相关字段数据，呈现表单的默认状态。
crud方法如下：先对要配置的表单进行置空，清空数据残留和初始化(有些要填写的地方是有默认值的)，利用钩子(HOOKS)监听指定的消息类型，提供操作空间，利用与之相关联的指针this，拿到实例(达成什么样的目的)。在crud方法中，例如：新增前要做校验，要在新增前的钩子里做处理；例如：新增时表单填写了一半取消新增，通过钩子监听到这个操作后则进行状态置空处理，在这些特殊事件前后都需要添加这样一个钩子来进行监听并处理。
其中：CRUD是以增加(Create)、读取查询(Retrieve)、更新(Update)和删除(Delete)这4个单词的首字母命名。crud提供的方法：toQuery(搜索)、refresh(刷新)、doEdit(编辑)、submitCU(提交新增)、doDelete(删除)、doExport(导出excel)等。本方法增删改查封装成一套crud(Create、Retrieve、Update和Delete)方法，里面包括如何改变刷新前后、新增前后、删除前后等的状态问题，只要在页面上进行传参调用即可。本方法生成一个JS的crud文件，集成vue的mixins混路方法，mixins提供使用crud方法的一个通道，通过mixins方法使得crud的JS文件在页面上可以使用，然后外部通过crud暴露的方法来操作crud的内部，这样设计能够大大提高代码精简性。
Claims (6)
1.一种CRUD表单的集成方法，其特征是，具体包括如下步骤：
(1)在调用crud方法前，要先注册crud，初始化crud配置；
(2)表单页面采用vue框架进行构建表单，一个vue相当于一个crud方法的实例；
(3)根据页面设计要求，一个页面可能会存在多个表单，在这种情况下，将会有多个vue，即多个crud实例，每个实例用参数tag进行标记，保持数据清洁；
(4)将查询数据的接口URL传给crud方法，URL参数值必传；将default fun传给crud方法，即将默认的表单结构传给crud，若default fun没有赋予参数值，即使用默认参数值；
(5)对表单进行初始化，即调用crud中的Retrieve操作，获取相关字段数据，呈现表单的默认状态。
2.根据权利要求1所述的一种CRUD表单的集成方法，其特征是，在步骤(1)中，在注册crud时，需要定义crud方法，其主要作用定义属性和公共方法，返回curd对象；多个curd时，通过属性tag进行标记，识别组件；在初始化crud配置时，在vue实例属性上添加crud方法，返回合并后的属性；mixins混入crud定义好的属性和方法。
3.根据权利要求1所述的一种CRUD表单的集成方法，其特征是，在步骤(1)中，crud与表单开发先定义好权限控制字段rolesname，用户在登录时接口调用获取用户权限，初始化crud时与rolesname字段进行权限匹配，根据匹配到的权限来确定该用户界面是否有相关的操作按钮。
4.根据权利要求1所述的一种CRUD表单的集成方法，其特征是，在步骤(4)中，根据URL和default fun可以获得表单的基本信息，包括表单包含哪些参数，表单使用增删改查中的哪一种或几种操作。
5.根据权利要求1或2或3所述的一种CRUD表单的集成方法，其特征是，crud方法如下：先对要配置的表单进行置空，清空数据残留和初始化，利用钩子监听指定的消息类型，提供操作空间，利用与之相关联的指针this，拿到实例。
6.根据权利要求4所述的一种CRUD表单的集成方法，其特征是，在crud方法中，新增前要做校验，要在新增前的钩子里做处理；新增时表单填写了一半取消新增，通过钩子监听到这个操作后则进行状态置空处理，在这些特殊事件前后都需要添加这样一个钩子来进行监听并处理。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011500510.7A CN112613836A (zh) | 2020-12-18 | 2020-12-18 | 一种crud表单的集成方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011500510.7A CN112613836A (zh) | 2020-12-18 | 2020-12-18 | 一种crud表单的集成方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112613836A true CN112613836A (zh) | 2021-04-06 |
Family
ID=75240427
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011500510.7A Pending CN112613836A (zh) | 2020-12-18 | 2020-12-18 | 一种crud表单的集成方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112613836A (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20200125468A1 (en) * | 2018-10-19 | 2020-04-23 | Oracle International Corporation | Universal governance |
| CN111831282A (zh) * | 2020-06-30 | 2020-10-27 | 苏州宏软信息技术有限公司 | 基于vue技术的低代码开发表单方法和系统 |
| CN112016128A (zh) * | 2020-10-29 | 2020-12-01 | 北京淇瑀信息科技有限公司 | 基于CRUD和权限管理的vue开发方法及装置 |
-
2020
- 2020-12-18 CN CN202011500510.7A patent/CN112613836A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20200125468A1 (en) * | 2018-10-19 | 2020-04-23 | Oracle International Corporation | Universal governance |
| CN111831282A (zh) * | 2020-06-30 | 2020-10-27 | 苏州宏软信息技术有限公司 | 基于vue技术的低代码开发表单方法和系统 |
| CN112016128A (zh) * | 2020-10-29 | 2020-12-01 | 北京淇瑀信息科技有限公司 | 基于CRUD和权限管理的vue开发方法及装置 |
Non-Patent Citations (2)
| Title |
|---|
| 直角漫步: "CRUD最强封装-极简增删改查", 《HTTPS://WWW.CNBLOGS.COM/ZHAOXXNBSP/P/13608826.HTML》 * |
| 码农家园: "crud增删改查--自定义钩子函数", 《HTTPS://WWW.CODENONG.COM/CS106357698/》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8364300B2 (en) | Retrieving and navigating through manufacturing data from relational and time-series systems by abstracting the source systems into a set of named entities | |
| US8352478B2 (en) | Master data framework | |
| US8429126B2 (en) | Object graph editing context and methods of use | |
| CN102810057B (zh) | 一种记录日志的方法 | |
| US7810102B2 (en) | Service adaptation of the enterprise services framework | |
| EP2958037B1 (en) | Data collection and cleaning at source | |
| WO2020052582A1 (zh) | 一种智能调用Dubbo远程服务的方法、装置、设备及介质 | |
| CN112256318B (zh) | 一种用于依赖产品的构建方法及设备 | |
| US6748388B1 (en) | Method and mechanism for storing and managing self-descriptive heterogeneous data | |
| US10331643B2 (en) | Generating context tree data based on a tailored data model | |
| CN113642301A (zh) | 报表的生成方法、装置及系统 | |
| CN112613836A (zh) | 一种crud表单的集成方法 | |
| CN111126946A (zh) | 一种信息化系统数据追溯的建模方法及装置 | |
| CN114860693B (zh) | 一种智能终端结构化数据管理方法 | |
| Kim et al. | RFID business aware framework for business process in the EPC network | |
| CN115277835A (zh) | 信息推送方法、装置、存储介质及电子设备 | |
| CN112416995B (zh) | 一种数据统计方法、装置、计算机设备及存储介质 | |
| CN110825354A (zh) | 基于soa体系的知识产权代理机构业务管理系统 | |
| CN111209276A (zh) | 一种用于对大数据进行处理的方法及系统 | |
| US20130046963A1 (en) | Access to context information in a heterogeneous application environment | |
| US11947905B1 (en) | Template builder for dynamically generated executables | |
| CN116501376B (zh) | 基于配置即时触发任务的解耦方法、系统及装置 | |
| CN109445964B (zh) | 外部系统中与sap系统进行数据传输的方法及装置 | |
| CN115858348B (zh) | 一种基于字节码的测试工作量评估方法、设备及介质 | |
| CN112882922B (zh) | 一种测试方法和相关装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210406 |