CN116627525A - 一种web前端应用约定式状态管理配置方法及系统 - Google Patents

一种web前端应用约定式状态管理配置方法及系统 Download PDF

Info

Publication number
CN116627525A
CN116627525A CN202310418244.0A CN202310418244A CN116627525A CN 116627525 A CN116627525 A CN 116627525A CN 202310418244 A CN202310418244 A CN 202310418244A CN 116627525 A CN116627525 A CN 116627525A
Authority
CN
China
Prior art keywords
vuex
file
function
unified
module
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
Application number
CN202310418244.0A
Other languages
English (en)
Inventor
邓维滔
孔令超
吕火生
黄世志
彭志鸿
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Gongqing City Zhongtaolian Supply Chain Service Co ltd
Lin Zhoujia Home Network Technology Co ltd
Linzhou Lilijia Supply Chain Service Co ltd
Foshan Zhongtaolian Supply Chain Service Co Ltd
Tibet Zhongtaolian Supply Chain Service Co Ltd
Original Assignee
Gongqing City Zhongtaolian Supply Chain Service Co ltd
Lin Zhoujia Home Network Technology Co ltd
Linzhou Lilijia Supply Chain Service Co ltd
Foshan Zhongtaolian Supply Chain Service Co Ltd
Tibet Zhongtaolian Supply Chain Service Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Gongqing City Zhongtaolian Supply Chain Service Co ltd, Lin Zhoujia Home Network Technology Co ltd, Linzhou Lilijia Supply Chain Service Co ltd, Foshan Zhongtaolian Supply Chain Service Co Ltd, Tibet Zhongtaolian Supply Chain Service Co Ltd filed Critical Gongqing City Zhongtaolian Supply Chain Service Co ltd
Priority to CN202310418244.0A priority Critical patent/CN116627525A/zh
Publication of CN116627525A publication Critical patent/CN116627525A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
    • G06F9/4451—User profiles; Roaming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/10—File systems; File servers
    • G06F16/16—File or folder operations, e.g. details of user interfaces specifically adapted to file systems
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/31—Programming languages or programming paradigms
    • G06F8/315—Object-oriented languages
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
    • G06F9/4482—Procedural
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/448—Execution paradigms, e.g. implementations of programming paradigms
    • G06F9/4488—Object-oriented
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Abstract

本发明公开了一种web前端应用约定式状态管理配置方法及系统，该方法包括以下步骤：创建vuex文件夹，vuex文件夹用于存放若干vuex文件；创建统一配置文件，在统一配置文件内导入js代码，js代码用于遍历vuex文件夹中的所有vuex文件；通过遍历得到每个vuex文件对应的vuex对象，并对每个vuex文件进行统一命名；在统一配置文件内导出统一vuex对象，统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；在根vuex对象内导入统一配置文件并最终完成vuex的实例化。本发明解决了现有基于vue的应用程序中，每次新增vuex文件都需手动对其进行配置，才能使用这个新的vuex对象，导致需要不断重复相同内容进行配置，存在大量重复工作的问题。

Description

