zion制作小程序教程深圳

今天讲一下这个 z i o n 这个平台免费做小程序的啊，看是不是真的免费，然后，呃，好不好做。首先还是搜索 z i o n， 他这个看这，这里有个价格，点击价格以后这里会有一个基础版，免费使用，个人版、商业版、企业版，其实，呃，肯定是要收费的，对吧？零零元的，这肯定是不怎么能用的，相信我啊。 然后这有个季付和年付，这一一九九是一个季度啊，点击这里有个年付就是四千块钱一年，我们这个就是这个啊，他还有个三万一年的， 其实跟我们那个也差不太多。功能，功能方面，体验方面。嗯，就说这个版本吧。支付功能对吧？这个四千版本才刚有支付功能，你看这个一千一年的连支付功能都没有。 可自定义域名， seo 能力，项目全线配置无水印，然后微信小程序订阅消息， egb 数据库， 十 gb 对象，我们这都是四十 g， 他这才十 g， 四十 gb 对象组成，我们是四十， 每月十 gb 流量啊，一 gb 数据库，这都没有什么东西啊。 下边还得有算力资源购买单，租户算力包多租户算力包一百二十五一个月，五百块钱一个月， 一对一咨询服务系统化课程，没什么用啊。行，反正价格是挺贵，再看一下功能吧。哎，他这个有个操作的页面啊，是，嗯，相当于编辑这个小程序的页面， 嗯，怎么说呢？嗯，比较死板的一个一个功能吧，就是比点击这块，这个页面在左边可以找到他的这个模块，然后去编辑这一小个 模块，然后可以在右边比较。呃，那个设计他的大小，颜色，哎，还有交互能力， 交互就是点击时的行为，点击跳转什么东西啊？嗯？跳转，请求跳转弹弹窗支付啊，就这些就是 比较原始吧，就是一般般，比较一个基础的一些一个东西啊，就是这个怎么说？打个举个例子啊，就跟大积木一样，你这个积木他就是就那几块，十个积木 让你搭别的的话就可能是有一百个，一千个，对吧？积木的样式比较少，没什么可操作性， 做出来的也比较简单，而且他这个左边和右边这个设计的非常复杂，像越哥这种老手看上去都有点懵 啊，太复杂了，不好，不好用。呃，基本上这两个方面吧，一个是价格上贵，一个是可操作性上太复杂。 如果你坐下来的话，你坐下来，你在后期的装修啊，后期的这个，呃，改版啊，还是非常困难的啊。啊，不建议使用 像这些的，我们如果说好的话我们就会推荐使用，不好的话就就不推荐了啊，就今天就说到这里，这个 zion 我是乐哥，有想做小程序的可以找我。

