结构化知识课堂-优快云博客

原创 Axure项目实战：智慧运输平台后台管理端-司机管理（中继器）

司机管理模块的主要作用是作为平台司机数据的统一管理中心,包括司机姓名\身份证\联系方式\性别\驾龄\住址等字段,管理者可通过筛选\新增\修改\删除\查看\导入\导出等操作进行数据的管理。制作两个动态面板，分别承担缓存数据和显示按钮交互结果的界面，上节课讲了为什么要缓存数据，这里就不在重复了。制作菜单栏和中继器数据录入，参考上图，这是准备工作的第一步。标记行与缓存动态面板交互。

2025-04-02 15:16:20 23

原创 Axure疑难杂症：完美解决中继器数据互通、增删改查（玩转中继器）

编辑有点麻烦，应用场景是：当用户选中了一行数据要编辑，这时候就要弹出编辑页面，而且是选中行的，修改后对原数据进行修改。筛选的逻辑：由查询按钮来触发，单击时-中继器添加筛选-查询条件文本与中继器列相符时-显示查询结果；当新增一条数据时，需要有一个录入界面，我们制作一个动态面板；新增数据的基本逻辑：点击新增按钮时，显示新增页面-将页面的数值选择添加行-赋值给中继器；编辑页面的数据怎么来？

2025-04-01 20:25:51 74

原创 Axure项目实战：智慧运输平台后台管理端-车辆管理（中继器数据互通）

车辆管理模块是为平台管理者提供的对车辆统一管理平台,包括车牌号\车辆长度\车辆类型\车辆载重\所属人\联系方式等字段,支持条件查询\新增\编辑\删除\查看\导入\导出等操作;在设计上为了更好的达到演示效果,车辆台账采用中继器制作,每个按钮触发的交互,均为数据同步与互通,实现最终的交付效果。

2025-04-01 19:05:13 205

原创 Axure项目实战：智慧运输平台后台管理端-承运商管理（中继器筛选）

从界面上划分，分为条件筛选区、操作按钮区、数据区三个部分，条件筛选区支持用户自定义内容筛选，组合条件筛选两种方式；承运商管理模块主要解决平台对承运商的管理,包括新增承运商作,审核承运商申请,修改承运商信息,设置黑名单等操作,也是平台承运商的台账管理中心,支持数据的导出。对于时间筛选，主要用到Date.parse()函数，这个我有两节专题课讲时间筛选函数的细节，想学习的同学，可以在页面尾部直通车去学习。如有其他相关问题，欢迎私信沟通，关注。

2025-03-31 17:20:56 225

原创 Axure疑难杂症：完美解决文本框读取、赋值、计数（玩转文本框）

点击注册后，我们需要弹出一个界面，用于记录用户已经注册的信息，方便用户进行复制或者其他操作，这时就需要我们对弹出的界面进行赋值，那么我们赋值的逻辑：已经注册的账号和密码数据同步到这个页面。基本设计逻辑：当文本改变时，我们判断元件文字的长度是否等于6，因为我们设置的元件长度是6，（这个数字随意设置，如果设置成12，那么判定条件就是12）如果大于6那么就提示错误信息，同时获得焦点，引导用户再次输入。比对的基本逻辑是，当失去焦点时，再次输入框的内容是否和密码一致，如下。

2025-03-31 08:36:44 793

原创 Axure疑难杂症：完美解决中继器筛选问题（时间条件筛选、任性筛选）

在实际筛选场景下，用户不可能全部都输全，那么就会用到在筛选框里自己输内容，这就要求我们做人性化的设计，上文说了我打算通过情形来判断在各种条件下输出不同的筛选结果，但是axure不支持这种筛选。Axure组合筛选的思考逻辑是：设置输入多个条件的元件文本与中继器里的内容比对，输出一致的内容作为筛选结果，这里Axure软件提供的支持是必须满足全部筛选条件，对于组合筛选唯一注意的就是移除其他筛选选项的√要去掉；满足全部条件，筛选出结果；

2025-03-29 19:49:11 1299

原创 Axure项目实战：智慧运输平台后台管理端-货主管理（中继器）

货主管理模块在设计时思考后台管理者可以为不懂平台操作的企业进行后台新增，那么新增货主的应用就有必要进行设计；另外管理模块需要有对申请货主的企业进行审核、修改的权限，同时兼顾一些不合法不合规申请信息的删除操作；创建页面基本布局,拖入母版,分别建设标题栏\查询条件\按钮区\台账区,后续几个页面都涉及到复用。台账区使用中继器,实现数据的新增改查等操作,后续页面同样涉及到中继器,我们制作一个方便复用。如有其他相关问题，欢迎私信沟通，关注。

