再续 | 海岸TDM中的Web应用（平台前端架构）

基于SPA的架构

海岸系统平台采用前后端完全分离的单页 Web 应用（Single Page Application）架构：前端采用 Html 5、JavaScript、Bootstrap和AngularJS 等国际主流技术实现界面渲染及逻辑控制，后端提供基于REST API及JSON 的服务。使得界面对用户操作响应快速，与服务器端交互的数据量极小，对网络带宽要求不高。

推荐浏览器：

Google Chrome 52.0及以上版本

Firefox 52.0及以上版本

Internet Explorer 11.0 及以上版本

多场景响应式界面

系统界面为响应式界面，支持各种终端的访问，包括 PC、平板电脑和智能手机。界面根据终端的屏幕尺寸自动调整界面的显示布局，提供最佳的显示方式，以满足用户对移动场景下使用系统的需求。

用户界面个性化配置

系统为B/S架构，用户使用浏览器访问系统功能。系统用户属于不同部门或具有不同的角色，所关心的数据和功能各不相同。为了使得不同用户登陆到系统后，为他们提供既简洁又个性化的界面，系统平台提供了一个 Web 门户的配置工具（站点设计器）。 使用“站点设计器”可以为不同角色用户配置展示页面。

丰富可选的展示控件

为了能通过配置方式快速实现管理系统的 Web 界面功能，系统平台提供了多种常用的 Web 控件，可以在“站点设计器”上通过参数配置即可展现各种效果的页面。这些 Web 控件的特点是：基于元数据驱动，会自动根据业务模型的元数据而变化。使用这些元数据驱动的Web控件能避免大量的Web界面定制开发，快速实现用户的需求。系统平台提供的主要Web 控件如下表：

除了平台提供的前端界面控件，用户还可以自定义开发前端控件，并配置到系统平台。

信息和数据便捷检索

关键字查询具有使用方便的特点，是用户所喜爱的数据检索方式。系统平台提供了关键字查询功能，不需要编写程序。下图显示的是具有关键字查询的 Web 界面。用户输入多个任意关键字进行查询，也可以针对多个字段进行联合查询。

————————————————

版权声明：本文为CSDN博主「世纪标准」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/Mikihao/article/details/121351289