啊，最近的这个无代码平台很流行啊，号称是不需要程序员的参与就可以轻松上线一款小程序或者是外部应用，大家看啊，这个地方就是我用无代码平台自己做的一款土豆粒子的小程序，有前端有后端，而且数据是实时生效的，并且这个地方呢我提供了一个二维码，大家可以自己去感受一下。 其实第一次在听到这个无代码平台的时候呢，作为程序员呢，我是感觉到有被刺的啊，那咱们今天呢就一起来还原一下我的整个搭建过程，看看他是不是如宣传完当中说的那么死话。 那咱们今天呢要做的是一个非常简单实用的 to do list 小程序使用的无代码平台呢，是栽啊这样这个地方大家注意一下，不是 nba 里面的那个胖虎啊，这个首先要说明一下啊，免责声明， ok， 那首先呢咱们要分析一下这个需求，拆解一下啊，他有这么几个功能对吧？首先是用户登录以后呢可以去查看自己的人物列表， 然后用户呢可以去创建一个代办任务，每个用户呢都可以去修改他自己的任务，然后用户也可以去删除某个任务，那最后呢也是最为重要的就是用户可以去点击完成某个任务，怎么说呢，这个需求我觉得还是比较简单的，如果理解就扣波一， 首先呢我们要把界面搞一搞啊，就对着咱们这个小程序的界面重新做一次吧，也是非常简单，大家后面尝试的时候呢，可以去自由发挥，毕竟现在你自己就是 ui 了， 大家从我实际操作过程当中可以看到，他的这个设计功能还是很友好的，可以去实时预览，然后哪里有问题，我们就可以马上进行调整。 ok， 那现在呢，咱们的前端界面已经搞定了，我们需要去做一下后端的事情。首先我们要做的就是去设计数据模型， 点一下这个按钮啊，默认这个地方呢是有一个账户表，其实就是一些非常简单的用户信息啊，如果说你觉得这个字段不够用，可以自行添加，我们接下来呢就需要去添加一张任务表啊，他这个地方应该有这样几个字段，首先 是任务 id， 然后是任务标题，任务描述，然后会有一个是否完成的标识，最后就是他的一个创建时间。那么如果你要做逻辑删除的话呢，可能还需要有一个标记是否删除的这个 is deleted 这样的一个字段，对吧？ 这里呢我们就做简单一点，直接物理删除就可以啊，大家可以看到设计表的过程还是非常轻松的，不用再去写注视啊，然后英文汉语这样来进行转换，因为现在我们的这个自断名就是最好的注视， 完全就是一种所见所得啊，这种感觉真的是太棒了。那设计完了数据模型以后呢，接下来我们要做的就是让前后端联动起来，比如说这个地方我给前端添加了一个任务，然后点击提交后端数据库呢，应该需要去新增一条数据才是对的。那接下来呢，我们就演示如何实现这个效果。 ok， 我们现在整体测试一下，首先是进入小程序，然后他会主动来拉数据，展示人物列表，接下来我们就去添加一个任务，更新一个任务， 删除一个任务，点击完成啊，所有的这些操作呢，我觉得都是没有任何问题的，也就代表我们的整个功能他现在是完整的。那接下来呢，我们会发布一下这个小程序啊，首先我们需要去点击这个与发布， 然后这里呢他是需要去微信扫码做一下绑定。那如果说之前你有在微信注册过一些小程序的话呢，这个地方也可以点击去授权，后面等微信审核通过了，就可以在线上访问这个小程序了， 就像我一开始操作的那样，对吧？那拥有自己的小程序呢，其实还是挺香的，一方面呢可以去满足自己的一些实际的需求啊，另一方面呢，如果说你的这个产品受众很广的话呢，还会有一些副业收入，最简单的方式呢就是成为微信小程序的流量主，可以在小程序的内部增加一些广告总 做到寿命。那如果说你本身是一个很有产品思维啊，运营经验的人，但是呢目前还没有找到程序员来帮你开发，可以试一下怎样这个无代码平台，做一个一点零的版本出来，验证一下自己的想法，如果后续反馈还行啊，我们再做下一步的打算也是可以的。 栽秧本身呢也是提供了非常多的现成可用的模板，大家可以在模板的这个基础上面呢进行二次开发，这个还是很方便的，就像我们上面做的这个 to do list， 他其实也有一个现成的模板，只不过呢我为了给大家演示就自己去开发了，也不难，对吧？整个栽秧的这个交互逻辑上手我觉得是非常容易，然后整体的一个学习成本 还是很低的。那目前外部端呢，也上了动效的功能啊，大家有兴趣的话呢，可以自己去尝试一下。另外在案还支持自定义组件，外部 api 接入和行为流定义，这个就比较适合那些脑洞很大的同学了，这样一来呢，就可以很大程度的去 去增加他的扩展性和灵活性。如果可以真的用起来的话呢，啊，就可以去做一些更为复杂的应用。无代码平台技术呢，这几年也是如火如荼，就像我一开始说的那样，作为程序员的我是有感觉到被刺的，再加上呢，现在又搞出来了一个什么 chat g b t 啊这种东西啊，没准以后呢真的能够实现。 你说一段话描述一下你的需求啊，然后机器人 ai 就可以帮你去做一个产品软件出来。那我自己觉得无代码其实对咱们也是一个机遇啊，就 大疫情，无代码好像是省去了程序员编写代码的这个过程，产品设计啊和解决方案这方面的一个重要性反而是更加突出了。 但是懂技术的人如果去使用这种无代码的工具，我觉得完全是一种降维打击，到时候你不仅会传统开发，还会无代码开发，那么这个时候呢，你的竞争力就体现出来了。 ok， 那 上呢就是本期视频的一个全部内容了，如果你觉得这个视频做的还不错的话呢，请帮忙点赞投币分享，一键三连，支持我一下没有关注的小伙伴也可以点下关注啊。 ok， 我们下个视频再见吧。

