写给小白的低代码教程(2)

简介: 写给小白的低代码教程(2)

网络异常,图片无法展示
|

1、为啥会有这一篇

  • 第一篇 有小伙伴说 不太容易理解,并且不是一个完整的流程, 所以第二篇来啦,第二篇一定让你看个爽😊 !

ps:我们首次 添加了 GIF 效果,感谢 支持,希望看的爽,工具下载地址(免费)

2、低代码简单说

  • 实现一些组件 可以直接拖动使用,并且可以在使用时添加 样式/ 内容/事件

3、走! 实现试试

1.拿到项目 
2.npm i 安装依赖 
3. npm run dev 跑起来 
复制代码

4、效果展示

1、可拖动,此处可以将 左边的 东西 直接 向 右边

网络异常,图片无法展示
|

2、可编辑 大小和内容 都可编辑

网络异常,图片无法展示
|

3、可添加动画

网络异常,图片无法展示
|

4、可添加事件

网络异常,图片无法展示
|

5、可移动顺序/删除

网络异常,图片无法展示
|

5、怎么做的?

  • 此处 一句话解释一下

在 vue 项目中 Home 组件 分为 顶部 + 左边 + 中间画布 + 右边, 这些部分都由单独的组件/事件控制

6、项目地址

  • 更多 内容 自行尝试 ~
  • 最后 如果拉的项目 无法 运行 , 关掉 eslint 即可
相关文章
|
26天前
|
存储 数据可视化 关系型数据库
低代码开发师(初级)实战教程
【4月更文挑战第6天】本教程介绍低代码开发,通过图形化界面和预构建模板简化应用开发。步骤包括:选择合适的低代码平台,创建项目,设计界面,添加业务逻辑,设计数据模型,连接外部服务,预览测试,最后部署发布。这种方法让非专业开发者也能快速构建应用程序。
44 7
|
2月前
|
小程序 前端开发 测试技术
小程序开发心得体会
小程序开发心得体会
|
10月前
|
存储 开发框架 小程序
【全栈小程序开发路线】手把手教你入门小程序开发,小白必看!
以下内容是结合我项目中实战经验,踩坑记录,大量时间学习小程序的积累,总结分享给大家。 学习路线包括前端基础、小程序开发框架、UI组件库、云开发、周边生态以及插件这几个纬度,学完这些,你也能全栈开发一个属于自己的产品。
341 0
|
6月前
|
JavaScript 前端开发 Java
致所有的开发者朋友们
致所有的开发者朋友们
|
7月前
|
人工智能 搜索推荐 开发者
|
缓存 小程序 JavaScript
【青训营】-🎨小程序开发入门
【青训营】-🎨小程序开发入门
114 1
【青训营】-🎨小程序开发入门
《低代码开发师(初级)实战教程》下载
本书基于“低代码开发师(初级)认证”的课程内容,对应课程中请假申请、招聘管理等场景,提供了详细的实践指导,让低代码的初学者快速掌握0代码搭建应用的技能。
97 0
《低代码开发师(初级)实战教程》下载
《低代码开发师(初级)实战教程》下载地址
本书基于“低代码开发师(初级)认证”的课程内容,对应课程中请假申请、招聘管理等场景,提供了详细的实践指导,让低代码的初学者快速掌握0代码搭建应用的技能。
47 0
《低代码开发师(初级)实战教程》下载地址
《低代码开发师(初级)实战教程》电子版下载
本书基于“低代码开发师(初级)认证”的课程内容,对应课程中请假申请、招聘管理等场景,提供了详细的实践指导,让低代码的初学者快速掌握0代码搭建应用的技能。
261 0
《低代码开发师(初级)实战教程》电子版下载
|
前端开发
写给小白的Figma插件开发教程(1)
写给小白的Figma插件开发教程(1)
1353 0