如何用ImgCook加workbench平台完成智能生成垃圾分类?-问答-阿里云开发者社区-阿里云

开发者社区> 1358896759097293> 正文

如何用ImgCook加workbench平台完成智能生成垃圾分类?

来自:云开发平台 2021-03-11 23:00:16 137 1

如何用ImgCook加workbench平台完成智能生成垃圾分类?

取消 提交回答
全部回答(1)
  • 1358896759097293
    2021-03-14 22:33:32

    首先在 Serverless 云开发平台上创建应用。创建应用的时候选择“实验室”,然后选 AIoT,然后下拉选择智能生成页面智能识别图片方案,补充好应用名称等点击完成。 进入开发前先介绍下帮助文档中提及的“下载测试用的 Sketch 设计稿”。这个设计稿 需要打开 Cloud IDE 再下载“垃圾分类设计稿 Sketch 文档”到本地。 这个 设计稿是一个静态页面,进入这个页面后点击选择图片的按钮,它会弹出一个选择文件的一 个对话框,然后选择对应的图片,它就会把这个图片对应的垃圾的分类类型显示出来。 创建好应用后就可以进入开发,在左侧目录文件区域点击右键,出现弹窗选择最下面的 “Open With imgcook studio”,就打开了 imgcook 的页面了。 打开 ImgCook 页面后,点击上侧的“导入“键,选择上文介绍的设计稿,上传后选择 导出。导出后,设计稿代码就被自动生成出来了,在 ImgCook 的工作界面会展示出来由 代码生成的可视化 UI 效果。 代码生成后通过左侧展开对应设计稿的段数,点击某个节点,右侧就会展示出与节点对 应的详细信息。比如点击图片节点,右侧会显示图片的属性和一些相关的配置。我们也可以 通过这个部分对设计稿某些节点进行修改。 添加页面交互逻辑,绑定后端 API。 接下来我们要做的是完成用户交互操作。首先,点击生成 UI 界面上的+,在右侧高级 属性面板,将「id」属性值设置为 image,然后点击+下面名称和类型旁边的…补充名称、 类型等内容。

    所有设置完成后,点击“选择图片”并在右侧事件中添加 onClick 事件。

    点击 onClick 后,在弹出的输入框,输入代码作为处理函数。所需的代码可以通过帮 助文档《智能生成页面智能识别图案方案》查看并复制使用。 粘贴进去函数之后,保存。那么代码生成的准备工作就基本完成了。 接下来保存项目,并选择对应的开发规范。ImgCook 是可以根据不同的需求生成不同 的规范的代码。示例展示的是选择了纯 h5 代码生成。

    选择代码之后可以看到对应的几个文件,index.html,index.js,style.css 和 style. responsive.css。 最后是选择导出到指定的目录。选择导出,会跳出一个可供选择的目录框,如果不做选 择会默认保存到根目录下。保存后,需要为此应用输入测试所需的图片上传和图片智能识别的环境变量。输入的代 码可以通过帮助文档获取。配置的方法是点开应用配置,然后将在帮助文档中复制的代码粘 贴进去,选择确定完成。

    最后就是可以部署并检验效果了。 回到 Cloud IDE 页面,点击左侧的 WB 插件,然后点击部署。完成部署后,可以通过分配的域名点击查看并测试。

    0 0
相关问答

5

回答

serverless 对于开发者那么好,是不是程序员可以开发自己的产品,做一些有意思的工具性产品

1956429740628611 2020-10-06 21:16:32 2218浏览量 回答数 5

2

回答

云开发是官方长期支持的未来方向吗?有没计划支持netcore?

阿左 2020-04-30 22:16:44 1844浏览量 回答数 2

1

回答

应用列表应用一直显示:日常[ 启动中 ],并且应用无法删除!

1182652585597726 2021-01-13 22:03:02 1600浏览量 回答数 1

63

回答

公演|云开发校园合伙人成团前上手项目公演,let‘s battle!

霸道网管 2020-08-19 17:05:54 37019浏览量 回答数 63

1

回答

阿里云云开发平台是免费的吗?

游客rqrrugkuu6d56 2020-05-31 00:44:52 2537浏览量 回答数 1

3

回答

WordPress建站活动FAQ

霸道网管 2020-11-27 11:31:46 6710浏览量 回答数 3

1

回答

请问这个云开发使用的资源,跟账号的云资源是隔离的么?数据库有没真正serverless方案?

周凌峰 2021-01-16 13:45:56 1720浏览量 回答数 1

1

回答

部署WordPress博客不成功, [ASK集群创建任务] 执行失败

游客dqalxif7hng2i 2020-11-30 11:26:43 1478浏览量 回答数 1

87

回答

亮出你的专属二次元形象,领天猫精灵音箱

霸道网管 2021-01-08 09:08:10 21157浏览量 回答数 87

6

回答

无法停止应用

1758297767866078 2020-12-01 15:01:51 1515浏览量 回答数 6
+关注
1358896759097293
45271990@qq.com
0
文章
2125
问答
来源圈子
更多
+ 订阅
推荐问答
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载