一个粉丝问我，像这样炫酷的小程序，他能不能也做一个？我经过两天的加班加点的探索，我帮他完成了这个愿望。效率期间呢，我选择了五代码开发平台来达成这个小目标，毕竟实现效果是第一位的， 不用纠结到底有没有写代码，仔细对比后，我选择了前后端实力比较均衡的平台。赞不是不知道，几年前我以为五代码平台顶多是个玩具，现在我发现自己错了，能做成这样，看来商用也是完全没有问题的。赞其实提供了非常多预设的模板供我们使用， 但是与众不同的是，他可以随意修改前端的设计风格啊，交互方式都可以按需修改。但是今天呢，我选择了跳过这些模板。我们从零开始创建，让我们直接创建一个全新的空白项目。首页的布局还是比较简单的，上面就是一个视频，在组建里拖拽视频组建就可以了， 但是我不喜欢进页面就播放声音的这种形式。我把视频替换成图片，下面再增加一些商品展示，通过组建的组合便可以完成包含商品名称和图片的模块。同理，把小程序的四个导航按钮也通过组合创建出来。咱俩的组建种类非常丰富， 搭建的自由度极大，让你可以按照自己的想法来设计复杂的页面。创建页面的过程就是这样的简单，我们只需要按照需要把组件拖到合适的位置就可以了，完全傻瓜式的操作。参照首页的制作方式，我把其他的页面也都制作完成。 看到这里，页面制作好了，你可能会有疑问，页面上的数据是哪里来的呢？这个就要看我们的数据模型了，因为我之前开发过电商项目，我用很短的时间把之前项目的数据库结构创建到数据模型里。对于没有开发经验的人来说， 只要你明确需求，梳理出这个数据结构也是完全没有问题的。在可视化的数据库界面操作，就像使用 excel 一样，查询数据、修改数据、插入数据都十分简单。接下来我们回到页面，点击页面模块，在右侧的内容中 数据来源选择远程数据，然后选择对应的数据表，就可以把数据表中的数据显示到页面上了。在交互中配置不同按钮，点击后的动作，比如请求跳转等等。 页面创建的过程中，你可以随时预览实时效果，并进行必要的调整修改，有什么问题系统会及时报错提醒，让你第一时间能够找到并解决问题，这对于初学者来说简直不能更友好了。 最后一步，当你的项目制作完成之后，只需要点击发布你的小程序，就可以在微信中搜索使用了网页项目也可以通过网址来浏览，所有的数据 都保存在平台上，这还节省了你购买服务器的成本。赞的响应式布局，无论是桌面、手机屏幕还是平板，都可以做到完美显示，真正实现了一次布局，多端适配。通过复刻一个项目， 我对五代码平台的能力边界有了较清晰的认识，说实话，给了我不小的惊喜。如果你也想做一个网站或者小程序，不妨试试赞他，能够解决你大部分的需求。好了，我要再去优化一下我的小程序了，希望大家喜欢这个视频，我是格物时间，我们下期不见不散。

