Jquery ui 前端拖放&x2B;SVG+;后端ajax调用

Jquery ui 前端拖放&x2B;SVG+;后端ajax调用,jquery-ui,angularjs,svg,raphael,Jquery Ui,Angularjs,Svg,Raphael,我目前正在进行以下方面的研究: 我有一个关系数据库和一个包含圆圈的表。为了简单起见,让我们假设所有圆都有相同的半径,每个圆都有一个x和y位置。我有一些ORM plus服务器端技术,可以将SVG喷到所有领域 用户应该能够将其他圆圈拖放到SVG“画布”上,该画布描述了圆圈数据库表的最新状态。我对拖放功能不是很确定。我更喜欢使用拖放事件来更新数据库,而不是客户端SVG(即,将ajax调用拖放到后端)。Angular JS(或jquery或其他)负责同步后端和前端的SVG 任何关于相关前端技术和/或示例

我目前正在进行以下方面的研究:

我有一个关系数据库和一个包含圆圈的表。为了简单起见,让我们假设所有圆都有相同的半径,每个圆都有一个x和y位置。我有一些ORM plus服务器端技术,可以将SVG喷到所有领域

用户应该能够将其他圆圈拖放到SVG“画布”上,该画布描述了圆圈数据库表的最新状态。我对拖放功能不是很确定。我更喜欢使用拖放事件来更新数据库,而不是客户端SVG(即,将ajax调用拖放到后端)。Angular JS(或jquery或其他)负责同步后端和前端的SVG


任何关于相关前端技术和/或示例的建议都将不胜感激。谢谢。

拉斐尔比其他任何UI库都能更好地处理拖放操作。为什么不坚持它的管理者呢?至于同步,看看你是想要大的还是想要小的。他们俩都应该做得很好


您可以从这些拖放回调调用sync函数。如果您只想跟踪最终位置,请执行下降同步。如果要跟踪移动,请在移动时也同步,但请确保对其进行去抖动(使用Sugar.js或内置下划线)。

常用的方法是使用库处理拖放操作。它为开始/结束拖动处理提供UI交互和拖放事件。对drop事件的AJAX调用可以处理同步。(参见
draggable
droppable
)我读到了jqueryui的一些不好的地方。其他人怎么想?我似乎也收到了很多亲密的请求。不管是谁要求结束这个问题,请至少告诉我原因。谢谢。Raphael比任何UI库都能更好地处理拖放操作。为什么不坚持它的管理者呢?至于同步,看看你是想要大的还是想要小的。它们都应该很好地完成这项工作。对,您可以从这些拖放回调调用sync函数。如果您只想跟踪最终位置,请执行下降同步。如果要跟踪移动,请在移动时同步,但请确保对其进行去抖动。