云起实验室：从设计稿一键智能生成代码和静态页面

最新推荐文章于 2022-01-25 14:03:39 发布

原创最新推荐文章于 2022-01-25 14:03:39 发布 · 261 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#数据库 #mysql #database

探索MidwayFaaS与imgcookstudio的创新应用，通过上传设计稿快速生成前端代码、绑定事件并选择数据源，提升开发效率。

从设计稿一键智能生成代码和静态页面。

点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/6fa04c47e56e4f54b2f0d3dc0650be8e?spm=a2c6h.13858375.0.0.622b5b90ljObqN

建议体验时长：1小时
云产品资源使用时长：0小时

体验简介

从设计稿一键智能生成代码和静态页面

Midway FaaS 已经能够为开发者提供十分易用的服务开发体验，那么下一步，开发者们还可以使用 imgcook studio 插件，通过上传设计稿生成前端代码、绑定组件事件和选择数据源函数等，极大地减少前端部分的工作量，更加专注在函数本身的开发。

下面分别是 Sketch 设计稿、线上页面效果以及 UI 组件编辑器，开发者只需简单几步操作就能完成下图的生成效果，同时还提供 UI 组件编辑器做一些人工干预，下面我们就看看如何使用 imgcook 吧！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

云起实验室

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

云起实验室：零基础入门Serverless：一键部署红白机小游戏

yunqilab的博客

11-24

2246

本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个红白机小游戏。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/5796ce329637436086c55f68133c39a0?spm=a2c6h.13858375.0.0.622b5b90ljObqN 建议体验时长：1小时云产品资源使用时长：1小时实验简介体验后您将收获到阿里云Serverless 相关产品函数计算FC 体验简介体验目标本场景将提.

云起实验室：一键部署合成大西瓜

yunqilab的博客

11-23

308

本场景基于云开发平台和函数计算一键完成对合成大西瓜开源应用的开发和部署，无需购买服务器进行应用的开发和创新。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/949c0fa17f2c4f1bb8219f9afcd10523?spm=a2c6h.13858375.0.0.8ec35b90k599TS 建议体验时长：1小时云产品资源使用时长：0小时实验简介体验后您将收获到云开发平台的整个开发流程，从应用的创建到部署 Serv

参与评论您还未登录，请先登录后发表或查看评论

一键静态化【一键生成静态网页】

weixin_30746117的博客

03-08

592

项目首页HTML页需要全屏轮播展示，要求通过管理平台能够选择展示的图片。开始时使用 Ajax获取数据库表中图片地址展示，结果只能轮播一次无法循环轮播，最后通过一键静态化实现此功能一，案例展示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 5.0 Transitional//EN" "http://www.w3.org/TR/...

一篇文章看懂Serverless

热门推荐

zjy_love_java的博客

07-19

1万+

一篇文章看懂Serverless什么是ServerlessServerless架构和传统的项目的区别Serverless实战什么是Serverless 自2006年8月9日，Google首席执行官埃里克·施密特（Eric Schmidt）在搜索引擎大会（SESSanJose2006）首次提出“云计算”（Cloud Computing）的概念之后，云计算的发展可以用日新月异这个词来形容。那么究竟什么才是Serverless呢？简单来说，Serverless可以说是一种架构，一种云计算发展的产物，至于具体说

Deco 智能代码体验版正式上线啦，快来体验设计稿一键生成代码~

凹凸实验室

01-25

2097

Deco 是什么？ Deco 智能代码项目是我们团队在「前端智能化」方向上的探索，我们尝试从设计稿生成代码（Design To Code）这个切入点入手，对现有的设计到研发这一环节进行能力补全，进而提升产研效率。通过 Deco智能代码平台，可以实现将设计稿一键生成多端代码在过去的一年里，Deco 已在京东的两次大促中成功落地，在个性化活动会场的搭建中，研发效率提升达到了 48% 今天，Deco 对外发布了！过去一段时间里，Deco 都是面对京东的内部场景，外部无法体验到 Deco，很多外部用户向我们表

网站生成静态页面

SmartJavaer的专栏

12-27

1484

网站生成静态页面，及网站数据采集的攻、防原理和策略目前很多人都开始注重动态页面生成HTML页了，但选择哪种生成HTML的方法和防采集却不防搜索引擎的问题却经常困扰大家。解决此问题则是本文产生的原因。首先祥细说一下常用的几种生成HTML的方法：生成HTML方法主要步骤只有两个：一、获取要生成的html文件的内容二、将获取的html文件内容保存为html文件我在这里主要说明的只是第

云起实验室：快速搭建LAMP环境

yunqilab的博客

11-16

1175

本教程介绍如何搭建LAMP环境，其中LAMP分别代表Linux、Apache、MySQL和PHP。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/6869de098ad44fc8a1560a1836a7c5f2?spm=a2c6h.13858375.0.0.54425b90rwAF3m 建议体验时长：1小时云产品资源使用时长：1小时实验简介体验后您将收获到 Apache+ PHP服务端环境的部署手动安装MySQL 相关

云起实验室：基于Ubuntu搭建个人网盘

yunqilab的博客

11-19

1308

