Angular 4 用于后端和前端

Question

我将使用客户端/服务器构建我的网站

客户端使用 angular4 进行后端（管理操作）和前端（UI 站点）

问题在于它们是两个不同的设计模板，带有许多外部 js 库。

那么我应该使用一个项目和 2 个模块（后端、前端），还是使用 2 个项目？

如果两者都在一个项目中，我无法分离 js 库（在模块或组件中加载外部 js），我可以将它们全部加载到 index.html 中（两个设计模板的 js）

如果我使用2个项目，那么这些项目不能使用共享服务类（并且服务类需要在2个项目中创建2次）

总之，

我想要前台和管理员的单一角度应用程序。例如localhost:port 用于前端组件、模块和路由器。和 localhost:port/admin 用于管理站点组件、模块和路由器。

请给我建议。谢谢。

Answer 1

所以我应该使用一个包含 2 个模块（后端、前端）的项目，还是 使用 2 个项目？

取决于， 您可以在单个项目中维护所有东西，

如果两者都在一个项目中，我无法分离 js 库（加载外部 js 在模块或组件中），我可以将它们全部加载到 index.html（两个设计模板的js）

但是你必须深入了解webpack， 可以帮助你处理外部js，

这可以创建模块块并在需要时加载它， 所以你可以把它们分成两部分，这样， 管理员只会加载那些包，前端会加载它自己的

Answer 2

Angular 应用程序可以使用逻辑架构构建，在您的情况下，您应该创建一个项目，如果我理解正确，您希望将两种网站/或网站的一部分分开。如果是这样，您可以拥有类似的东西：

• 管理员

• 前端

• 常见

在每个目录中创建组件、服务和类目录，然后您就可以分离网站的每个部分。

现在，如果您的问题是从哪里开始使用什么？我会说为快捷方式安装@angular/cli（ng g c / s ...）。并且从 Angular 2 开始是首选。

为了整合您生成的 js 文件，ng build --prod 将为您创建捆绑包，然后将其安装在您的 php 服务器上，因为它只是 html/js。