如何用AI快速开发一个小程序?

news/2024/10/9 15:58:11/文章来源:https://www.cnblogs.com/speedoooo/p/18454456
ChatGPT这个轰动全球的产品自问世以来,已经过了将近2年的时间,各行各业的精英们如火如荼的将AI能力应用到自己生产的产品中来。
 
为分担人类的部分工作,AI还具有非常大的想象空间,例如对于一个程序员来说,使用AI生成快速生成自己的小程序,相信在AI能力与开发工具融合从可用性到易用性普及以后,会变成一个“习以为常”的操作。
 

App or 小程序?

在APP开发与小程序开发技术路径之间,本人选择了轻应用的技术开发路线,主要是相信“效率为王”,高产才能给自己赚取更高的收益。
 
好了,选定方向以后,接下来就是技能的学习和深入。AI的效率之高和学习成本之低,在技能深耕让我想到了是否能借助AI做更多的尝试,比如零基础开发一个页面,甚至一个小程序?
 
说干就干,开始着手进行准备工作:开发什么应用好呢?要不就一个简单的电商小程序吧。
 

一、准备工作

最开始的开始,我们先要找一个开发工具,既能帮助我们可视化的开发小程序的,又有可以接收prompt的AI能力。找度娘搜索了下,发现一款产品:FinClip的开发者工具(FinClip IDE)
 

二、生成小程序

首先,随意输入一句话的提示词:
「创建一个product页面,每个product项有名称描述和单价」,看看能得出怎样的结果。
 
结果还是比较让人意外的,只是简单的prompt,就能得到下图的页面布局和结构,看来FinClip这个产品设计者也是很用心的,非常懂开发者的“痛”。
 
正所谓一个好的电影,70%都要靠导演和编导的构思,一个好的应用程序也不例外,如果要利用好AI能力,就需要有更详细的prompt规划,例如一些结构(如下),大家感兴趣的可以多尝试下:
  • 内容(什么类型的小程序)XXXXXXX
  • 布局(小程序的主要页面都有什么,按钮、图片之类的)XXXXXX
  • 交互(页面上用户的使用操作)XXXXXXX
如果prompt出来的效果并不能一次性的调整到位,FinClip的这个开发者工具还能局部修改页面代码,加上小程序页面的实时预览功能,就能够让一个开发小白尽可能的在成本输出之前进行多次调整,不得不说还是非常方便的。
 
其他有趣的功能,就是对于一个小程序开发小白来说,很有可能就连小程序开发语法和技术都不熟练,如何能够基于产品已有的开发文档,更便捷的进行知识提取,FinClip也通过一个AI agent连通了自有的小程序开发的知识连起来,让使用的开发者能够更好的对开发知识进行检索。
 

三、小结

从idea到上线,只花了2个小时,整个流程中,除了手动调整样式的数值,没有写一行代码,全部由AI能力,结合prompt帮助我完成。
 
这只是一次很浅层的探索案例,对我个人来说只是在小程序技能深入学习前的一个小实践,很有可能,对于熟练的前端开发来说可能就是一个小时工作量,但在这里分享的目的,是为了分享下所谓的拥抱新技术所带来的好处,与此同时,也是给大家带来一点小焦虑,正所谓“不进则退”,很多经验可能自己埋头积累并不能获得质的飞跃,最终可能自己是个"井底之蛙",花大力气却换来了小惊喜,还不如拥抱变化,使用新技术快速提升自己的工作技能。
 
共勉。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/810582.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

装酷就来这,秒变黑客精英的6个网站

有网友问:有没有装黑客,炫酷的网站? 回答:当然有。当黑客,门槛太高;装黑客,都是1秒钟的事情。下面介绍几个: 第一个:hackertyper 网址:https://hackertyper.net/ 随意输入文字,屏幕出现整齐的代码 这个是装酷首选,速度快,网页干净! 第二个:GEEKtyper 网址: ht…

webapi发布---问题解决

一. 127.0.0.1是回路地址,来检验本机TCP/IP协议栈,实际使用过程中服务端不在本机,是外部地址,要用IP地址测试。 外部用户采用IP+端口号访问,如下图浏览器访问不了,400错误。解决方案: 因为 IIS 7 采用了更安全的 web.config 管理机制,默认情况下会锁住配置项不允许更改…

