Php 带有动态图形按钮的Android移动web应用程序

Php 带有动态图形按钮的Android移动web应用程序,php,jquery,ajax,mobile,html5-canvas,Php,Jquery,Ajax,Mobile,Html5 Canvas,我想将我编写的Python/wxPython桌面应用程序转换为Android移动web应用程序,并希望得到关于使用带有PHP后端的JQuery mobile进行此操作的建议。这是供内部使用的,因此我们可以指定要使用的移动设备。具体而言: 现有的桌面触摸屏应用程序有一个图像背景,上面有圆形图形按钮,可响应触摸屏,即鼠标点击事件。单击时,图形将通过增加按钮文本中的计数器、更改按钮的背景颜色和更新数据库记录来更新 我们希望使用jquerymobile来处理标准菜单等,也希望使用这种图形按钮方法来处理所

我想将我编写的Python/wxPython桌面应用程序转换为Android移动web应用程序,并希望得到关于使用带有PHP后端的JQuery mobile进行此操作的建议。这是供内部使用的,因此我们可以指定要使用的移动设备。具体而言:

现有的桌面触摸屏应用程序有一个图像背景,上面有圆形图形按钮,可响应触摸屏,即鼠标点击事件。单击时,图形将通过增加按钮文本中的计数器、更改按钮的背景颜色和更新数据库记录来更新

我们希望使用jquerymobile来处理标准菜单等,也希望使用这种图形按钮方法来处理所描述的点击事件。我应该看看HTML5画布吗

我对使用PHP/MySQL以及使用标准表单提交的JQM进行web编程感到很舒服,但我只是对使用JQuery、AJAX等的事件有所了解。 准备好并愿意学习,但不想在这个问题上同时向太多的方向发展

谢谢你的建议,
Kevin

在我看来,这在jQuery Mobile中是完全可行的,而不需要进入画布方面——我完全同意你不想走太多的路

首先,您可以使用您提到的所有标准布局/菜单/按钮作为标准内容。在你的可点击圆圈页面的内容中,我只会制作可点击的div,你可以收听点击事件,然后进行相应的处理

至于制作圆圈,这可以通过HTML5 border radius css属性轻松实现,正如您所提到的,这应该很容易实现,因为所有现代移动浏览器都支持这一点。对于下面的示例,我建议您在基于webkit的浏览器(如Safari、Chrome或FF的现代版本)中查看它,以查看创建圆时CSS边界半径的简易性

我在这里模拟了一个简单的例子

当然,您会根据需要进行任何后期/预处理,以使界面与服务器端保持一致

希望有帮助

R