【IoT】 产品设计：开发不可以直接使用Axure生成的html代码

Axure主要用途是原型设计，在产品制定时供参考了解项目，以图为主和框架为主，而不是代码，通过Axure生成的html并不能直接拿来用，因为要经过调整，重新编写，增删改查以及CSS样式表的添加。

开发要用的是HTML+CSS+JS代码，这样可以维护，可经改需求，可以添加，可以修改。

axure做原型只是产品使用的一个原型工具，而设计师就是拿这个原型和需求进行视觉设计，前端参考产品的原型和需求，使用设计师提供的psd设计稿进行前端重构和功能开发。

1）可用场景

a、如果是给自己公司或者自己个人做的东西，对页面的代码规范，没有特别的要求，开发时间充足的话，可以嵌套使用；
b、不在意页面中的冗余代码较多；
c、不考虑后期的优化与改动；
d、不在意页面加载速度的快慢问题.

2) 不可用场景

a、商用网站页面，不要直接使用，还是开发标准的html页面在进行嵌套较好；
b、页面代码不规范，嵌套使用不方便；
c、页面代码杂乱，代码冗余量较大，不利于后期的优化。

3）示例

a、代码冗余

只是拖了一个Helloword的Shape(Heading)，生成的html就很多文件，引用了大批Axure的js，不够简洁；

b、Shape的text设置为“HelloWorld1”，有时候生成的html会是：<p><span>HelloWorld</span><span>1</span></p>；

c、源码中查找交互JS位置的时候，相当麻烦，后续要定制或者维护较难；

d、毕竟自动生成的，一些简单的交互，自动生成的代码也是十分复杂的。

文章来源: blog.csdn.net，作者：简一商业，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/liwei16611/article/details/105784796