构建自定义构建界面

 

我期望通过构建基于用户选择生成定制（产品）构建的界面来真正挑战自己。

以下是我所指的两个例子：

*注意：这些有时可能需要一段时间才能加载

设计自己的匡威鞋

定制女装鞋 - 猎物鞋

正如你所看到的，用户选择一个基础产品（鞋子类型或样式）并选择选项，允许他们用不同的衬里，颜色，材料等定制自己的产品。我知道一些T恤公司也做这种事情但是我选择了这些示例，因为它们的细节变化更全面一些。

所以我的问题是：

  • 是否有这种应用程序的具体名称，我可以进一步研究？

  • 有没有一个框架或现有的基础可以帮助我学习和更好地理解这种类型的软件应用背后的逻辑？

  • 如果任何人之前已经构建或使用过类似的东西，您使用了什么语言，为什么？

    • 我是一名学习Web开发人员，对HTML，CSS，JavaScript，PHP，mySQL等网络技术非常满意。我现在只是开始构建我的第一个基于MVC的项目。 这是一个缓慢的学习过程，因为我在某个学科“专业化”之前尝试了不同的东西。 解密在什么地方使用什么，为什么是一个挑战本身。

    由于Converse使用Adobe Flash Player生成结果，因此显然有不同的方法，每次进行新更改时，Prey Shoes都会更新jpg图像。 目前我对逻辑的理解（和有限的）是，根据用户选择的变量，后端可能有数百个图像会更新。 我真的很想对一个工作示例进行逆向工程，这样我就可以理解所涉及的编程，并使用这些理解来构建一个编程。

    我已经通过上面的例子的源代码，但显然有很多服务器端的东西，我看不到。 我也通过builtwith.com资源运行每个网站，但目前为止还没有很多技术信息对我有所帮助。

    任何建议，资源或专业见解也是真诚的欢迎。 我从SO社区学到很多东西，所以我感谢您的时间，并为长期职位道歉。

    我会建议使用SVG文件来制作鞋子。

    目前，所有主流浏览器都支持SVG，与JPG相比，SVG非常小，并且可以在平板电脑/手机上使用，而Flash不支持。

    这将使你的应用程序非常快速，因为你不会弄乱太多的图像，当设置着色等时，你只需要在对象上切换类，它就会改变，没有服务器回调。

    你甚至可以改变杆身的高度或扩大鞋底等。

    SVG可以处理不规则区域（多边形），图案，图像，文本和颜色，并且具有透明度，因此您可以创建非常漂亮的鞋子:)

    并且它们可以在不失去质量的情况下进行缩放，适合小型和大型屏幕/显示器

    在这里，您可以阅读更多关于HTML5在图形方面的优势
    http://www.html5rocks.com/en/features/graphics

    这里介绍SVG和HTML5 Canvas
    http://seenjs.io/

    如果你想更复杂，谷歌的“3D”，并找到这样的事情
    http://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954

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

    为用户可能添加的每个设计属性分别提供图像。 保存一个包含所有信息的XML文件，例如用户添加某个属性时要加载的图像。 将用户请求与xml匹配，并从服务器获取适当的图像。

    链接地址: http://www.djcxy.com/p/29063.html

    上一篇: Building a Custom Build Interface

    下一篇: elasticsearch match all words from document in the search query