前言
在使用 Electron 开发桌面应用程序时，我们经常需要使用 MVC 模式来管理应用程序的结构和组织。而 electron-mvc 这个npm 包不仅为我们提供了 MVC 模式，还能自动加载所有控制器、模型和视图。
本文将详细介绍如何在 Electron 中使用 electron-mvc，包括安装、配置以及示例代码。
安装
使用 npm 包管理器可以很容易地安装 electron-mvc。在命令行中执行以下命令即可：
--- ------- ------------
配置
在 Electron 项目中使用 electron-mvc 需要进行如下配置。
加载 electron-mvc
为了使 electron-mvc 生效，我们需要在应用程序的主进程中加载 electron-mvc。可以在 main.js 中进行如下配置：
----- ----- -------------- - ------------------- ----- --- - ----------------------- -- -- ------------ ------------------- -------- ------------ -- - -- --- -
文件路径
electron-mvc 会自动加载控制器、模型和视图，但是这些文件需要放在指定的文件夹中。在默认情况下，这些文件应该放在项目目录的 app 文件夹下的 mvc 子文件夹中。也可以在电脑存储位置创建新文件夹，以本文为例创建一个名为 eve 的文件夹。
定义应用程序根路径
electron-mvc 需要知道应用程序的根路径，以便在正确的位置加载控制器、模型和视图。可以通过在主进程中定义全局变量来实现这一点，如下所示：
-- ------ -------- --------------- - --------- -- -- ------------ -------------------
配置控制器和视图文件夹
在默认情况下，electron-mvc 将控制器和视图文件夹分别存储在 app/mvc/controllers 和 app/mvc/views 子文件夹中。如需更改这些文件的存储位置，可以在主进程启动之前进行配置：
------------ ------------ ------------------ ------ ----------- --
指定模板引擎
electron-mvc 默认使用 EJS 作为模板引擎，如果有其他模板引擎需求需配置模板引擎，可用模板引擎有 Pug 和 Mustache，需要安装对应的npm 包。
PUG:
----- --- - --------------
------------
------- ------
--------- -
-- ---
-
--Mustache:
----- -------- - -------------------
------------
------- -----------
--------- -
-- ---
-
--使用示例
-- --------
----- ----- -------------- - -------------------
----- --- - -----------------------
-- ------ --------
--------------- - ---------
-- -- ------------
-------------------
----------------------- -- -
----- ---------- - --- ---------------
------ ----
------- ----
--------------- -
-- ---------------------------- -----
---------------- -----
----------------- ------
-
--
-- -- ---------- --
----------------------------------------------
-- -------
----------------------- -------- -- -
---------- - ----
--
------ --------- --- --------------------- ------ ------- ------
-- ----------------------------
-------------- - -
------ -------- ----- ---- -
------------------- --------- ------ ----------------
-
-总结
electron-mvc 提供了一种简单的方式来管理 Electron 应用程序的控制器、模型和视图。本文介绍了如何在 Electron 中使用 electron-mvc，并提供了示例代码帮助读者更好地理解如何使用 electron-mvc。我们鼓励读者在其 Electron 应用程序中使用 electron-mvc 来提高代码可读性和可维护性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005557481e8991b448d2a0b