在开发现代web应用程序时，将GUI设计与服务器端开发分离的最佳实践是什么？

Question

我们目前正在开发一些web应用程序，并允许我们的设计师将已签署的纸质原型转换为静态网页。除了页面之间有超链接外，设计人员还开始添加jquery调用，通过从静态json文件中获取数据来更新页面上的元素。设计器完成后，切换完成的网页、CSS和JavaScript文件；服务器端开发人员然后编辑页面，并将对本地静态json文档的引用替换为返回相同json数据结构的活动json的引用。

我的问题是:将GUI设计与服务器端开发分离并减少集成时间和精力的有效方法是什么？下面是一些例子：

• ，您是否让开发人员手动更改设计器原型网页中的每个json引用？
• ，您是否在某个地方添加了一个全局变量，以使设计人员的页面在使用静态数据和动态数据之间可以轻松地来回切换？
• ，您是否使网页在从web服务器运行或只是在某个文件夹中被服务时自我感知？

。

Answer 1

这取决于应用程序需要管理多少状态信息。您给出的示例只提到了从服务器读取操作。有什么笔迹吗？读写操作都可能失败。您的设计人员是处理这些情况，还是服务器端团队随后跳进并修补GUI？

我认为最好为设计人员提供模拟服务器端的服务实现。服务器模拟可以模拟真实生活中的行为，比如抛出错误和异常，而不仅仅是在愉快的路径上。现在安装一个简单的web服务器和一个充当模拟服务的脚本要简单得多，而不是试图为以后的集成创建进程。

Answer 2

对于整个"url/path“问题(开发与测试与生产，等等)，我所看到的成功之处之一是为您的项目"proto”(所以是proto.mycoolapp.company.int)创建一个子域，并将其作为应用程序中使用的所有url的基础。

在此基础上，使用您使用的任何框架设置全局页面处理程序来标识所有数据文件(即json调用等)的节/页/函数+url数据。

这允许您将应用程序划分为各个部分，并在运行时构建功能，并允许UI团队和dev团队为另一个团队编写提示。

例如，假设我有一个包含三个部分(登录、帐户管理、预览)的应用程序，我将在proto.mycoolapp.company.int/frontend/login/securelogin?user=GrayWizardX.上拥有一个登录url服务(数据、文件等)。UI团队可以添加这些功能，因为它们确定了对数据的需求，并且您的应用程序开发团队可以通过服务器日志等来查看所请求的功能，并确保所有功能都匹配。

好的是，当你转移到生产，唯一的变化是找到“原”，并取代它。如果这是在您的全局变量，那么这是一个快速和简单的变化。

Answer 3

现在还不清楚您的环境究竟是什么(仅仅是纯html )？或者像php之类的东西，所以这是在黑暗中拍摄的.

如果它是普通的旧HTML + javascript，您可能可以使用每个页面上的javascript包含来获得正确的地址集。当包含所有这些环境特定信息的包含文件(即使用本地或使用服务器)保持在相同的相对位置时，您不需要担心修改实际页面。只需告诉GUI人员始终使用相同的变量集作为地址信息，并在其中定义包含文件的地址信息。变量名不会改变，不管是本地的还是服务器的，只是存储在变量中的值。

我缺乏维他命咖啡，所以希望这是有意义的。