你还在花钱找人做小程序吗？你不会真的不知道现在可以不用懂代码就可以制作小程序了吧？像这些头像小程序、微商店铺小程序、网课和会员管理小程序，不用懂代码，只要动动鼠标就可以快速制作出来，在用它是一个无代码平台， 我们可以像搭积木一样，根据自己的喜好需求快速搭建自己的小程序。目前网站给我们提供的有多个小程序模板，我们只需要替换添加内容就可以变成自己的小程序。比如我们要做一个软件分享小程序，我们新建一个空白模板， 然后设计第一个页面软件工具，从添加组件中拖拽一个搜索框到编辑界面，根据自己的需求填写内容，想要什么就添加什么，这里就不给大家详细介绍了，最终效果非常棒，一切都和搭积木一样简单，具体搭建方法已经给 大家准备了详细教程，各方面都讲解的非常全面，在社区中有很多创建者分享经验和搭建成功的案例，让我们真正不懂代码，不懂编程的小白，自己制作一个属于我们的小程序。关注阿牛，分享更多实用软件。

无代码制作小程序上点击进入 zion， 点击新建项目小程序电商模板，输入项目名称创建，点击预发布， 点击首页进入聚焦模式，找到轮播图，点击交互将自动播放循环显示知识点都打开。

呃，这样和明道云对接呢，总的来讲呢是分为三步，第一步呢就是从明道云这边获取到对应的这个 a p i 的信息，那呃明道云呢？在这个 a p i 集成这边，大家可以看到就是有一个非常成熟的一块，就是 在每一个应用的这个左上角可以看到它的 a p i 开发文档。那明道云非常贴心的为大家把每一个这个曾山茶改相关的接口，通过这种阴阳历的形式为大家展示。所以大家在外部系统去调用明道云相关的这些数据的时候， 只需要通过呃这个样例里面的相关的参数的复制啊，然后地址的这些复制就可以完成接通了，那第一步是拿到这些数据，第二步呢就是在怎样的这个呃编辑器内去配置我们的这个 api 参数，那现在回到我们的编辑器里面，嗯，大家可以 看到这个就是我们整体的一个编辑器的一个页面，那我们去添加页面，只需要去单击一个按钮，然后就可以去啊添加不同的这些页面。呃，我刚才已经去配置了一个查询商品信息的这么一个 api， 那这个回到我刚才的这个页面， 我们是已经准备了一个测试的一个表单，那可以看到有对应的一些测试的商品数据。那我们呃举个例子，我在这个明道云我去添加一个新的上好物品， ok， 比如说我添加一咖啡，那现在目前呢是有对应的一些，比如说单位啊，名称或者图片这些数据。呃，我们在 zara 上面通 通过这个 a p i 的配置，可以自动的解析到明道云返回的对应的这个结构体，那这样其实第二步就已经完成了，呃第三步呢就是基于 zan 本身了，我们 zan 会有比较多的一些原子组件，那这些原子组件可以为大家去创造很多，就是呃 复杂型的场景也好，或者说营销类的场景。那我现在在屏幕中间拖拽了一个我们的一个列表组件，因为我目前呃会为大家实现一个，就是我们通过民道园去拿到商品列表 啊，我只需要通过拖拽我们的这个文字组件，然后呢去配置一下，我想在这个列表上面去呃查看那些数据。举个例子，比如说我想去看到啊对应的商品名称，然后呢图片也是可以去查看的，我们去啊灵活的调整一下图片的信息 选择，我们的数据源来自于云道云， okay， 因为呃在明道云上面的这个数据呢，在图片这一块儿它是有多张图片，所以我们暂时先只拿一张图片来做演示， 那这样的话我们的一个基础的列表就配置好了。那借助刚才我们说到的这个我们比较强大的实时预览的这个组件， 就可以直接为大家看到，在右侧我们的这个实时预览页面就拿到了，成功的拿到了明道云相关的数据，那这个是我们一个接口的一个呃最小化的应用。