本文为您介绍如何快速搭建一个基于Ubuntu的个人网盘。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/bd3fac7dfaaf4be3abbc1bb980907f70?spm=a2c6h.13858375.0.0.423b5b90KoADt0 建议体验时长：2小时云产品资源使用时长：2小时实验简介体验后您将收获到 Ubuntu真实操作环境 Apache + PHP服务端环境的部署相关产品云服务器ECS 体验简介

云起实验室：使用ECS和OSS搭建个人网盘

yunqilab的博客

11-19

239

本文为您介绍如何基于ECS和OSS快速搭建一个个人网盘。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/43c2957814ab40a0917e482f16780cff?spm=a2c6h.13858375.0.0.423b5b90KoADt0https://developer.aliyun.com/adc/scenario/43c2957814ab40a0917e482f16780cff?spm=a2c6h.13858375.0.0.423

由设计稿一键智能生成代码的快捷软件

weixin_44727080的博客

08-21

2032

前言：将psd设计稿放进去自动生成代码的软件效果图：使用步骤： 1、官网入口点击进入，点击文件生成代码 2、点击psd文件，拖拽你的设计稿进来 3、导出你的文件 4、就到这个页面了，注意你要是没有登录的话，会提示你先登录的，我这用的是github的账户登录的，先登录，在点击绿色的绑定就可以了 5、登录完了，在点击图上的，点击代码，就会出来代码了额，注意js是原生的 ...

Picasso：一种sketch生成代码插件，可将sketch设计稿自动解析成前端代码

02-06

毕加索一款sketch插件，可将sketch设计稿页面自动解析成前端代码。简介是58个同城推出的一个素描设计稿解析插件，可将素描设计稿自动解析成还原精确，可用度高的开头代码。最早草图> = 60 使用注：安装picasso插件之前，请先安装 => picasso.sketchplugin.zip解压缩压缩包，双击安装即可，如下：安装完成后在sketch软件中使用插件，如下图所示：功能介绍选择画板挑选画板：对当前样本的画板进行代码生成。全部画板：对所有画板进行代码生成。生成代码网站代码：普通网站代码，结构布局合理，代码可用度高；适用于移动端列表，详情等页面。 web运

Project-R：h5营销后台，将sketch设计稿生成前端界面

02-06

项目R 包括两个核心部分 设计稿sketch解析成json 渲染草图json成dom原型，针对不同的活动可以对中断绑定不同的变量和动作。目前进展 sketch-parse（70％-80％），当前能将sketch还原80％。难点在于 sketchup软件升级后，会影响解析。一些复杂图形 sketch-render（80％），目前基本功能已经完成。有待优化体验，以及增加了一些公共组件项目演示地址手机扫码预览效果一些截图

云起实验室：云上开发Serverless SSR应用

yunqilab的博客

11-18

297

本场景主要介绍如何在阿里云workbench云开发平台创建发布SSR应用。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/73afb171d7c04e43b9030fd9befdc1be?spm=a2c6h.13858375.0.0.54425b90kR822H 建议体验时长：1小时云产品资源使用时长：0小时实验简介体验后您将收获到使用Serverless 开发SSR应用体验简介本场景体验目标是在阿里云workb

一个由设计稿智能生成代码的神器

小生方勤

03-25

1153

一个由设计稿智能生成代码的神器imgcook，一个由设计稿智能生成代码的神器imgcook 是专注以各种图像（Sketch/PSD/静态图片）为原材料烹饪的匠心大厨，通过智能化手段将各种视...

云起实验室：阿里云数据库产品实验室

yunqilab的博客

11-22

694

本场景通过PolarDB for MySQL数据库展示实验室开放的免费数据库产品和基本使用流程。点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/7a3930c48fb3464b93f9a9d1737922a2?spm=a2c6h.13858375.0.0.59eb5b90CgVsAr 建议体验时长：1小时云产品资源使用时长：0小时实验简介体验后您将收获到 DMS-数据库实验室管理数据库 相关产品云数据库RDSMySQ

云起实验室：基于ECI的ACK集群高弹性架构实践

yunqilab的博客

11-25

504

本场景介绍基于ECI的ACK集群高弹性架构。该架构中，在ACK集群上运行常规业务，当业务突发波动（如秒杀活动）时，让突增的业务运行在ECI实例上，随着业务波动动态创建/释放ECI实例，达到成本的最优控制。同时，业务方无需管理节点和容量规划，全自动实现容器“ 点击立即参与云产品场景体验https://developer.aliyun.com/adc/scenario/d041d30223d9442ba46665a9247a2c0c?spm=a2c6h.13858375.0.0.58025b907odMYE

云起实验室：Linux体验馆

yunqilab的博客

12-13

862

体验《Linux指令入门-文本处理》场景，填写场景体验报告，领限量T恤！！先到先得，每周限量20件免费云资源，真实云环境，丰富实践场景点击前往：linux体验馆https://developer.aliyun.com/adc/expo/linux Linux学习路径及最佳实践云起实验室提供免费资源，助力开发者快速上手实践Linux学习体验 Linux基础入门 Alibaba Cloud Linux基础入门 Alibaba Cloud Linux 2最佳实践 ...

asp.net怎样一键生成静态页面，实例说明

jintougao的专栏

04-23

7429

由浅到深，通过实例来说明怎样使页面一键静态化，然后从效益出发，轻讨如何在实际应用中更灵活运用此功能。。