【问题标题】:Building a Custom Build Interface构建自定义构建界面
【发布时间】:2015-09-14 04:35:59
【问题描述】:

我希望通过构建一个基于用户选择生成自定义(产品)构建的界面来真正挑战自己。

以下是我所指的两个示例:

*注意:这些有时可能需要一些时间来加载

Design Your Own Converse Shoes

Custom Made Womens Shoes - Shoes of Prey

如您所见,用户选择基础产品(鞋型或款式)并选择允许他们使用不同衬里、颜色、材料等定制构建自己的产品的选项。我知道一些 T 恤公司也这样做有点像,但我选择了这些示例,因为它们在细节变化方面更加全面。

所以我的 SO 问题是:

  1. 我可以进一步研究这种应用的具体名称吗?

  2. 是否有框架或现有基础可以帮助我学习和更好地理解此类软件应用程序背后的逻辑?

  3. 如果有人以前构建或使用过类似的东西,您使用的是什么语言,为什么?

我是一名学习型 Web 开发人员,我对 HTML、CSS、JavaScript、PHP、mySQL 等 Web 技术非常熟悉。我现在才刚刚开始着手构建我的第一个基于 MVC 的项目。这是一个缓慢的学习过程,因为我在“专攻”特定学科之前会尝试不同的事情。解读在哪里使用什么以及为什么使用它本身就是一个挑战。

显然有不同的方法可以做到这一点,因为 Converse 使用 Adob​​e Flash Player 来生成结果,而 Shoes of Prey 每次进行新更改时都会更新 jpg 图像。到目前为止,我对逻辑的当前(和有限)理解是,后端可能有数百张图像根据用户选择的变量进行更新。我真的很想对一个工作示例进行逆向工程,以便我可以理解所涉及的编程并使用这些理解构建一个。

我已经浏览了上面示例的源代码,但显然有很多我看不到的服务器端内容。我还通过 builtwith.com 资源运行了每个网站,但到目前为止还没有很多技术信息对我有帮助。

我们也真诚欢迎任何建议、资源或专业见解。我从 SO 社区学到了很多东西,所以我感谢您抽出宝贵的时间,并为这么长的帖子道歉。

【问题讨论】:

  • 感谢您的反馈。我真的认为这个网站是一个学习资源,经验丰富的开发人员正在寻找答案。我已经阅读了您提供的链接(感谢您提供的资源),我确实觉得它们解决了列出的关于软件算法的要点,(或)程序员常用的软件工具; (并且是)一个实用的、可回答的问题,是软件开发所独有的。我无法找到描述此类应用程序的名称或术语以进行进一步的独立研究,因此我希望 SO 社区可能有一些见解
  • 您可能正在寻找的术语是“电子商务产品定制工具/插件/软件”虽然您的问题很彻底,而且您无疑已经投入了大量时间,对于 Stack Overflow,它仍然被认为是题外话,因为您要求的是场外资源/工具以及主要基于意见的问题(“什么语言以及为什么?)”。您的问题尚未关闭的唯一原因是开放的赏金会阻止问题关闭。当然,您可以随时编辑您的问题,使其更加具体/客观/切合主题,即使在结束后也是如此。
  • 值得一提的是,我的一些工作是“自定义构建”客户端解决方案......而且我一直在研究自己的“自定义构建解决方案”已有一段时间(虽然不适用于产品),如果您有兴趣分享工作成果,我会考虑在编码和系统结构方面为您提供一些帮助。如果您有兴趣,请给我留言(您可以通过我的个人资料找到)。

标签: web-applications


【解决方案1】:

我建议为你的鞋子使用 SVG 文件。

当今所有主要浏览器都支持 SVG,与 JPG 相比,它们非常小,并且也适用于平板电脑/手机,而 Flash 不支持。

这将使您的应用程序非常快,因为您不会弄乱太多图像,并且在设置颜色等时,您只需切换对象上的类,它就会改变,没有服务器回调什么的。

您甚至可以改变杆身高度或加宽鞋底等。

SVG 可以处理不规则区域(多边形)、图案、图像、文本和颜色,分层,具有透明度,因此您可以创建非常好看的鞋子 :)

它们可以在不损失质量的情况下扩展,适合大小屏幕/显示器。

您可以在此处阅读更多关于 HTML5 在图形方面提供的内容
http://www.html5rocks.com/en/features/graphics

这里是关于 SVG 和 HTML5 Canvas
http://seenjs.io/

如果您想进一步复杂化,请在 Google 上搜索“3D”并找到类似的内容
http://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

但我建议,保持简单并销售鞋子,而不是建立一个很酷的 3D 网站。

【讨论】:

    【解决方案2】:

    为用户可能添加的每个设计属性设置单独的图像。保留一个 XML 文件,其中包含所有信息,例如当用户添加某个属性时要加载的图像。将用户请求与xml匹配,并从服务器获取相应的图像。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-04
      相关资源
      最近更新 更多