virtualbox虚拟机的安装及xshell的连接

1.新建 填入虚拟机名字 虚拟机光盘为外部下载:https://openanolis.cn 点击下载点击第二个x86_64其他默认 2.设置 设置网络网卡 网卡1 网卡2 3.启动安装 一律默认 4.连接网络5.打开终端输入ip addr获取网络ip 6.打开xshell将ip地址输入到主机7.输入虚拟机用户名和密码即连接成功…

virtualbox虚拟机的安装

1.新建 填入虚拟机名字 虚拟机光盘为外部下载:https://openanolis.cn 点击下载点击第二个x86_64其他默认 2.设置 设置网络网卡 网卡1 网卡2 3.启动安装 一律默认 4.连接网络5.打开终端输入ip addr获取网络ip 6.打开xshell将ip地址输入到主机7.输入虚拟机用户名和密码即连接成功…

webapi测试例子

1. 修改WebApiConfig.cs中路由路径问题:webapi的默认路由并不需要指定action的名称(WebApi的默认路由是通过http的方法get/post/put/delete去匹配对应的action),但默认路由模板无法满足针对一种资源一种请求方式的多种操作。解决:打开App_Start文件夹下,WebApiConfig.cs …

LED显示驱动/高亮数显屏驱动芯片VK16K33A 采用SOP28封装形式,可支持16SEGx8GRID的点阵LED显示面板

VK16K33A是一种带按键扫描接口的数码管或点阵LED驱动控制专用芯片,邱婷:188-2366-8825内部集成有数据 锁存器、键盘扫描、LED 驱动模块等电路。数据通过I2C通讯接口与MCU通信。SEG脚接LED阳 极,GRID脚接LED阴极,可支持16SEGx8GRID的点阵LED显示面板。最大支持133的按键。内…

PostgreSQL E转义字符

背景:多行数据作为select的where查询条件,数据库里直接找能找到,但select查询不到 数据AAA BBB CCC select ratmplid from certificates where privka = AAA BBB CCC ; 查询不到数据,修改如下 select ratmplid from certificates where privka = EAAA\nBBB\nCCC\n; 也可以借…

打通前后端流程,案例解读华为云开源低代码引擎解决方案

华为云在前端领域提供了DevUI Suites的场景级解决方案与打通前端与服务端的TinyEngine低码引擎,帮助开发者开发专业、设计统一的前端场景。本文分享自华为云社区《使用场景级前端解决方案及低代码引擎,助力开发者生产效能提升》,来源:《华为云DTSE》第五期开源专刊 当前前端…

GET代码的代码和公式

1. 数据及代码中的变量 初始化变量B: 存储每个 block(残基)的类型,来自 VOCAB.symbol_to_idx。 A: 存储原子的类型,来自 VOCAB.get_atom_global_idx() 和 block.to_data()。 X: 存储原子的坐标信息。 atom_positions: 存储原子位置的索引,用于进一步计算原子的几何信息。 …

数据库属性带下划线的注意事项(下划线bug)

①如果数据库的属性带有下划线,如下②实体类代码1 package com.lian.pojo;2 3 import com.baomidou.mybatisplus.annotation.IdType;4 import com.baomidou.mybatisplus.annotation.TableField;5 import com.baomidou.mybatisplus.annotation.TableId;6 import java.io.Serial…

高效开发最佳实践全面指南

学会表达在写复杂表达式时,可使用一个变量将表达式用变量的方式表示 函数、变量命名要语义化学会复盘花一些时间清理自己的代码 尽量以函数式进行编程拥抱变化在开发功能时,要考虑变化的情况。该死的产品经理在封装时要考虑能否封装成一个 js 模块,后续只需要调用响应的 API…

【 java 安全】Java对象都是堆上分配?看完Java中对象逃逸分析就知道答案了

原创 龙虾编程随着JIT编译期的发展与逃逸分析技术逐渐成熟,所有的对象都分配到堆上也渐渐变得不是一定的。在编译期间JIT会对代码做很多优化,其中有一部分优化是减少内存堆分配压力,这里有一种重要的技术叫逃逸分析。逃逸分析是一种可以有效减少Java程序中同步负载和内存堆分…