就在前几天，我做的小程序上线了，从产品原型设计、前端开发、后端开发、产品部署到产品运维，都是我一个人完成的。我啥时候学会的写代码？不瞒你说，我一行代码都没写，因为产品经理真的不用会写代码了，再也不用求开发了，产品也能自己做了。 事情还要从两周前说起。我的男友非著名音乐人，十八线乐队吉他手杨洋。 大家好，新老朋友们，本期是声音玩具加声音碎片。就在他避战粉丝高达三点八万的时候，他做了一个重大的决定，开始做粉丝社群 收费的那种。帮我想想社群运营的事，你想怎么做？做一个付费节目，比如说每年九十九或者一百九十九，针对这些报名的人出专门 的内容。什么节目？就音乐资讯啊，一些业内人士的采访啊，就是纯音乐播客，我之前关注的一些知识付费的博主，我看他们有用知识星球的，还有我之前也在小宇宙上看过姜丝达的付费播客，你要不看看这种？ 行，我研究研究，发了你链接，你打开试试，你打算在网页云上做了？那大家不都能看到吗？我就只把这链接分享给群里的粉丝呗。那他一分享别人不是也能看到？我隐藏了，这别人是不是就看不到了？我是群外的人啊，你隐藏了吗？ 隐藏了我也看不见了，我都试了，就是，但是我觉得不太合适。就是星球都是文章，然后，嗯，小宇宙有付费博客，但好像也 没有会员订阅功能，而且粉丝本来就分散在各个平台上。呃，我拉好群以后他们还得再单独下 app， 我觉得有点麻烦，要不我就直接拉群，然后往群里扔音频得了。那你这样还是没有解决会员的问题，公众号难道没有类似的功能吗？或者有没有能做这个的小程序啊？ 于是我们咨询了做过社群运营的朋友，得知可以自己找人做一个小程序，实现在微信群里运营。于是我就上网搜索了一下，你猜怎么着？还真让我找到了解决方案。 不会代码不要紧，现在有这种无代码开发的平台，可以通过自动代码生成技术，普通人也能够快速低成本的开发和运营高度定制化的小程序或者网站，无需写代码就可以完成应用的开发、部署及迭代。我一想，这不是撞我枪口上了吗？我一产品经理，设计产品 我专业呀，交给我来弄。于是我就把杨洋当做了我的甲方客户，开始了需求采集工作。其实他的需求很简单，主要需求场景是播放播客，所以播放器功能必不可少。付费会员用户有效期一年，在有效期内可以收听所有的播客内容，所以需要有支付功能和用户登录流程 以及身份信息识别过滤，还需要给用户展示会员有效期每周会至少更新两条扑克内容上去，所以还需要一个上传文件的后台。 还有就是页面的布局设置画面风格，这个在画圆形的时候需要一并考虑。当然还有一些需要考虑的，比如说是否第一期就需要添加的功能， 就是像啊，是否支持用户评论呀，点赞呀，收藏博客等等。功能虽然简单，但是毕竟是从零开始的，经过我简单的梳理，我发现要做的事情还真不少。这个原型我设想一共有三个页面，首页、 列表页可以按照时间道序展示洋洋的播客，以后如果内容多了，还可以增加一些标签进行分类。播放页展示本期播客的信息，支持收藏、点赞和评论 用户信息，用户个人中心页可以展示用户名称、会员 id、 会员有效期以及是用户收藏的博客。完成了圆形图的设计，我开始学习在按的后台制作了页面样式，可以直接用组件进行拖拽搭建 向首页的播放列表就是用列表组件再配合图片和文字组件搭建成的。搭建好页面布局之后，可以把页面上的内容和后台的数据进行关联，这一步就是实现前后台的数据交互， 数据需要提前创建好数据表和字段，再通过后台把播放列表里要展示的播客内容进行上传， 最后通过后台上传的自断内容就可以实现在前端的展示。这里可以直接预览，预发布之后就可以扫码在手机上进行预览了，那我们现在就扫码看一下在手机上的效果吧。 哈喽，晚上好，这是杨洋的睡前播课第一期，希望你能听着播课入睡，放松下劳累的眼睛，少看点屏幕。本期呢，我选了十首小众地区的小众歌曲，而且都是比较原生态的那种，不一定是不插电，也不一定是世界音乐，不一定是特别有特色。 灾案的无门槛在于真的不用会写代码，但是对于产品设计业务实现逻辑前后台如何进行数据交互，这些理 理解是省不了的，所以最好还是要有些学习基础的。不过对于产品经理来说，这些本身就是必备能力，自然会比一般人更容易上手一些。另外，操作平台对于新手来说还是有一定难度的，需要几天的时间进行学习， 但是一旦你上手了，真的太爽了。这种不用求开发的感觉在直接赋能产品经理全流程开发能力，能够做到 乎职能边界，一个人也能够完成产品开发的全生命周期。对于新手产品来说，更无外乎是一个学习技术思维的特别好的场景。那对于像杨洋这类的自媒体人或者是个人经营者， 有小程序定制开发需求的人来说，完全可以花点时间学习设计自己的小程序。比如说预约报名功能，你就不用再找外包了，可以 节省成本。如果你是个人开发者的话，你甚至可以通过灾恩去承接外包项目，还能挣钱。如果你和我一样是好奇心特别重的产品经理，对于无代码这类工具感兴趣，也不妨试试用灾恩去设计属于自己的小程序，还能放在简历上 独立设计并开发上线某某小程序，从零到一，覆盖全生命周期产品开发，是不是听起来也是一个不错的作品案例？好了，今天的视频内容就到这里了，如果对赞感兴趣，不妨赶紧去试试吧，我们下期视频再见，拜拜！ 让我来想一想，我接下来做一个什么呢？