2025-03-29 10:34:17 425

原创 Axure项目实战：智慧运输平台后台管理端-母版、登录（文本框高级交互）

平台管理端应用范围包括管理平台涉及到的货主企业、承运商、车辆、司机的注册、审核、修改，以及在运输管理过程中订单、运单的管理，同时兼具平台数据统计以及展示的效果，是整体平台的统一管理平台。如有其他相关问题，欢迎私信沟通，关注。智慧运输后台管理服务平台。

2025-03-27 20:27:25 602

原创 Axure项目实战：智慧城市APP（完整交互汇总版）

整体APP介绍：为了更好的落实关于政务数据便民服务政策要求，汇聚社保中心、医保局、公交公司、发改委等相关部门公共服务数据，建立本市智慧城市便民服务平台（APP）；平台打造“一个号码登录、一个服务入口、一个资源库、一个APP畅享”的四个一目标，建设政务服务、交通出行、社保服务、医疗服务、教育服务、就业服务、城市资讯、市民互动等8大功能栏目，建成后平台将为市民提供生活、出行、教育、就业等方面的便民服务事项，畅通政府与公众的沟通通道，展示城市形象新窗口。

2025-03-26 11:34:13 943

原创 Axure项目实战：智慧城市APP（七）我的、消息（显示与隐藏交互）

消息页的内容稍微复杂一点，包括三个主要内容：消息列表、单条消息操作、侧边条操作；活动页的内容比较简单,属于承载活动内容的页面,应包含活动所需的标题\图片\介绍\活动内容;案例是一个投票活动,我们需要设计投票按钮的交互,这个操作之前也有涉及,就不做详细的介绍了。我的页面内容比较简单，这里就不做过多的介绍了，因为不含交易，所以都是一些常规的页面元素，参考下图即可。

2025-03-26 10:41:56 359

原创 Axure项目实战：智慧城市APP（六）市民互动（动态面板、显示与隐藏）

市民互动模块作为政民互动的窗口,服务于有咨询需求的市民,对市民提出的意见或问题进行及时的答复与反馈;市民互动模块主要应用了显示与隐藏、动态面板状态来实现跳转与显示，在很多互动的应用场景中应用较为频繁，目前AI问答式的产品均可参考以上产品显示和设计逻辑。通过发言入口：我要发言进入二级页面，设置交互区、输入区，通过输入区发送按钮实现交互区动态面板的交互；主要交互细节参照下图。

2025-03-25 14:22:50 465

原创 Axure项目实战：智慧城市APP（五）新闻资讯、就业信息（动态面板）

就业信息包括职位搜索、职位菜单、招聘职位三个功能，提供职位的关键词搜索服务，可选职位服务和招聘职位信息服务；在Axure实现上，需要做到通过搜索能查询到结果，输出结果页，通过职位菜单选择职位后，出现选择结果；新闻资讯从阅读的视角,采用图与标题链接的方式,配合动态效果,达到最佳的阅读体验;本模块主要应用了显示与隐藏、设置选中交互效果，在搜索/选择职位结果实现上应用了动态面板State;

2025-03-25 08:30:11 442

原创 Axure项目实战：智慧城市APP（四）医疗信息（动态面板、选中交互应用）

检索结果页面设计：这部分内容比较多，从State1-8,分别对应条件筛选的每一种结果输出，页面默认结果=State1；医疗信息模块包含本市整体医院分类查询、预约挂号、医保查询、医疗政策信息等内容，使用者可以通过本模块快速了解本市医疗行业基本信息，进行医疗就诊服务。医院分类页面：建好其他功能的页面，医院分类页面中包含搜索、分类检索；医保查询页面：包含参保信息、缴费信息、消费信息、账户明细四个功能；主要功能：医疗政策、医院查询、预约挂号、医保查询、寻医问诊。参照图33，依次做出其他搜索结果页面；

2025-03-23 16:49:03 682

原创 Axure项目实战：智慧城市APP（三）教育查询（显示与隐藏交互）

教育模块的难点不在业务逻辑，在于显示与隐藏交互的上下联动与触发，以及登录窗口单选按钮的唯一交互，这个在以前的课程里没涉及到，在这里补充一个知识点。教育公告信息，小升初、初升高、高考成绩查询；教育公告信息为传统的信息页面，小升初、初升高、高考成绩查询三个功能需要判断登录，提供结果查询与下载。教育查询模块页，需建设Banner图区，功能区，最新政策信息等内容，如下图。

2025-03-22 19:34:03 421

