前端和管理区域的角度项目布局？

Posted 2023-02-22

【中文标题】前端和管理区域的角度项目布局？

【英文标题】：Angular project layout for front and admin area?

【发布时间】：2013-07-07 07:08:54

【问题描述】：

我是 Angular 的新手，目前正在构建一个 javascript 重载页面，该页面将有一个可供访客使用的前端，以及一个可供登录用户使用的用户或管理区域。

我还有一个用 php 编写的后端应用程序，它为我提供了一个 RESTful API。

现在，我实际上不知道如何构建我的 Angular 应用程序，以避免在管理区域中加载仅在访客区域使用的脚本，反之亦然。我目前的项目结构如下：

web_root/
--app/
----css/
----img/
----js/
------controllers/
------services/
------app.js
------directives.js
------filters.js
----templates/
--index.html

在我的 index.html 中，我分别加载每个 javascript 文件。我不知道如何继续和构建管理区域。我应该使用另一个 HTML 文件来加载相关的 javascript 文件和另一个模块吗？

提前致谢。

【问题讨论】：

只是在这里做个猜测，但我要说的是，我认为这可能取决于共享多少代码以及如何限制访问。我必须做一些类似的事情，我的计划基本上是在数据方面使用 SESSIONS 来限制所有内容，并确保不要在管理界面本身中构建任何私有内容，以免担心“保护”它。客户端我将创建一个单独的 admin 文件夹，但可能在 app 文件夹中，这样我可以很容易地引用内容而无需复制。

我不打算在双方之间分享太多内容，也许是一些布局、css 和图像。那我应该只制作两个单独的 Angular 应用程序吗？

我想是的，我的意思是，你会做的分享越少，你就必须做更多的鞋拔（试图让它合身），还不如拥有“合适尺寸的鞋子” 。”除非共享代码可以节省您的时间，否则我认为没有任何理由不拥有单独的应用程序。

好的，如果我想访问用户区，我应该创建另一个文件夹并引用它吗？ IE。 www.example.com 是访客区，www.example.com/admin/ 是管理员区？每个人都有一个 index.html 来加载脚本和我需要的所有其他内容。

是的，这就是我迄今为止的处理方式，还没有遇到任何我知道的问题。我为自己制作了一个“种子”项目，它是一个精简的有角项目，然后有另一个包含一堆组件的项目。所以我从种子开始，然后从装载了组件的那个中提取东西。到目前为止，这一切都很好。

【参考方案1】：

为什么不为猜测和管理相关部分设置单独的控制器？然后根据 routerProvider 中定义的路由将它们绑定到不同的部分？这样您就可以使用单个应用程序，将可重用代码整合到过滤器/服务/指令中，但只为请求的视图加载数据。

【讨论】：

嗨大卫，我尝试了这种方法，但是我仍然下载了太多我不需要的东西。实际上，我使用了两个不同的应用程序，同时将用户的会话存储在服务器上。