一种web前端应用约定式状态管理配置方法及系统
技术领域
本发明涉及前端状态管理配置技术领域，特别是一种web前端应用约定式状态管理配置方法及系统。
背景技术
目前基于vue的应用程序中，随着组件的数量和复杂度的增加，组件之间状态的共享和管理变得非常困难。而vuex是一个专门为vue应用程序开发的状态管理工具，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。而一套基于vue的应用程序中，随着组件增加，vuex文件会越来越多，每次新增都需要手动对其进行配置，才能使用这个新的vuex对象，这样对于项目开发人员来说就需要不断重复相同的内容进行配置，存在大量重复工作。
发明内容
针对上述缺陷，本发明提出了一种web前端应用约定式状态管理配置方法及系统，其目的在于解决了现有基于vue的应用程序中，每次新增vuex文件都需手动对其进行配置，才能使用这个新的vuex对象，导致需要不断重复相同内容进行配置，存在大量重复工作的问题。
为达此目的，本发明采用以下技术方案：
一种web前端应用约定式状态管理配置方法，包括以下步骤：
步骤S1：创建vuex文件夹，所述vuex文件夹用于存放若干vuex文件；
步骤S2：创建统一配置文件，在所述统一配置文件内导入js代码，所述js代码用于遍历所述vuex文件夹中的所有vuex文件；
通过遍历得到每个vuex文件对应的vuex对象，并对每个vuex文件进行统一命名；
步骤S3：将每个vuex文件对应的vuex对象均存放于最顶层vuex文件对应的vuex对象，所述最顶层vuex文件对应的vuex对象为统一vuex对象；
在所述统一配置文件内导出所述统一vuex对象，所述统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；
步骤S4：在根vuex对象内导入所述统一配置文件并最终完成vuex的实例化。
优选地，在步骤S2中，具体包括以下子步骤：
步骤S21：使用require.context函数对所述vuex文件夹进行遍历，得到第一函数；
步骤S22：调用所述第一函数的成员函数得到所述vuex文件夹内所有vuex文件名称的数组；
步骤S23：遍历所述数组，将所述数组中的每个元素，即每个vuex文件名称，分别代入所述第一函数的构造函数，分别得到每个vuex文件所对应的vuex对象；
步骤S24：构建第二函数，使用所述第二函数将所述数组中vuex文件名称字符串进行处理，得到标准驼峰格式的字符串。
优选地，在步骤S24中，第二函数的构建具体包括以下子步骤：
步骤S241：构建正则表达式和替换文本函数，正则表达式和替换文本函数为replace函数的两个传参；
步骤S242：将正则表达式和替换文本函数均代入replace函数，完成第二函数的构建。
优选地，在步骤S4中，具体包括以下子步骤：在modules对象中传入统一vuex对象，并对其使用展开操作符。
本申请的另一方面提供了一种web前端应用约定式状态管理配置系统，所述系统包括：
第一创建模块，用于创建vuex文件夹；
第二创建模块，用于创建统一配置文件；
导入模块，用于在所述统一配置文件内导入js代码；
历遍模块，用于遍历所述vuex文件夹中的所有vuex文件，通过遍历得到每个vuex文件对应的vuex对象；
储存模块，用于将每个vuex文件对应的vuex对象均存放于最顶层vuex文件对应的vuex对象，所述最顶层vuex文件对应的vuex对象为统一vuex对象；
导出模块，用于在所述统一配置文件内导出统一vuex对象，所述统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；
实例化模块，用于在根vuex对象内导入所述统一配置文件并最终完成vuex的实例化。
优选地，所述遍历模块包括：
第一遍历子模块，用于使用require.context函数对所述vuex文件夹进行遍历，得到第一函数；
调用子模块，用于调用所述第一函数的成员函数得到所述vuex文件夹内所有vuex文件名称的数组；
第二遍历子模块，用于遍历所述数组；
第一代入子模块，用于将所述数组中的每个元素，即每个vuex文件名称，分别代入所述第一函数的构造函数，分别得到每个vuex文件对应的vuex对象；
构建子模块，用于构建第二函数；
名称处理子模块，用于使用所述第二函数将所述数组中vuex文件名称字符串进行处理，得到标准驼峰格式的字符串。
优选地，所述构建子模块包括：
构建子单元，用于构建正则表达式和替换文本函数，正则表达式和替换文本函数为replace函数的两个传参；
代入子单元，用于将正则表达式和替换文本函数均代入replace函数，完成第二函数的构建。
优选地，所述实例化模块包括：
第二代入子模块，用于在modules对象中传入统一vuex对象，并对其使用展开操作符。
本申请实施例提供的技术方案可以包括以下有益效果：
本方案通过创建统一配置文件，每次新增vuex文件时，系统会自动在统一配置文件内对该vuex文件进行统一配置，得到该vuex文件对应的vuex对象，并将其存放到统一vuex对象导出使用，这样不需要重复相同的内容进行配置，减少重复工作，有效降低开发状态管理时的复杂度。本方案通过统一vuex文件的命名规范和引入方式，增强了系统的可维护性和可扩展性。
附图说明
图1是一种web前端应用约定式状态管理配置方法步骤流程图。
具体实施方式
下面详细描述本发明的实施方式，实施方式的示例在附图中示出，其中，相同或类似的标号自始至终表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施方式是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。
一种web前端应用约定式状态管理配置方法，包括以下步骤：
步骤S1：创建vuex文件夹，所述vuex文件夹用于存放若干vuex文件；
步骤S2：创建统一配置文件，在所述统一配置文件内导入js代码，所述js代码用于遍历所述vuex文件夹中的所有vuex文件；
通过遍历得到每个vuex文件对应的vuex对象，并对每个vuex文件进行统一命名；
步骤S3：将每个vuex文件对应的vuex对象均存放于最顶层vuex文件对应的vuex对象，所述最顶层vuex文件对应的vuex对象为统一vuex对象；
在所述统一配置文件内导出所述统一vuex对象，所述统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；
步骤S4：在根vuex对象内导入所述统一配置文件并最终完成vuex的实例化。
本方案的一种web前端应用约定式状态管理配置方法，如图1所示，一种实施例中，创建文件夹A，作为vuex文件夹，并在文件夹A内创建两个vuex文件，分别为A_1和A_2。创建统一配置文件G，在统一配置文件G内编写js代码，实现遍历vuex文件夹A中的所有vuex文件，通过遍历得到每个vuex文件对应的vuex对象，并对每个vuex文件进行统一命名，在遍历vuex文件夹A中的vuex文件A_1和A_2过程中，得到对应的vuex对象D_1和D_2。统一命名具体是使用正则表达式将vuex文件的文件名称处理成统一的标准驼峰格式，例如将A_1处理成A1，A_2处理成A2。将vuex文件A1和A2对应的vuex对象D_1和D_2均存放于最顶层vuex文件A1对应的vuex对象D_1，所述最顶层vuex文件A1对应的vuex对象D_1为统一vuex对象E，通过调用这个统一vuex对象E，能够实现整个系统全局调用每个vuex对象。在统一配置文件G内导出统一vuex对象E，所述统一vuex对象E集合有vuex文件A1和A2，及每个vuex文件对应的vuex对象D_1和D_2，每个vuex文件映射关联其对应的vuex对象，因此统一vuex对象E为{A1：D_1，A2：D_2}。在根vuex对象F内导入统一配置文件G并最终完成vuex的实例化，实例化是读取或指定信息，如数据字段的存储类型和值的过程。根vuex对象F实例化时，所有统一的vuex对象E会展开成A1：D_1，A2：D_2。
本方案通过创建统一配置文件，每次新增vuex文件时，系统会自动在统一配置文件内对该vuex文件进行统一配置，得到该vuex文件对应的vuex对象，并将其存放到统一vuex对象导出使用，这样不需要重复相同的内容进行配置，减少重复工作，有效降低开发状态管理时的复杂度。本方案通过统一vuex文件的命名规范和引入方式，增强了系统的可维护性和可扩展性。
优选的，在步骤S2中，具体包括以下子步骤：
步骤S21：使用require.context函数对所述vuex文件夹进行遍历，得到第一函数；
步骤S22：调用所述第一函数的成员函数得到所述vuex文件夹内所有vuex文件名称的数组；
步骤S23：遍历所述数组，将所述数组中的每个元素，即每个vuex文件名称，分别代入所述第一函数的构造函数，分别得到每个vuex文件所对应的vuex对象；
步骤S24：构建第二函数，使用所述第二函数将所述数组中vuex文件名称字符串进行处理，得到标准驼峰格式的字符串。
一种实施例中，使用require.context函数完成文件夹A的遍历工作，require.context函数具体传参如下：第一个参数为文件夹A的相对路径，如“./module”；第二个参数为false，即不向下钻取子文件夹；第三个参数为/.js/，即只搜索文件夹名称符合该正则表达式的文件。使用require.context函数对vuex文件夹进行遍历后，得到的搜索结果是第一函数B，通过调用第一函数B的成员函数keys得到文件夹A内所有vuex文件名称的数组C，数组C为[A_1、A_2]。遍历数组C，将A_1和A_2分别代入第一函数B的构造函数，分别得到每个vuex文件对应的vuex对象D_1和D_2，vuex对象是一个包含vuex结构的对象，vuex的核心是store，store可以分割成多个模块，每个模块都拥有各自的state、getters、actions和mutations，模块内部的state、getters、actions和mutations是注册在全局命名空间的，可以在单个模块中通过添加namespaced：true的方式使其成为带命名空间的模块。通过构建第二函数H1，使用第二函数H1将数组C中vuex文件名称字符串进行处理，能够得到标准驼峰格式的字符串，第二函数H1的功能如下：把输入的字符串中所有短横线与其右侧字符替换成大写的右侧字符，改成标准驼峰格式字符串的vuex文件能够应用在后续vuex的实例化当中。
优选的，在步骤S24中，第二函数的构建具体包括以下子步骤：
步骤S241：构建正则表达式和替换文本函数，正则表达式和替换文本函数为replace函数的两个传参；
步骤S242：将正则表达式和替换文本函数均代入replace函数，完成第二函数的构建。
具体地，正则表达式规则为字符串中短横线和任意一个包含下划线的任意单词，使用正则表达式规则进行匹配后，会将匹配结果带到替换文本函数入参中，其中第一个参数是短横线，第二个参数是包含下划线的任意单词，最后返回变成大写后的第二个参数。一种实施例中，正则表达式为/-(\w)/g，替换文本函数为function($0,$1){return$1.toUpperCase()}，replace函数为str.replace(/-(w)/g,function($0,$1){return$1.tuUpperCase()})，如vuex文件名称为bs-auth-client，最终得到的处理结果是bsAuthClient。
优选的，在步骤S4中，具体包括以下子步骤：在modules对象中传入统一vuex对象，并对其使用展开操作符。
本实施例中，根vuex对象F实例化时，在modules对象中传入统一vuex对象E，并对其使用展开操作符，在展开操作符的作用下，统一vuex对象E会展开成A1:D_1，A2：D_2。其中，展开操作符是ES6新添加的操作符，使得数组表达式或者string在语法层面展开，还可以在构造字面量对象时，将对象表达式按key-value的方式展开。
本申请的另一方面提供了一种web前端应用约定式状态管理配置系统，所述系统包括：
第一创建模块，用于创建vuex文件夹；
第二创建模块，用于创建统一配置文件；
导入模块，用于在所述统一配置文件内导入js代码；
历遍模块，用于遍历所述vuex文件夹中的所有vuex文件，通过遍历得到每个vuex文件对应的vuex对象；
储存模块，用于将每个vuex文件对应的vuex对象均存放于最顶层vuex文件对应的vuex对象，所述最顶层vuex文件对应的vuex对象为统一vuex对象；
导出模块，用于在所述统一配置文件内导出统一vuex对象，所述统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；
实例化模块，用于在根vuex对象内导入所述统一配置文件并最终完成vuex的实例化。
本方案的一种web前端应用约定式状态管理配置系统，通过第一创建模块、第二创建模块、导入模块、历遍模块、储存模块、导出模块以及实例化模块的共同配合，减少重复工作，有效降低开发状态管理时的复杂度；通过统一命名规范和引入方式，增强了系统的可维护性和可扩展性。
优选的。所述遍历模块包括：
第一遍历子模块，用于使用require.context函数对所述vuex文件夹进行遍历，得到第一函数；
调用子模块，用于调用所述第一函数的成员函数得到所述vuex文件夹内所有vuex文件名称的数组；
第二遍历子模块，用于遍历所述数组；
第一代入子模块，用于将所述数组中的每个元素，即每个vuex文件名称，分别代入所述第一函数的构造函数，分别得到每个vuex文件对应的vuex对象；
构建子模块，用于构建第二函数；
名称处理子模块，用于使用所述第二函数将所述数组中vuex文件名称字符串进行处理，得到标准驼峰格式的字符串。
本实施例中，通过第一遍历子模块、调用子模块、第二遍历子模块、第一代入子模块、构建子模块和名称处理子模块的共同配合，实现对vuex文件夹中的所有vuex文件进行统一命名。
优选的，所述构建子模块包括：
构建子单元，用于构建正则表达式和替换文本函数，正则表达式和替换文本函数为replace函数的两个传参；
代入子单元，用于将正则表达式和替换文本函数均代入replace函数，完成第二函数的构建。
本实施例中，通过构建子单元和代入子单元的共同配合，实现vuex文件名称字符串的修改。具体地，正则表达式规则为字符串中短横线和任意一个包含下划线的任意单词，使用正则表达式规则进行匹配后，会将匹配结果带到替换文本函数入参中，其中第一个参数是短横线，第二个参数是包含下划线的任意单词，最后返回变成大写后的第二个参数。
优选的，所述实例化模块包括：第二代入子模块，用于在modules对象中传入统一vuex对象，并对其使用展开操作符。本实施例中，通过第二代入子模块的设置，有利于vuex对象的实例化，从而实现状态管理机制。
此外，在本发明的各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。
尽管上面已经示出和描述了本发明的实施方式，可以理解的是，上述实施方式是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (8)

