利用腾讯低代码（lowcode）平台实现左侧分类导航效果

最新推荐文章于 2024-08-19 17:22:17 发布
最新推荐文章于 2024-08-19 17:22:17 发布
阅读量1.3k 收藏 3
点赞数 2
分类专栏： 腾讯低代码 文章标签： lowcode 低代码 云开发 腾讯云
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012877217/article/details/112801054
版权
本文介绍了如何在腾讯低代码平台上，利用内置组件和变量管理，轻松创建并定义页面变量，实现左侧分类导航的效果。通过设置组件参数和绑定变量，展示了从创建页面到完成导航展示的详细步骤。
摘要由CSDN通过智能技术生成

目录

低代码平台自带了左侧导航组件，今天我们就利用平台自带的组件实现一个侧边栏导航的效果

创建导航页面

进入低码平台后，点击创建页面按钮
在这里插入图片描述
录入标题和页面ID
在这里插入图片描述
确定之后可以看到我们新创建的导航页面
在这里插入图片描述

定义页面变量

我们页面上在使用变量的时候需要先定义，小程序里我们是在Page里定义，低代码我们是在变量管理里定义，点击变量管理按钮
在这里插入图片描述
弹出的页面选择刚刚定义好的导航页面<

了解本专栏 订阅专栏 解锁全文 超级会员免费看
低代码布道师
关注
专栏目录
订阅专栏
腾讯低代码（lowcode）实现导航页跳转到详情页
低代码布道师的博客
01-29 996
目录引言需求分析功能实现构建和发布 引言 在我们日常使用的小程序中，在导航页点击图片跳转到详情页是一种常见的功能，那低代码平台中是如何实现的呢？本文就带领大家一步步的实现想要的效果。 需求分析 在导航页上点击图片，可以打开详情页，页面效果如下 功能实现 按我的理解是应该在图片上设置点击事件，事实是图片并不支持点击事件（好尴尬，看来不能先入为主啊）。需要在图片的父容器上设置 因为我们选择的是低代码方法，所以是需要自己先创建低代码方法的，具体设置先点击导航条的低代码编辑 然后我们先定义个公共的router
什么是低代码（Low-Code）？
热门推荐
阿里云技术
11-17 6万+
那么在后疫情时代，究竟需要什么样的新技术，才能真正解放IT生产力，加速社会数字化转型，Make The World Great Again？我认为是低代码（Low-Code）。
基于低代码平台（Low Code Platform）开发中小企业信息化项目
11-28 1859
前言：中小企业信息化需求强烈，对于开发中小企业信息化项目的软件工作和程序员来说，如何根据中小企业的特点，快速理解其信息化项目的需求并及时交付项目，是一个值得关注和研讨的话题。 最近几年来，随着全球经济的深度融合和中国劳动力成本的持续上升，中国企业正步入经营模式转型时期。众多企业已意识到，需要提高管理信息化水平，以促使企业管理成本降低和管理效率提升，企业管理信息化的需求已经由外部推...
低代码阿里lowcode使用教程
qq_15123471的博客
07-24 1972
lowcode使用
我为什么选择腾讯低代码平台
低代码布道师的博客
01-25 1178
目录职业的下半场，人生的下坡路人到中年，生活不易为什么要选择低代码平台未来的方向 对于一个已经过了35岁的大龄程序员来说，思考未来如何做，做什么是一件已经迫在眉睫的事情，本文分享一下作者的一些职业上的思考和当下做的选择，以供刚入门的程序员做职场规划时参考 职业的下半场，人生的下坡路 有人说职场30年，其实我感觉有效的职场也就20年不到，23岁工作，能坚持到43岁就已经很了不起了，因为一跨过40岁就进入到40、50人员，可能就业都成了问题。回顾这些年的打工生涯，可能最有干劲的时候是26到28那几年，因为经
腾讯云开发低代码（lowcode）实现轮播图效果
低代码布道师的博客
01-30 939
本篇介绍一下低代码如何实现轮播图的效果 今天研究了一下低代码平台的轮播图组件，前几天一直卡在这，今天突然有了一点点灵感，终于研究出来怎么用了，记录一下学习的进度。 组件效果 轮播图是一种常见的页面效果，主要作用是用来多张图片进行切换，日常我们比较常用的电商平台，点击一个商品查看详情的时候，头部出来的效果就是轮播图。 具体实现 我们新建一个页面，然后在组件列表中找到轮播组件，点击该组件加入到页面中 我一开始以为点一个轮播组件，设置数据源就可以了，后来才明白原来轮播组件只是个容器，里边是需要具体放图片的.
腾讯云开发低代码(lowcode)实现底部导航条高亮效果
低代码布道师的博客
02-01 449
日常我们开发的小程序都有个底部的导航栏，可以对页面进行切换，低代码中如何实现被选中的菜单高亮显示呢？比较简单用表达式就可以了。 $page.id 需要注意的是每个页面都需要定义一下Tab栏组件 ...
LowCode 低代码平台集成 AI 大模型会产生怎样的化学反应？
程序员光剑
06-27 4336
低代码平台集成AI大模型是一种新型的应用开发方式，它可以为企业提供更加智能化和高效的应用开发方式。低代码平台可以提供丰富的组件和模板，使得应用开发人员可以快速搭建应用的基础框架和设计界面；而AI大模型则可以为应用开发人员提供更加智能化的功能和。
Low Code，软件开发的解药？
chimigaipangsh8139的博客
08-19 597
我听说了很多Low Code/No Code应用开发解决方案，这些方案自称只需要点击几下鼠标，就可以完成软件开发工作，而不需要像传统方式那样手工编写大量的代码。这听起来很棒，但是我们应当认真地思考一下，这些低代码/无代码解决方案到底是软件开发的灵丹妙药，还是历史泡沫的重现？在本文中，我将基于历...
jQuery无限极左侧导航栏代码
05-01
jQuery无限极左侧导航栏代码基于jQuery1.10.2制作，无限极网页左侧下拉菜单栏，适用于后台框架。
lowcode:低码平台设计规则
05-04
进阶：《》 无代码/低代码是一种创建应用的方法，它可以让开发人员使用最少的编码知识，来快速开发应用程序。它可以在图形界面中，使用可视化建模的方式，来组装和配置应用程序。开发人员可以直接跳过所有的基础架构，只关注于使用代码来实现业务逻辑。 目录 其它 中台之后，便是无代码编程。 规模化的组织，经常要面临这样的挑战：每个应用的基础设施是相同的，部分的代码也是相同的，甚至于它们可能只是数据模型不同而已。结果却导致了，他/她们要一次又一次地重新编写一个应用。 对于一个新的应用而言，它需要对接大量的三方（非自己团队）服务。服务之间的不断变化 ，导致了对应的使用方也需要发生变化。不断变化的业务，导致了前台的设计不断变化。为了应对快速谈的的前台服务，后台便诞生了中台，以提供快速的响应能力。而随着中台进一步沉淀，从某种形式上趋于稳定，而前台仍然需要快速地响应能力。 于是乎，作为一个前端开发人员，我们不断提
牛散村:国内低代码平台有哪些？low code平台整理分享！
weixin_45378258的博客
07-14 2067
全栈平台 阿里-云凤蝶 蚂蚁杨周璇：我做前端这十多年来的感悟 云凤蝶可视化搭建的推导与实现 云凤蝶中台研发提效实践 中台建站的智能化探索 云凤蝶如何打造媲美 sketch 的自由画布 云凤蝶自由画布之道：分层模型 阿里-金蝉 长夜未央——企业级研发提效的下一阶段 十倍效能提升——Web 基础研发体系的建立 前端服务化——页面搭建工具的死与生 阿里-宜搭 阿里-天马 如何设计阿里经济体都在用的搭建服务—天马 腾讯-积木 积木系统v2@江源.pp..
简单了解低代码Low Code
wade3po的博客
06-23 469
低代码是很早之前就有的概念，之前也没什么关注，最近又一直看见这个字眼，于是就想着了解了解。 低代码是什么？ 百度百科上面的介绍：低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法（参考可视编程语言），使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。 低代码开发平台（LCDP）的正式名称直到2014年6月才正式确定，整个低代码开发领域却可以追溯到更早前第四代编程语言
什么是Low Code ? 居然能威胁到专业程序员？
勇往直前的专栏
03-30 1945
周六晚上10点半，张大胖在微信上给我发了一个震惊的表情：欣哥，你知道吗？我发现一个低代码平台，我们这些专业程序员可能要下岗！人人都是程序员的时代到来了！ 我心头一紧：什么是低代码？代码还有高低之分？ 张大胖：英文是Low Code， 应该指的是代码量少的意思吧！ 张大胖发给我一个Google的链接，我祭出科学上网的神器打开一看，是一个叫做App Maker的低代码平台的介绍。 我带着好奇看...
低代码（Low Code）是什么？以及国内哪家低代码平台比较厉害？
weixin_52213728的博客
04-16 1726
低代码（Low Code）是一种现代应用开发方法，它通过提供可视化的开发环境和少量的代码编写，来加速应用程序的开发过程。这种方法的核心优势在于能够自动化那些程序员通常不愿意或难以处理的繁琐代码，从而缩短开发周期并提高开发效率。低代码平台的出现，不仅加快了开发速度，还提高了应用程序的质量和灵活性。它们特别适合于快速响应业务需求、构建原型、开发内部工具或简化业务流程的项目。此外，低代码平台还促进了跨部门的协作，提高了企业的业务敏捷性和市场适应能力。
low-code【前端】
weixin_49473712的博客
08-03 2650
一.low-code 是什么？ A low-code development platform (LCDP) is software that provides a development environment used to create application software through graphical user interfaces and configuration instead of traditional hand-coded computer programming. A l
低代码无代码和专业代码
最新发布
CC_longhua的博客
08-19 724
新的医疗环境以及不断变化的医疗和制药进步正在推动对新的和更新的应用程序的需求激增，但能够构建和维护该软件的专业程序员已经达到了严重的短缺。医疗保健行业的一个标志是提供患者和护理人员所期望的大量临床、管理和保险服务所需的数据的多样性和数量，同时控制这些服务的成本。医疗保健自动化需求已经变得如此关键和普遍，为了解决这些问题，可以通过宏天EIP低代码快速开发平台和Together规则引擎实施这些需求，它们是基于使用开放的、标准的符号研发的，包括BPMN™（工作流管理）、DMN™（决策管理）和其他开放的IT标准。
vite-vue3-lowcode低代码平台
09-06
vite-vue3-lowcode低代码平台是一种用于快速开发Web应用程序的工具。它集成了Vite、Vue3和低代码开发思想，旨在简化前端开发过程中的繁琐工作，降低编码难度，提高开发效率。 这个平台的主要特点是： 1. 高效的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

低代码布道师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值