AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

原型制作与图解——墨刀工具

2024-04-11 1382
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 原型制作与图解——墨刀工具
墨刀官网modao.cc

1、注册与新建项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1、墨刀功能区

墨刀中各个主要功能的位置，文件夹，图标模式以及列表模式，工作区，文件夹，页面编辑区，我的组件，母版，内置组件等内容。
在这里插入图片描述
在这里插入图片描述

2、页面编辑区

在这里插入图片描述
在这里插入图片描述

1、页面跳转

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、底栏

在这里插入图片描述

3、替换图标及其文字

在这里插入图片描述
在这里插入图片描述

4、长页面制作

在这里插入图片描述

3、部分高频组件的使用说明

1、链接区域

在这里插入图片描述

2、图片

可以直接 ctrl+c——ctrl+v进行图片导入，也可用如下方法进行放置
在这里插入图片描述

3、轮播图

在这里插入图片描述
在这里插入图片描述

4、表格

将表格拖拽到页面中，双击表格即可进行输入；也可对表格的行列进行增减
在这里插入图片描述
在这里插入图片描述

5、批注

在这里插入图片描述

6、标签页，切换页面

在常用组件中找到标签页
在这里插入图片描述
在这里插入图片描述

4、运行

在这里插入图片描述

5、三分钟快速搭建（低保真）原型

在这里插入图片描述
在这里插入图片描述

文章标签：
JavaScript
C++
Shell
.NET
博客zhu虎康
目录
相关文章
卓伊凡
|
8月前
|
前端开发 程序员
墨刀原型图的原理、与UI设计图的区别及转换方法详解-卓伊凡|贝贝
墨刀原型图的原理、与UI设计图的区别及转换方法详解-卓伊凡|贝贝
卓伊凡
806 24
墨刀原型图的原理、与UI设计图的区别及转换方法详解-卓伊凡|贝贝
龙大吉
|
消息中间件 监控 API
在Python中如何实现微服务架构，及相关的服务间通信方案？
Python微服务架构涉及服务划分、注册发现、通信协议选择（如HTTP、gRPC、消息队列）及服务间通信实现。每个服务应自治，有独立数据库和部署流程，并需考虑容错（如分布式事务、重试、熔断）和监控日志。API网关用于请求管理和路由。实际操作需根据需求和技术栈调整，并关注服务拆分和数据一致性。
龙大吉
613 5
阿甘兄
|
iOS开发 MacOS Windows
Axure快速入门（03） - 丰富的元件库
Axure快速入门（03） - 丰富的元件库
阿甘兄
1839 0
Axure快速入门（03） - 丰富的元件库
不脱发的程序猿
|
编解码
LabVIEW条形码识别（实战篇—5）
LabVIEW条形码识别（实战篇—5）
不脱发的程序猿
980 0
LabVIEW条形码识别（实战篇—5）
Suxiaoxiang
|
存储 安全 数据安全/隐私保护
Token 是什么？全面解析身份认证中的 Token 机制
本文全面解析Token在身份认证中的核心机制，涵盖JWT、Session Token、OAuth等类型，深入讲解其工作原理、安全性策略、生命周期管理及实际应用场景，助力开发者构建安全高效的现代Web应用认证体系。
Suxiaoxiang
3742 3
LoneWalker、
|
开发工具 git
IDEA中如何使用Git 图文超详细
IDEA中Git使用，实战教程
LoneWalker、
10776 1
IDEA中如何使用Git 图文超详细
翻滚的樱桃肉
|
12月前
|
资源调度 JavaScript 前端开发
前端开发必备！Node.js 18.x LTS保姆级安装教程（附国内镜像源配置）
本文详细介绍了Node.js的安装与配置流程，涵盖环境准备、版本选择（推荐LTS版v18.x）、安装步骤（路径设置、组件选择）、环境验证（命令测试、镜像加速）及常见问题解决方法。同时推荐开发工具链，如VS Code、Yarn等，并提供常用全局包安装指南，帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件，确保合规性与安全性。
翻滚的樱桃肉
11885 23
aliyun7362823750
|
运维 供应链 监控
一文带你了解什么是TOGAF？及TOGAF的应用？
TOGAF（The Open Group Architecture Framework）是由The Open Group组织开发的企业架构框架，提供了一套方法论、工具和术语，帮助企业设计、规划、实施和管理企业架构。其核心是架构开发方法（ADM），涵盖从架构愿景到实施的各个阶段。TOGAF支持跨部门协作、持续改进和项目成功，适用于新系统开发、系统升级、业务流程优化和组织变革管理等场景。
aliyun7362823750
4070 1
一文带你了解什么是TOGAF？及TOGAF的应用？
周梦康
|
存储 人工智能 自然语言处理
AI 工程学习 - 三张图说明白什么是 RAG
RAG（检索增强生成）是一种结合信息检索和生成模型的自然语言处理框架，通过引入外部知识库（如文档库、数据库等），增强生成模型的回答准确性与相关性。其核心在于避免模型仅依赖训练数据产生不准确或“幻觉”内容，而是通过实时检索外部资料，确保回答更精准、丰富且上下文相关。RAG的实现包括建立索引（清洗、分割、嵌入存储）和检索生成（计算相似度、选择最优片段、整合提示词模板提交给大模型）。
周梦康
2670 0
最好zzz
|
存储 缓存 Java
Java应用瘦身记：Docker镜像从674MB优化至58MB的实践指南
【10月更文挑战第22天】 在容器化时代，Docker镜像的大小直接影响到应用的部署速度和运行效率。一个轻量级的Docker镜像可以减少存储成本、加快启动时间，并提高资源利用率。本文将分享如何将一个Java基础Docker镜像从674MB缩减到58MB的实践经验。
最好zzz
718 1