原创 Axure项目实战：智慧城市APP（二）社保查询（动态面板叠加高级交互）

在功能上包含基本信息，社保缴纳查询，从整体逻辑上先做每个页面的内容，鉴权、人脸最后在做。人脸须知页面和验证页面均使用移动功能（登录页的确认、以及下一步来触发移动）嵌入到当前页面中，每一个实现后即隐藏之前的页面（热区在触发结束后也需要隐藏）；下面制作功能鉴权，因为使用社保功能需要判断用户是否登录，以及需要通过人脸验证确保是本人使用，方可查询，所以我们要前置判断条件；

2025-03-22 16:51:49 543

原创 Axure项目实战：智慧城市APP（一）首页（动态面板、拖动效果）

搭建APP母版，圆角矩形（360,640），并优化APP布局组成及底部菜单，增加首页、活动、消息、我的四个按钮；公交查询模块需要具备出发地、目的地输入场景，并提供多种出行结果的推送，每一种推送结果要有对应的详细时间、路线；首页的新闻资讯需要设置成滑动，之前的课程里有涉及这部分内容，就不再重复介绍了；制作好母版后，Page1我们命名为首页，拖入母版，开始首页制作；

2025-03-21 16:43:51 799

原创 Axure中继器组合应用交互

案例分析：发布订单时需要添加货物信息，货物信息由基础标准表单组成，从基础标准表单中取出要发运的货物，在订单页进行货物数量的手动配置，自动计算金额及总数量；步骤一：先制作基础标准表单，拖入中继器按下图内容进行基础内容的录入，在录入完所有数据后，添加按钮，组合转成动态面板；步骤二：制作订单中继器，先不要加交互，等两个中继器基本素材准备好，在制作；步骤四：配置第二个中继器。

2024-10-31 23:25:55 666

原创 Axure使用动态面板制作新闻栏目高级交互

步骤二：设置''按钮交互；首先将两套按钮进行组合，并命名，这样下一步增加交互时很好区分；分别命名为推荐区按钮、消息区按钮；两个动态面板同样命名为推荐区动态面板、消息区动态面板；步骤四：因为我们的内容超出了显示区域，而且我们不想出现右边的滚动条，那么这时候我们就需要再次转成动态面板，以实现滚动条的遮盖；交互顺序——设置四个按钮选中效果——设置四个按钮单击时动作效果。

2024-10-29 11:33:01 701

原创 Axure文本框读取和赋值高级交互

案例分析：1、通过新增数据页面，录入多种类型文本框数据，在档案页面读取新增的数据；步骤二：进行三个页面的确定按钮的隐藏与显示交互，我们在做交互时，首先要考虑的是整体的交互，先宏观再围观的思维方式；步骤一：建立新增页面、档案页、修改页，三个页面的基本绘制；通过以上的操作，新增页面的所有数据全部输送到档案页；步骤三：新增页面确定按钮的交互细节；步骤五：修改页确定按钮的交互细节。

2024-10-28 21:29:03 1074

原创 Axure随机验证码高级交互

步骤五：设计确定按钮的交互，因为有要比对输入的验证码和随机验证码是否一致，所以这时候需要启用情形判断，当不一致的时候弹出错误弹窗，当一致的时候弹出成功弹窗；第二步完成记录次数判断，每一次错误都要提供对应的错误提示窗口，那么我们就需要记录错误的次数，所以我们还要建立一个新的全局变量Count计数器，每点击一次Count+1;我们采用的是小写字母+数字的组合，所以我们要定义一下全局变量OnLoadVariable的值；步骤一：准备基础素材，用户登录页面的绘制，并设置所有输入按钮的禁用效果；

2024-10-27 21:04:44 1737

原创 Axure设置文本——元件动作三

步骤三：设置密码输入框，按如上填入提示信息后，因为案例中输入密码后是不能看到数字的，所以我们要将文本框的类型改成密码；步骤四：设置重置交互，案例中单击重置，所有输入的文本都回到初始状态，那么我们就需要将文本的值赋予空值；步骤六：点击确定，弹出登录成功窗口，那么就需要做一个弹窗，设置单击时——显示弹窗即可，收工！步骤二：设置姓名文本框，以及相关属性，提示——属性。

2024-10-27 18:15:45 530

原创 Axure设置面板状态——元件动作二

步骤五：案例中，每次单击动态面板，下方的图片会显示出来，而且按钮也会上下移动，那么就说明图片载入的时候是隐藏的，而按钮的移动是随着图片的显隐而动；所以我们的交互设计是：单击时——切换——图片——推动和拉动下方元件。步骤四：案例中，每次点击动态面板，在State1,2,3状态间切换，那么实现上就是单击时——状态选择是下一项，因为每次点击都要切换其他状态；步骤三：添加交互，选中动态面板，单击时——设置面板。

