微信小程序云开发教程-墨刀原型工具入门

本小节，我们将学习墨刀原型工具的基本使用。

墨刀主要有3大功能，1是用来做产品原型设计，2是可以非常方便地进行功能和效果演示，3是为前端工程师提供了样式的开发标注。

原型的开发，我们可以分为5步，第一步，建立页面，第二步，使用组件进行布局（页面结构），第三步，为组件设置样式（变得更好看些），第四步，给各个按钮之间添加跳转链接，第五步，将做好的原型进行预览和发布。

下面我们具体一步步来看。

1. 进入墨刀官网：https://modao.cc/，注册墨刀账号；

2. 点击“进入工作台”；

3. 点击“新建”->“项目”；

4. 点击新建页面；

5. 使用组件布局；

6. 设置组件样式；

7.设置按钮的跳转链接；

8. 运行预览原型的效果；

下面，请根据教学视频进行学习和操作。

想看视频版？

关注公号“微程序学堂”，我们的视频教程即将上线

如果你自己写了好文章想投稿

请联系我们

微信小程序云开发教程-墨刀原型工具入门相关推荐

❤️微信小程序云开发教程合集（视频+图文）免费❤️
一.视频版微信小程序云开发视频教程上线啦二.图文版 (1)预备知识 1. 怎么注册开通个人微信小程序 2. 微信小程序云开发教程-互联网软件的运作模式 3.微信小程序云开发教程-云开发对微信小程序 ...
微信小程序云开发教程-微信小程序框架的介绍
同学们大家好,我是小伊同学,今天我们来学习微信小程序框架. 微信小程序实质上是一款基于web技术的应用程序,他和我们平常所接触到的前端网页是大同小异的.相同点在于他们使用的开发语言,代码结构以及代码的 ...
微信小程序云开发教程-小程序端调用云函数
同学们大家好,我是小伊同学,前面我们已经做好了小程序的页面,在开发好了后端的接口之后,我们就需要对前后端进行联通,而在云开发下,这部分内容就是我们今天将要一起学习的--小程序端如何调用云函数. 在微信 ...
页面url带参数_微信小程序云开发教程微信小程序的JS高级页面间数据传递
同学们大家好,我是小伊同学,上一节课我们讲解了全局数据的读写方法,那么在页面间同样需要数据交互,今天我们就来学习这部分内容. 在微信小程序中,我们常常需要将数据在页面之间进行传递,比如用户的身份信息, ...
uniapp同步获取用户信息_微信小程序云开发教程微信小程序的API入门获取用户身份信息系列API...
同学们大家好,我是小伊同学,上一节我们介绍了一些常用API,今天我们接着来学习一组API,那就是获取用户身份信息的API. 在微信小程序中,我们往往需要获取用户的身份信息,比如昵称.头像.性别.地区等 ...
微信小程序云开发教程-手把手：获取微信订阅消息的模板ID
本小节,我们将手把手带领大家一起实现第一个接口,获取微信订阅消息的模板ID 通过开发这个接口,我们将学会云函数的基本结构和函数返回值的格式定义. 开发接口前,我们必须先写接口文档.小程序后端的接口文档 ...
前端wxml取后台js变量值_微信小程序云开发教程WXML入门数据绑定
同学们大家好,我是小伊同学,今天带领大家学习WXML部分一个重要的知识点,数据绑定. 简单来讲,数据绑定就是通过双重花括号将一个变量绑定到界面上. 首先,我们为什么要将变量绑定到页面上呢?因为在制作一 ...
微信小程序云开发教程-互联网软件产品开发流程和团队分工
假设我们现在要开发的软件产品是"近义词查询"小程序. 首先我们得通过调研,明确用户需求,形成需求文档: 产品经理根据需求文档,进一步制作出产品原型,产品原型也可以称之为产品demo ...
【系】微信小程序云开发实战坚果商城-弹性盒子
第 1-1 课:微信小程序实操弹性盒子目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 ...
【系】微信小程序云开发实战坚果商城-云开发开篇
第 3-2 课:云开发开篇目录开篇 [系]微信小程序云开发实战坚果商城-开篇基础篇 [系]微信小程序云开发实战坚果商城-弹性盒子 [系]微信小程序云开发实战坚果商城-ES6 简单入门 [系]微信 ...

微信小程序云开发教程-墨刀原型工具入门

微信小程序云开发教程-墨刀原型工具入门相关推荐

最新文章

热门文章