4

我是 C++ 开发人员,很长一段时间以来我都没有真正跟进任何与 Web 相关的开发。我有一个我想实施的项目,实际上是为了赶上这些技术。我的项目是这样的:

  • 在浏览器中显示一些内容(例如使用画布和 WebGL 的 3D 场景的内容),在页面上有一个按钮。点击按钮时,将数据发送到服务器(例如相机位置),在服务器上渲染图像(使用一些离线的高质量渲染方案),将图像返回给浏览器,最后显示在画布中。

我相信我可以用 WebGl、canvas 和 HTML 5 等简单的东西来填补空白。我熟悉其中的一些技术,并且可以学习。我完全迷失的地方是用于或需要做一些事情的技术,例如将数据发送到服务器,在那里处理它们,并将一些结果发送回客户端。当然,现在我已经对网络进行了一些研究,但是那里的东西太多了,真的很难知道往哪个方向发展。它们是大量的库、API、技术等。

我怀疑我需要使用 JavaScript、DOM、HTML5 的某种组合......但如果人们以前做过或知道这应该如何工作,我会很感激,可以为我指明正确的方向。我真的在寻找一些基本的东西,如果可能不使用某种第 3 方 API。我不想做一些简单的复杂的事情,发送数据,处理,发回显示。我的目标是理解原理,而不是做一些专业或超级强大的东西。我这样做是出于教育目标(学习和理解)。

我阅读了有关 RESTFul 的信息,但我仍然不确定这是否是我需要的。真的,如果有人可以简单地向我描述这个项目所需的基本技术组件,指向我的文档、教程、示例,给我应该阅读的技术点点滴滴的名称,我将不胜感激。

我意识到这个问题的范围非常大(而且我应该以前做过我的家庭作业,而不是现在有多年的知识可以赶上)。我相信尽管这个问题可能会引起许多人的极大兴趣。而且我还保证我会发布我的发现以及为什么不发布我的工作示例,当我想通了并开始工作时。

谢谢你。

4

1 回答 1

2

不是答案,只是包含代码的建议/想法。结构化/格式化的评论。

不确定如何在 C++ 中使用/编码它们,但这只是呈现 HTML 和实现 javascript 代码的问题。

要点是:

已加载 jQuery 库。一种方法是:

<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>

为您的 jQuery 脚本使用 javascript 代码块:

<script type="text/javascript">
    $(document).ready(function() {

        $('#mybutton').click(function() {
            var pic = $('image_selector').val();
            $.ajax({
                type: "POST",
                url: "ind.php",
                data: "img=" + pic
            })
            .done(function(recd) {
                $('#txtHint').html(recd);
            });
        }); //END mybutton click

    }); //END document.ready
</script>

我不知道您将如何将图片作为 var 发送,或者如何构建它,但您了解了基本要点......

在服务器端,它是这样工作的(例如使用 PHP):

<?php
    $image = $_POST['img'];

    //Do something with the received image

实际上,现在我正在考虑它,您正在发送图像(我以前没有做过),所以我认为您不能像文本或 JSON 对象一样发送它......您可能需要将其与enctype='multipart/form-data文件上传属性一起发布,就像使用表单进行上传一样?只是猜测。

无论如何,这不是为了回答你的问题,只是为了给你一些提示,让你进一步了解。


有关 AJAX 的基础知识,请参阅这些简单示例:

一个简单的例子

更复杂的例子

根据下拉列表 1 中的选择填充下拉列表 2

于 2013-09-25T20:30:20.993 回答