如何拆分我的网络应用程序？

Question

我们创建单页应用程序。说这是ProjectA。

然后，由于好运，我们决定制作ProjectB。

ProjectA和ProjectB的90％是相同的。

这告诉我，我们需要ProjectCore ProjectA和ProjectB。后者必须使用第一个作为依赖。

水是什么混乱，它不仅仅是JavaScript。设计师说“我会遇到你的问题但是用CSS！”。我的意思是，如果ProjectCore有一个ConfirmationModalView，那么该视图的样式应该随身携带的CSS。

你怎么处理这个？这是WebPack及其同类的用途吗？解决这个问题有哪些常见的解决方案？

“将所有代码从A复制并粘贴到B然后保持两者”正在获得投票，但这是蹩脚的。虽然我不能说我能提供解决方案。

Answer 1

您可以查看Git和版本控制。但是......你可以有一个主要的JS和CSS文件，用于没有改变的东西。

然后，您可以单独为Project A和Project B添加具有特定功能的较小的单独JS文件（注意，如果您在“主JS”下面包含，则所有全局函数和变量可以使用这个JS文件，如果需要可以获得奖金）。

然后，您可以在两个不同的较小CSS文件的顶部使用@import url("base.css");来“将主要CSS与新的特定CSS组合在一起”。

Answer 2

你需要使用MVC ...... 你的模型是相同的..因为它是你的对象管理器服务器端。 因为你有不同的用户界面，你的视图是不同的。

你可以根据需要设置控制器...在javascript ajax中通过事件用户与服务器通信...控制器php可以管理默认信息。 DB Connection，Encription ... ETC。

您可以将静态内容上传到服务器作为CSS和JS，核心可以将PHP上传到服务器端......

您可以添加Controller 1,2,3或View 1,2,3，具体取决于您拥有核心View和核心控制器的项目。