当我们在写页面的时候,我们一般是用原生的html,css,js来写,这是一种传统的方式,需要通过长时间,大量写代码来实现。那么,有没有一种新的方式,能让我们写页面的时候,大大减少代码量呢?今天我们要聊的是利用coze来实现页面的布局
简单介绍
Coze 指的是字节跳动旗下的平台,是一个低代码或无代码的AI聊天机器人及应用程序开发平台,允许用户无需编写大量代码就能构建功能丰富的AI机器人、网页、小程序或其他数字产品。
看到这里,此时此刻,你心里的想法可能是这样的
天呐,不用写代码就可以做页面,还有这种好事?激动的心,颤抖的手,于是,你迫不及待地想试一试
今天我们要聊的是,如何使用 Coze 创建页面
1 注册与登录:
首先访问 Coze 平台的官方网站(coze.cn),使用您的账号进行登录,如果还没有账号,则需要先注册一个。
右上角有一个开始使用,点进去之后
输入你的手机号,注册一个账号
2. 创建新项目
登录后,您可以选择创建一个新的项目。在这个阶段,您可能需要确定项目类型,比如是创建一个聊天机器人、网页应用还是其他类型的应用。 点击新建Bot
创建Bot之后,点击个人空间
点击卡片
现在,如果我们想要实现一个单栏布局,可以直接进行拖拽,如果我们想往盒子里面添加文字,一样的(如果你想要实现什么布局,直接进行拖拽就可以了)
点击文本内容,在卡片的右边,我们可以设置一些样式
当然,在页面上的这些文字,有的时候是动态的,那么怎么办呢(Vue里面叫做响应式数据,例如js通过数据渲染到页面上)
这个时候,我们点击变量,新建变量
这个时候,我们定义了一些变量
这个时候,点击事件和循环渲染都打开,如果想通过数据渲染某些内容,选中URL
同样的,内容这里也是
这样子,我们就通过我们自己定义的数据,渲染到卡片(页面)上
最后,我们点击预览,就可以看见我们想要的效果了
当然,我们可以通过手机扫码,在手机上看一下效果(注意:微信扫码不可以)
最后点击提交
总结
今天,我们聊了一些用coze(以一种低代码的方式)来实现网页的布局。今天我只是做了一个比较简单的案列,如果兴趣的小伙伴,可以按照这样的方式做一个自己想实现的案例。当然,coze肯定不仅仅是用来做网页这么简单,这只是冰山一角,在今后的日子里,我会不断学习,不断来和你们分享coze的用法