1.一种web前端应用约定式状态管理配置方法，其特征在于：包括以下步骤：
步骤S1：创建vuex文件夹，所述vuex文件夹用于存放若干vuex文件；
步骤S2：创建统一配置文件，在所述统一配置文件内导入js代码，所述js代码用于遍历所述vuex文件夹中的所有vuex文件；
通过遍历得到每个vuex文件对应的vuex对象，并对每个vuex文件进行统一命名；
步骤S3：将每个vuex文件对应的vuex对象均存放于最顶层vuex文件对应的vuex对象，所述最顶层vuex文件对应的vuex对象为统一vuex对象；
在所述统一配置文件内导出所述统一vuex对象，所述统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；
步骤S4：在根vuex对象内导入所述统一配置文件并最终完成vuex的实例化。
2.根据权利要求1所述的一种web前端应用约定式状态管理配置方法，其特征在于：在步骤S2中，具体包括以下子步骤：
步骤S21：使用require.context函数对所述vuex文件夹进行遍历，得到第一函数；
步骤S22：调用所述第一函数的成员函数得到所述vuex文件夹内所有vuex文件名称的数组；
步骤S23：遍历所述数组，将所述数组中的每个元素，即每个vuex文件名称，分别代入所述第一函数的构造函数，分别得到每个vuex文件所对应的vuex对象；
步骤S24：构建第二函数，使用所述第二函数将所述数组中vuex文件名称字符串进行处理，得到标准驼峰格式的字符串。
3.根据权利要求2所述的一种web前端应用约定式状态管理配置方法，其特征在于：在步骤S24中，第二函数的构建具体包括以下子步骤：
步骤S241：构建正则表达式和替换文本函数，正则表达式和替换文本函数为replace函数的两个传参；
步骤S242：将正则表达式和替换文本函数均代入replace函数，完成第二函数的构建。
4.根据权利要求1所述的一种web前端应用约定式状态管理配置方法，其特征在于：在步骤S4中，具体包括以下子步骤：在modules对象中传入统一vuex对象，并对其使用展开操作符。
5.一种web前端应用约定式状态管理配置系统，其特征在于：使用如权利要求1-4任意一项所述web前端应用约定式状态管理配置方法，所述系统包括：
第一创建模块，用于创建vuex文件夹；
第二创建模块，用于创建统一配置文件；
导入模块，用于在所述统一配置文件内导入js代码；
历遍模块，用于遍历所述vuex文件夹中的所有vuex文件，通过遍历得到每个vuex文件对应的vuex对象；
储存模块，用于将每个vuex文件对应的vuex对象均存放于最顶层vuex文件对应的vuex对象，所述最顶层vuex文件对应的vuex对象为统一vuex对象；
导出模块，用于在所述统一配置文件内导出统一vuex对象，所述统一vuex对象集合有每个vuex文件及每个vuex文件对应的vuex对象，vuex文件映射关联其对应的vuex对象；
实例化模块，用于在根vuex对象内导入所述统一配置文件并最终完成vuex的实例化。
6.根据权利要求5所述的一种web前端应用约定式状态管理配置系统，其特征在于：所述遍历模块包括：
第一遍历子模块，用于使用require.context函数对所述vuex文件夹进行遍历，得到第一函数；
调用子模块，用于调用所述第一函数的成员函数得到所述vuex文件夹内所有vuex文件名称的数组；
第二遍历子模块，用于遍历所述数组；
第一代入子模块，用于将所述数组中的每个元素，即每个vuex文件名称，分别代入所述第一函数的构造函数，分别得到每个vuex文件对应的vuex对象；
构建子模块，用于构建第二函数；
名称处理子模块，用于使用所述第二函数将所述数组中vuex文件名称字符串进行处理，得到标准驼峰格式的字符串。
7.根据权利要求6所述的一种web前端应用约定式状态管理配置系统，其特征在于：所述构建子模块包括：
构建子单元，用于构建正则表达式和替换文本函数，正则表达式和替换文本函数为replace函数的两个传参；
代入子单元，用于将正则表达式和替换文本函数均代入replace函数，完成第二函数的构建。
8.根据权利要求5所述的一种web前端应用约定式状态管理配置系统，其特征在于：所述实例化模块包括：
第二代入子模块，用于在modules对象中传入统一vuex对象，并对其使用展开操作符。
CN202310418244.0A 2023-04-11 2023-04-11 一种web前端应用约定式状态管理配置方法及系统 Pending CN116627525A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310418244.0A CN116627525A (zh) 2023-04-11 2023-04-11 一种web前端应用约定式状态管理配置方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310418244.0A CN116627525A (zh) 2023-04-11 2023-04-11 一种web前端应用约定式状态管理配置方法及系统