2024-10-26 20:07:04 1012

原创 Axure显示与隐藏——元件动作一

选中图片，新建交互——单击时——显示/隐藏；出现了关于显示/隐藏的相关设置。元件可以给自身设置显示/隐藏动作，也可以给其他元件设置显示/隐藏动作。切换小案例：单击占位符，圆形在显示与隐藏两种状态来回切换。推动元件小案例如下：点击图片，实现按钮的出现并推动元件。拖入两个元件，作为演示显示/隐藏动作的素材。如有其他相关问题，欢迎私信沟通，关注。当选择四个方向滑动时，还会增加一个效果。

2024-10-21 21:59:14 708

原创 Axure中继器单选、多选和重置

&&”表示并的意思，当多个条件使用这个符号的时候，那么满足所有条件的数据都会被筛选出来；“||”表示或的意思，当多个条件使用这个符号的时候，那么只要满足其中一个，那么数据就会被筛选出来；步骤四：添加多选查询交互，在多选查询时，用户编号的筛选，因为是要输入一个准确的数值，这会影响到多选查询的结果输出，因此我们可以做限制，在多选查询时不可输入用户编号，那么就需要情形的添加和提示弹窗的添加；当单击重置按钮时，中继器要移除筛选条件，页面的查询条件输入框也需要回到初始状态，那么就需要我们设置两个交互；

2024-10-20 23:17:33 804

原创 Axure中继器时间筛选

2、插入函数：选择注册时间对应的列名TargetItem.ZCSJ，加上符号转换replace(’-’,’/’) 这样就可以取出可以识读的时间数据；步骤三：添加时间筛选；条件查询的时间格式与台账里的时间格式不统一，所以我们在筛选时需要将这个格式统一，以便于Data.parse()函数可以识读；4、加入比对：>= 开始时间，这里我们要取出开始时间的毫秒，取出开始时间LVAR1.text,并转换成毫秒Data.parse()添加三个下拉列表的内容；5、使用&&，表示“并”的意思，添加结束时间的函数。

2024-10-20 18:01:06 1242 1

原创 pc轨迹回放制作

轨迹详情表单我们在实际场景中是从表中取值，那么我们就参照表单的形式建立多个表单详情页面，交互调用使用；因为篇幅关系，时间的筛选没有制作，以及另外一种表单的做法（中继器），如有需要可私信我，在做一篇中继器篇；步骤二：分别创建页面组成，条件查询、回放速度、查询记录、车辆轨迹详情、地图区；步骤五：添加车辆轨迹，设定坐标点根据详情地点，设置好坐标点；如有其他相关问题，欢迎私信沟通，关注。

2024-10-19 22:06:45 696

原创 app评价弹窗制作

非常重要因为这个弹窗的形状太多，小星星命名1——5，外框为了好辨识和小星星对应关系，可以命名为1+1；评语分别命名：评语好评、评语中评、评语差评；步骤一：建立评价弹窗基本内容，包括弹窗背景框、五个小星星、五个外边框、评价评语、取消和提交按钮，如下图。步骤五：五个小星星开始设计交互，第一个小星星交互。

2024-10-19 07:30:00 817

原创 Axure树形菜单展开与折叠

步骤五：添加一级类目下蔬菜的交互；单击蔬菜按钮——显示二级类目——设置选中效果；步骤二：依次录入一级类目、二级类目、三级类目、商品名单，组成整体信息内容。步骤七：依次为叶菜、瓜菜二级、三级、商品名称添加如上按钮的交互和更多选项。步骤三，除了一级类目，全部设置成载入时隐藏。如有其他相关问题，欢迎私信沟通，关注。

2024-10-18 14:35:25 1335

原创 Axure垂直菜单展开与折叠

步骤六：设置选中，这个过程设计思路是一样的，按如下操作逻辑，依次为每个子菜单添加。步骤三：快速复制出其他菜单项和子菜单，并命名以区分和为交互做好准备。步骤五：重要元件、交互效果、应用制作菜单项展开与折叠交互。步骤一：依照案例拖入“基本元件库”菜单基本元件。如有其他相关问题，欢迎私信沟通，关注。步骤二：设置基本元件库子菜单的选中效果。步骤四：基本元件库菜单项展开与折叠交互。

2024-10-18 14:27:53 1567

原创 Axure复选框全选反选取消高级交互

