使用 Angular 4：如何在单个项目中管理管理员和网站部分

Question

我想在Angular中创建一个管理员和网站部分，但我有些困惑是否应该为管理和网站分别创建两个独立的项目。或者我可以在单个Angular 4应用程序中同时管理两个部分。

- Mahesh S

---

您是指管理员页面还是管理员登录后的额外功能？ - mast3rd3mon

如果它们将使用几乎完全不同的组件，那么按我的想法制作两个项目更好。这些项目会更简单。当你想要迁移或重构时，逐个项目进行会更容易。 - yogurt

@yogurt 谢谢你的建议。我会照做的。 - Mahesh S

@ mast3rd3mon 谢谢，但我对两者有不同的功能。 - Mahesh S

Answer 1

您可以通过创建不同模块来管理单个项目中的不同部分（即管理员和用户前端）。我在这里有一个成功的实验：这里。 Angular.io 在 这里 有一个很好的例子。

- Ariful Islam

---

非常感谢您的回复，我一定会仔细阅读这个例子。非常感谢。 - Mahesh S

你好，我正在创建一个应用程序，其中包括管理员面板、学生管理面板和前端区域。当应用程序运行时，所有面板都有不同的CSS和JS文件，因此当我将学生管理面板的CSS复制到angular.json文件中时，就会出现冲突。 - Sachin from Pune

Answer 2

我有一些项目，其中包含您所需的内容。一个网页项目分成两个（有时是三个）不同的“部分”，取决于登录用户的角色。因此，登录时赋予用户的角色定义了向用户公开的部分（组件）。

根据我的经验和我的情况，最好将这些部分保留在同一个项目中，因为所有的重构、优化等都在同一个项目中完成，如果需要共享某个部分，那么这非常容易，因为它是同一个项目。

为了正确地管理不同的部分，我花了一些时间创建了一个可靠的身份验证系统来管理角色等，并且创建了一个可控制部分的可靠路由系统（您可以使用Angular的canActivate Guard来控制可访问性）

我还必须指出，所有客户端代码永远无法百分之百安全，对于敏感数据，您必须始终进行服务器端验证。

- Bjarne Gerhardt-Pedersen

---

我已经使用CanActive Guard创建了管理面板来控制登录。您能否分享一些样例代码来管理单个项目中的不同部分？ - Mahesh S

我现在没有准备好的样例项目，但如果我以后有时间，我会为您做一个。 - Bjarne Gerhardt-Pedersen