今天我们查一下奥特曼的核算记录，奥特曼他的身份证号， 一千八百个核酸点，覆盖一百万居民，需要知道哪些人做了核酸，哪些人没有做。这样一个防疫小程序其实是千千万万个社区每天都会有的需求。最近我们就有这样一个案例，从明确需求到完整交付，只用了不到十二个小时，你敢信吗？用我给你们介绍的方法， 每个市区都能自己动手做出专属的核酸登记小程序。其实这个小程序并不复杂，两个核心 表单填写一数据比对首页，其实很简单啊，拖入背景图，然后分成自己填写和他人填写。具体的表单呢？有两点需要注意啊，一个是这类的信息填写有一种习惯，就是你填完了一项才会展开下一项，比如你 选择了街道，才会让你填社区，对吧？这个就是只用设置好条件是容器就可以解决了。再一个就是你当你填完了身份证号，需要对齐做真实核验，对吧？不然就会出现你查出奥特曼和喜羊羊核酸阴性这样的闹用。填写完所有的信息，就点提交回到个人中心呢，就能查看你的核酸记录了。 这个过程其实就是将你填写的信息与我们后台的数据做一个匹配，匹配上了并将数据库里的记录展现出来。哎，怎么样？整个过程只用不到半天的时间，只要你会用办公软件，你也可以。

借助 ai 工具，我用三天上线了一款微信小程序，这个小程序是分享一些 ai 资源和关联一些软件资源的，一共有一千三百多款办公和工业设计，以及还有一些小工具。小程序开发用的是这个低代码平台， 主要工作就是拖拽式设计功能页面，然后设计一下数据模型以及数据模型间的关联关系，这些需要些基础的计算机知识，但是也花不了多少时间。 关于数据库设计的内容，官方也有很多教程可以参考。比较花时间的是整理内容数据以及设计软件的封面图。 设计软件封面的用的是 extra， 效率很高，一张图只要几十秒钟，而且可以直接复制粘贴进文档，不需要导出那么麻。 使用 bros ai 灯工具，可以在 iok 和素材网站爬取到对应软件的图标，然后再稍微设计一个背景，调一下阴影就可以了。然后另一个比较花时间的是给每个软件写介绍的文案，这个我直接用的是 check gpt， 大家可以看到，我只需要粘贴需要文案的软件名称， check gpt 就会自动回复对应软件的介绍文案，只需使用浏览器自带的翻译功能就可以使用了，或者直接中文对话也可以。 我是因为 check gpt 那段时间封号比较严重，就使用的英文对话，当然这个 check gpt 需要稍微调教一下，要明确告诉他，我需要为一些软件写介绍文案， 而且说明我会提供一个列表，这样就可以每次直接发列表就可以了。如果觉得生成的文案比较短， 可以继续要求需要更详细的文案即可，下面给大家演示下小程序，喜欢的欢迎点赞加关注哦！