步骤一：拖入复选框并命名为中继器外复选框，提示信息“选择”，下箭头icon；步骤二：添加中继器外复选框的交互，选中时——两个复选框值为真，取消选中时——两个复选框值为假；步骤四：添加一键反选交互，反选时外部复选框值为假，内部复选框可能有选中的项，所以要选择切换；步骤二：添加下箭头交互，单击时——切换选择弹窗可见性；步骤三：添加一键全选交互，全选时内外复选框的值均为真；

2024-10-17 10:50:08 1139

原创 Axure横向菜单高级交互

步骤二：向动态面板中拖入一个矩形，作为菜单的外框，拖入一个按钮，命名为全部，并设置选中效果。如有其他相关问题，欢迎私信沟通，关注。步骤一：拖入页面一个动态面板作为显示区。步骤五：组合所有按钮，并转换为动态面板。步骤四：为每个按钮添加单击选中的值。步骤六：设置拖动时，左右移动的阈值。步骤三：复制出所有按钮，分别命名。横向菜单及选中组合效果。

2024-10-17 10:49:42 812

原创 Axure基本元件库——基本元件、表单和菜单表格

认识和熟悉Axure基本元件库

2024-10-16 17:49:38 475

原创 Axure中继器实现时间读取和修改

经过多次尝试从外向内读取失败后，换了拿数据的方法，我们不从中继器外向内读取数据，可以在中继器修改按钮交互触发时，向外多输出一份数据，这样，我们实际上拿到了两份标记行的数据，一份作为修改使用，另一份作为备份，当我们需要时再次使用！实现路径：单击时——隐藏修改页面——更新行——目标中继器——已标记——对应列值。步骤一：设计“修改页面”作为我们修改中继器数据的录入窗口，注意文本框的时间格式，载入时隐藏（需要时由修改按钮调出）步骤二：添加修改交互，点击修改——显示修改页面——标记当前行——传出文本给文本框。

2024-10-16 15:47:02 1309

原创 Axure重要元件三——中继器函数

对象的定义：当前元件、目标元件等；Axure中当前操作的单一元件、组合元件都可以成为对象；函数的定义：获取数值的指令，包括不限于数值内容、数值类型、数值的统计、数值的编辑等。我们选中第一个中继器，去操作第二个中继器，结果发现出现TargetItem。我们选中第一个中继器，去操作第一个中继器，结果没有出现TargetItem。属性的定义：元件的宽、高、长；

2024-10-15 07:46:20 1997

原创 Axure重要元件三——中继器修改数据

赋值的目的是当用户点击修改按键后，显示出来的页面会在文本框内显示原来的数据，用户可根据需要进行修改；步骤六：继续添加交互，此时思考逻辑是要将修改页面录入的数据赋值给标记的行，那么操作步骤是更新行——已标记——赋值。步骤一：制作修改页面，录入图中各表单项，并分别进行文本框的命名，方便下一步赋值。步骤二：组合这个修改页面，并命名“修改页面”，交互：载入时隐藏这个组合。步骤三：添加中继器内修改按键的交互，单击时——显示修改页面组合。步骤五：修改页面的确定按钮添加交互，单击时——隐藏修改页面。

2024-10-15 07:00:00 1263

原创 Axure重要元件三——中继器删除数据

步骤四：添加外部复选框交互，选中时——内部复选框值为真（没错，通过选中外部复选框来操作内部复选框状态的变更），标记行——选择中继器规则——选中的复选框；步骤三：添加内部复选框交互，内部复选框——选中时——设置选中——值为真；取消时——值为假，中继器——取消标记。步骤二：命名菜单栏“全选复选框”——外部复选框，中继器内复选框命名——中继器内复选框。以上是中继器删除数据，学习步骤：复选框——设置选中——熟悉标记行——取消标记。取消选中时——内部复选框值为假，取消标记——选择选中的复选框。步骤六：添加删除交互。

2024-10-14 08:09:38 803

原创 Axure重要元件三——中继器添加数据

序号取值XH，取值思路：当我们新增一条数据时，这个序号的取值应是中继器目前数据总数+1，那么我们就要拿到当前中继器数据总数即“dataCount”,同时设计一个全局变量sum，sum的值为1；这时候Column0的取值，之前生成表单时是系统自动生成的，当前我们是新增出来的，后置的，所以这时候也需要手动给Column0赋值，那么他的值也是“LVAR1.dataCount+sum”以上是中继器添加数据的课程，学习步骤：设计新增窗口——熟悉dataCount函数——理解Column0——熟悉全局变量和局部变量；

2024-10-14 07:00:00 1416

智慧城市APP服务平台（完整原型）

Axure隐藏与显示原型

Axure移动效果原型

Axure选中效果原型

空空如也