axure如何导出原件_AXURE教程：管理后台页面框架

2024-05-13 10:08:56

今天，教大家如何用AXURE做一个管理后台页面框架。

本文以员工信息为案例，展示中继器增、删、改、查+导入+导出+排序的真实效果。包括直接在中继器修改和弹出页面修改两种模式，只需要导入数据，就可以直接使用。

原型预览及下载地址：

https://axhub.im/pro/72f402dfc0e4e447

一、效果介绍

两种模式均有模板，使用非常简单。

用了模板之后，只需要填写中继器内容，删除不需要的搜索/筛选框，修改文本框提示文字即可使用。

筛选条件不用自己写，系统能自动根据中继器内容自动添加（由于模板筛选的中继器较多，所以加载大约需要10秒时间，请耐心等待，删除不需要的筛选条件后反应很迅速，如案例）。

模板如下：

1. 查询：包括模糊搜索和筛选，输入或选择后，点击查询按钮即可查询

1）模糊查询

能对中继器列表每一列进行模糊搜索，不需要的搜索框直接删除即可。

2）筛选

根据列表自动生成筛选内容，不会重复添加，不需要的筛选框直接删除即可。选择后需点击查询按钮。

3）重置

点击后清空搜索框和筛选条件。

2. 添加：添加完成后会更新到中继器列表

1）直接在列表添加

2）弹出窗口添加

3. 编辑：和新增一样，可以直接在页面修改，也可以在弹窗修改，修改完后会更新到中继器

点击编辑按钮或双击所在行即可进入编辑。

1）接在列表编辑

2）弹出窗口编辑

4. 删除：可以单独删除，或者多选后批量删除

5. 导入：可以模拟选择文件

6. 导出：可以真实下载excel文件模板

7. 排序：可以升降序切换，模板提供每一列的升降效果，可根据具体情况使用

8. 页数和条数：会根据添加和删除自动更新，能选择每页显示条数

二、制作方法

1. 材料准备

输入框，下拉多选框，按钮，上下箭头。

2. 逻辑思路

将中部每一列的内容，传到每个多选框内，选中多选框。然后其他的就是中继器的增删改查的内容了。

3. 具体交互

1）查询

2）新增

3）编辑

4）删除

5）导入

6）导出

7）排序

8）翻页

该原型非常实用，但制作相对复杂，新手不容易完成。

制作完成后，以后使用方便，仅需简单填写树中继器的内容，即可拥有完美的效果，所以强烈推荐给各位使用。

axure如何导出原件_AXURE教程：管理后台页面框架相关推荐

axure RP文件如何找回_AXURE教程：管理后台页面框架
今天,教大家如何用AXURE做一个管理后台页面框架. 本文以员工信息为案例,展示中继器增.删.改.查+导入+导出+排序的真实效果.包括直接在中继器修改和弹出页面修改两种模式,只需要导入数据,就可以直接 ...
axure如何导出原件_axure导出_axure怎么导出流程图
摘要腾兴网为您分享:axure怎么导出流程图,随身行,轻轻家教,钱宝宝,美甲帮等软件知识,以及winrar美化版,九秀直播软件,中医养生平台,酚酞瓜,4399dm,移动硬盘检测坏道,美图美妆,360 ...
Artiely Vue Admin - 基于蚂蚁金服Ant Design构建的高颜值开源管理后台UI框架
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架. 关于 Artiely Vue Admin Ant Design 是阿里巴巴蚂蚁金服团队出品 ...
django之二十二--admi管理后台页面的文案展示等相关配置
一.前言 1.django提供的admin管理后台页面默认是英文展示的页面.我们不喜欢英文的话,可以改下[settings.py]里面的常量[LANGUAGE_CODE]的值为[zh-Hans]使页面 ...
【SSH网上商城项目实战03】使用EasyUI搭建后台页面框架
转自:https://blog.csdn.net/eson_15/article/details/51312490 前面两节,我们整合了SSH并且抽取了service和action部分的接口,可以说基 ...
axure如何导出原件_如何自制Axure部件库（元件库）图文教程
本文为用户投稿,感谢小八的分享! 初学Axure的时候,直接下载了一个公共部件库就开始用了.部件库里提供了各式各样的内容,让人觉得这个世界简直太棒了!使用Axure简直太简单了!但是当你使用了一段时间 ...
axure中备注线_Axure教程资料
THE START 今天分享的软件教程是--Axure.Axure RP是一款专业的快速原型设计工具. Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototy ...
axure中图表背影_Axure 教程：动态图表——排名图
之前的文章Axure教程:可视化视图和大家分享了怎样用中继器来制作图表.后来有粉丝问我可不可以用中继器做成动态的图表.所以现在作者就教大家怎么用axure来制作动态图表,今天先来制作排名图. 这个原型 ...
axure rp制作输入法_Axure教程丨制作自己的Axure元件库
接触Axure有一点时间了,每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件,不仅浪费时间而且缺少规律,所以决定整理一个自己常用的Axure元件库,以便之后做原型设计时可以快速调取.看 ...
axure不能导出图片_Axure RP把原型图导出成图片格式的操作技巧
软件功能: Axure RP是一款能够大大提高功能效率的软件,它能够高效率制作产品原型,可以减少大部分沟通成本,模拟效果是非常逼真的.Axure RP是专业的原型设计工具,是产品经理常用的软件,功能也 ...

最新文章

热门文章