Publications (1)

Publication Number Publication Date
CN116627525A true CN116627525A (zh) 2023-08-22

Family

ID=87590975

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310418244.0A Pending CN116627525A (zh) 2023-04-11 2023-04-11 一种web前端应用约定式状态管理配置方法及系统

Country Status (1)

Country Link
CN (1) CN116627525A (zh)

Similar Documents

Publication Publication Date Title
CN107918666B (zh) 一种区块链上的数据同步方法和系统
CN102541521B (zh) 基于结构化查询语言的操作指令自动生成装置及方法
JP2000148461A (ja) ソフトウェアモデル及び既存のソ―スコ―ドを同期化させる方法及びその装置
CN111124379B (zh) 页面生成方法、装置、电子设备及存储介质
CN107609302B (zh) 一种产品工艺结构生成方法及系统
CN115129736A (zh) 基于规则引擎的规则事件动态加载与更新方法及相关设备
CN105706092A (zh) 四值模拟的方法和系统
CN112667860A (zh) 一种子图匹配方法、装置、设备及存储介质
CN109766085A (zh) 一种处理枚举类型代码的方法及装置
CN111797111A (zh) 一种基于es搜索引擎的动态组合查询方法
CN109933589B (zh) 用于数据汇总的基于ElasticSearch聚合运算结果的数据结构转换方法
CN111752549A (zh) Sql函数生成方法及装置
CN101968747B (zh) 一种机群应用管理系统及其应用管理方法
CN101661277B (zh) 用于数控机床的零件加工方法和装置
CN116627525A (zh) 一种web前端应用约定式状态管理配置方法及系统
CN101055521B (zh) 映射规则的可视化生成方法及系统
CN115756449A (zh) 一种页面复用方法、装置、存储介质及电子设备
CN115629763A (zh) 目标代码的生成方法、npu指令的显示方法及装置
US7039900B2 (en) Method for implementing a plurality of object interfaces
CN109977516B (zh) 一种自动建模逻辑节点处理方法
Neto et al. Component models for embedded systems in industrial cyber-physical systems
Dennis General parallel computation can be performed with a cycle-free heap
Kozlovics Fast model repository as memory for web applications
CN108628606A (zh) 一种嵌入式设备的web网管应用程序生成方法及系统
US20060155755A1 (en) Constructing and referring objects in a computing environment

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