...可视化的web前端开发采用什么样的架构比较合适?
首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责
网页美工只针对UI这块儿的东西，比如网站是否做的漂亮
web前端开发工程师是负责交互设计的，需要和程序猿进行交互设计的配合。
web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样，具体如果你想学的话看是想从事前端部分还是后端程序部分。后端开发如果有一定的条件的话可以转为软件开发。不过要有一定的语言基础，类似java语言。C#等。关键是看你的兴趣爱好。。
这个到后期不会区分这么细，做前端到后期也会懂一些后端的技术，反之，后端也是。
在我们实际的开发过程中，我们当前这样定位前端、后端开发人员。
1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
现在来看，我们对前后端的要求还是蛮低的，尤其是后端，新员工经过培训之后都是可以参与到后端开发的，没有太高的技术门槛，唯一需要做的就是先变成熟练工种，这个阶段没有涉及到设计模式、架构、效率等一些列问题。
还是先google一下，看看网上对Web前端开发、Web后端开发分别是什么？
Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。
Web后端：后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。
我们再来看看大公司对前后端人员招聘的要求，通过这个角度看看前端、后端的技术要求：
Web前端：
1）精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。
2）精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。
3）熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery
4）对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。
5）对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。
6）......
Web后端：
1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解
2）练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力
3）熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑
4）精通面向对象分析和设计技术，包括设计模式、UML建模等
5）熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力
6）......
从几个公司的招聘要求可以看到，做Web开发，对前端和后端的要求是各自所不同的。而我们目前的实际情况，也和这个差不多，但是，我们无论在知识的掌握程度上，还是知识掌握的宽度上，都是不够的。
首先，我们在前端缺乏积累，没有沉淀，专业的前端技术的积累是从去年才开始的，同时，在前端也缺乏支撑与高手，所以，走起来比较困难。同时，前端人员培养的较少，一个原因是对前端了解太少，另外一个原因就是对前端与后端的工作比例估计不足。所幸，我们在这一年也在前端有了很快的进步，培养了几个优秀的开发人员，有意识的解决了前端的用户体验，这都是可喜的。今年，需要更进一步，专业化。
其次，我们在后端发展的不够宽，后端的知识体系已经比较完善，但是，很多应用点都没有涉及到。同时，对现有技术框架的理解都不够深入，太浮躁。我们目前的设计团队在解决互联网高并发、大数据量的存取上经验与能力都还不足，需要正视这些问题。后端技术的发展需要更加的精进，以解决实际存在的问题为主。
最后，我们在前端、后端都缺乏熟练工，这会影响到开发的速度，同时，也不利于后期技术的研究。
如果对楼主有帮助，给个采纳好不，谢谢啦
我反对说做这种平台前端只是简单的把图和表查询填满而已，因为我是实际的做过。列举几个例子：
平台数据图化展示分多种类型，参见echart的文档，对应不同的配置前后端如何约定协议？可以做到统一，可配置，可扩展？
表的展示相对固定，但是不同的表项会有额外的一些扩展操作 比如对单行的详情查询，列的排序。
当然这些都已经有了很成熟的前端解决方案，但是如何融合到一起，我相信你如果做过就知道我在说啥了…
对应的一套后端查询体系我们的架构是nodejs做的，dba和数据工程师负责对接我们mysql的视图，保证我们的查询简单化。
对应不同的数据产生对应的pdf，excel，xml，json，表，图都已经做成了一套统一的api。方便复用需求。
至于单页和非单页，我觉得从开发的角度考虑，单页不利于快速产生新的数据展示需求，除了前端和后端都需要额外开发外，速度和人力也是个问题。
非单页是我们采用的，通过nodejs统一配置的路由出口，通过一套配置加一个中间数据的filter机制保证复用性。
一个新产品来了，我们通过配置加写过滤器的方法，可以非常快速的开发很多页面，而不必关注路由，控制器，查询db等操作。当然，所有页面提供的交互肯定也会不一致，我们同样采用全配置的方式，前端js读取之后再采取对应的策略加交互。（后期会改进成按需）
说真的，数据显示类产品，如果图表组件不是自己开发的，就被说成没有技术含量，我是真心的想说朋友你有点反智了…
大家都知道这种东西很多公司都是内部系统，内部系统一般只有产品而没有ui的，前端的美丑不是第一要务，要紧的是理解和沟通运营的数据需求，一个需求如何实现成本更低我相信经验老道的程序员自然有自己砍需求的方法，所以还要有一些额外的培训产品经理的工作…
最后，你们真的以为除了图表之外就没了么。一套查询加时间控件的组件开发起来也是很有难度的，当然这部分也是可以抽象成可配置的。
关键看你怎么想，是当个切图查接口的，还是想解放自己做更多的人了。
有点跑题，架构和某个答主类似，bootstarp，jq，vue，lithe，echart，jqtable，nodejs 只要用express，orm2，缓存用的内存nodejs自己做的，一整套运维前端自己做的，没有后端支持，3-4个人包括2个大数据工程师。可能还是没什么概念，通过配置这点人力，2个月从啥都没有，变出来一个完整的数据展示后台，包含150多个查询页面和上千项数据展示的需求。
2020-11-11 · 百度认证:北京优锘科技有限公司
ThingJS
作为一款单方面的数据可视化产品，构成元素其实非常复杂，但是我们开发师一个星期可以做三张图，这是基于webgl的3D库-ThingJS基础开发的3D效果，不仅支持3D插件导入精模，还可以无缝接入阿里云DataV、百度Echarts进行图表开发，支持在线发布或者离线部署项目，一站式完成。
作为一款单方面的数据可视化产品，构成元素其实非常复杂，但是我们开发师一个星期可以做三张图，这是基于webgl的3D库-ThingJS基础开发的3D效果，不仅支持3D插件导入精模，还可以无缝接入阿里云DataV、百度Echarts进行图表开发，支持在线发布或者离线部署项目，一站式完成。
三维建模环节使用CampusBuilder搭建园区场景，CityBuilder搭建城市场景，采用3D插件导入精模（3DSMAX制作精模，不过成本高），基础场景模型就搭建好了。
3D开发环节直接接入ThingJS开发平台，有3D源码示例完善基础架构，图表开发可以用charterbuilder编辑器或者对接阿里云DataV、百度Echarts，有更炫酷的图表绘制方案。
项目管理方面，ThingJS是统一管理项目后台的，支持iframe框架、在线发布和局域网离线部署，因为整个开发流程是基于在线可视化平台服务，开发体验顺畅不说，而且有助于节省开发成本（不造轮子，已经有示例开发给你了，而且开发逻辑是基于3D封装库，实现逻辑简单），成立之初就是为了支持3D商用项目快速开发！