热门文章

最新文章

  • 1
    拥抱开源，云原生时代下的开源牧码人的初心与坚守
  • 2
    AI自动检测视频中的人物，并替换成3D卡通角色模型案例
  • 3
    2018最新蚂蚁金服面试题：Docker+秒杀设计+RocketMQ+亿级数据设计
  • 4
    Java中线程池，你真的会用吗？
  • 5
    AI降成本利器！阿里云弹性加速计算实例来了，最高节省50%推理成本
  • 6
    linux命令学习——ps
  • 7
    【VNC】手工kill掉VNC进程的故障处理
  • 8
    4_4_MQTT 协议讲解|学习笔记
  • 9
    thinkphp基本知识之起步2
  • 10
    linux运维重要基础知识总结
  • 1
    OpenClaw多Agent团队搭建实战手册：（阿里云/本地保姆级部署+免费大模型API配置+避坑指南）
    195
  • 2
    OpenClaw有什么用？本地/阿里云部署+百炼集成+个股分析实战盈利及避坑指南
    111
  • 3
    从部署到落地！玩转OpenClaw 2026保姆级完整手册（阿里云/本地部署+百炼API配置+飞书集成）
    163
  • 4
    “养虾”不求人！OpenClaw从入门到精通（阿里云+本地部署+百炼API+命令大全+避坑指南）
    104
  • 5
    保姆级教学：OpenClaw(Clawdbot)从0到1落地：多系统部署+阿里云百炼集成+避坑指南
    66
  • 6
    AI效率革命！OpenClaw从入门到精通（阿里云/本地部署+百炼Coding Plan 配置+应用场景实战+常见问题解答）
    125
  • 7
    OpenClaw不“吃灰”指南：全平台部署+免费API配置+102个即用场景解析+避坑手册
    71
  • 8
    OpenClaw 部署保姆级实战教程：阿里云/MacOS/Linux/Windows本地搭建配置大模型api指南
    106
  • 9
    Java开发中5个提升效率的实用技巧
    51
  • 10
    几个提升Java开发效率的小技巧
    30

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    云安全中心：病毒查杀