TDesign

vue3 腾讯tdesign 后台管理框架的使用

1.介绍TDesign是具有包容性的设计体系，它强调为业务提供产品、服务等过程中，追求以人为本、人人受益的包容性，要求搭建过程中，了解业务底层，理解业务场景的多样性，并在繁杂的业务场景中寻找共性和特性，

喝一杯维C·2024-02-13 08:28

Tdesign 常用知识

Mock数据中的常见随机数：mock数据中，@开头的是Mock.js的语法。Mock.js是一个用于生成随机数据的库，它提供了一些特殊的语法，可以方便地生成各种类型的随机数据。在这个mock数据中，使用了以下语法：@natural(min,max)：生成一个指定范围内的自然数。@city()：随机生成一个城市名。@date(format)：生成一个指定格式的日期字符串。@cname()：随机生成一

fvafuc·2024-02-10 18:41

校园团餐SAAS系统源码

技术特点>*前后端完全分离(互不依赖开发效率高)>*采用PHP8(强类型严格模式)>*ThinkPHP8.0（轻量级PHP开发框架）>*Uni-APP（开发跨平台应用的前端框架）>*TDesign（企业级中后台产品

像素科技·2024-02-07 10:31

5个大厂出品的移动端组件库推荐！

今日我们要带给大家的是5个大厂生产的移动终端组件库推荐，分别是：WeUI移动部件库，MaterialDesign设计规范库，HarmonyOS移动部件库，TaroUI移动部件库，Tdesign移动部件库

未来的嗒嘀嗒·2024-02-01 01:00

TDesign的Collapse 折叠面板全部展开无效的爬坑记录

1.Collapse折叠面板的效果出不来：先确定官网的api位置是不是对的，别把Collapse的属性写到CollapsePanel子元素上去2.Collapse折叠面板的default-expand-all属性设置了无效：这里官网说的可能不是特别清楚，新手容易被坑，比如题主，试了四个小时才明白，光指定default-expand-all属性是没有用的，你还必须要指定Collapse的value属

风墨学长°·2024-01-21 09:06

TDesign 的开源故事，看完秒懂

TDesign是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系，于2021年12月底正式对外开源，它提供一套完整的设计体系，目前同时支持4个框架。

腾源会·2024-01-21 09:34

tdesign的使用记录

1、复杂表单校验复杂类型的数据（两级数组）constdataForm=ref({configTalkTemplateProblemCoList:[{"id":"1744302859557920769","templateId":"1744302859511783426","parentId":null,"level":null,"deleted":"0","createTime":"2024-01

暗月Moon·2024-01-21 09:32

看了9个开源的 Vue3 组件库，发现了这些前端的流行趋势

element-plus[3]-经典中的经典，全面支持Vue3tdesign-vue-next[4]-鹅厂优质UI组件，配套工

程序员黑叔·2023-11-26 07:33

React中如何解决点击＜Tree＞节点前面三角区域不触发onClick事件

（Tree引用开源组件TDesign）只需要在onClick里面加限制一下就行：{if(nodeAnde?.e?.target?.tagName!

Spring_z7·2023-11-25 21:09

【vue】下载导出excel

下载导出excel首先使用的tdesign框架，要导出后端返回的数据流excel遇见的问题下载的文件，里边的内容是undefined观察报错一看就知道并不是后端的报错，后端不可能是undefined在强烈的好奇心驱动下

时光不等仁·2023-11-19 15:43

都有哪些大厂有自己的Web组件库？

有TDesign、ArcoDesign、AntDesign、随着Materialdesign等优秀web组件库的发布，设计师可能会觉得大厂之间的web组件库差别不大。其实大厂的产品线很多，业务复杂。

设计是门艺术·2023-11-16 21:46

国内大厂组件库

国内大厂组件库1、综合组件库腾讯：Tdesign京东：TarouViewUI：uviewui2、小程序组件库腾讯：微信小程序有赞：Vant小程序阿里：支付宝小程序腾讯：qq小程序360：360小程序快手

青檬丶·2023-11-11 05:34

超全大厂UI库分享，可免费套用！

今天我们要给大家分享的是TDesign、ArcoDesign、AntDesign、Materialdesign等6个优秀的大厂UI库，一次性打包送给大家，通通免费用。

UI设计喵·2023-11-09 19:03

小程序多文件上传 Tdesign

众所周知，小程序文件上传还是有点麻烦的，其实主要还是小程序对的接口有诸多的不便，比如说，文件不能批量提交，只能一个个的提交，小程序的上传需要专门的接口。普通的小程序的页面也比普通的HTML复杂很多现在的我就对这个做一个记录：页面使用的是T-design页面更好看一点且看代码Page({/***页面的初始数据*/data:{originFiles:[],gridConfig:{column:4,wi

xuxiaoxie·2023-11-09 00:44

基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统

goframe-admingoframe-adminV1.0.0平台简介基于goframe2.5.4、vue3、tdesign-vue-next开发的全栈前后端分离的管理系统。

leeseean89·2023-11-02 06:12

微信小程序导入TDesign失败

按照文档操作https://tdesign.tencent.com/miniprogram/getting-startedhttps://developers.weixin.qq.com/miniprogram

沅芷℞·2023-11-02 02:17

跟着文快速创建一个完整的TDesign后台系统

先创建一个文件夹来作为项目的载体打开终端首先我们执行npmitdesign-starter-cli@latest-g全局装一下依赖然后执行td-starterinit我不清楚你们哦反正我第一次是报错了告诉我们少了@babel/core那就读字面呗不想复杂了直接npminstall-g@babel/core全局装一下@babel/core然后再次尝试td-starterinit然后这里我们就进入了创

跟耿瑞卷出一片天·2023-11-02 02:47

TDesign-starter-React

随着TDesign的对外开源，TDesignStarter已全面支持Vue2、Vue3、React。

不羁的程序员~·2023-11-02 02:15

微信开发者工具中安装TDesign组件库

我们在使用微信开发者工具时发现，Default的组件很少，如切换到TDesign组件库时发现该组件没有安装，提示如下：当我们点击安装时，自动跳转到了TDesign的官网：看着官网对TDesign组件库的介绍

无根水·2023-11-02 02:10

TDesign封装Api地址

一、开发环境用的是测试地址，到时候会换正式地址，封装起来比较方便二、封装（1）先找到配置文件，打开main.jsx（2）打开requst.ts文件

huang_jimei·2023-11-02 02:10

腾讯开源企业级设计体系 TDesign

本文约3200字预计阅读时间：8分钟TDesign是来自腾讯内部近300名设计师与开发者共同打造，经由500+项目使用、验证和锤炼过的企业级设计体系，秉承包容、多元、进化、连接的价值观，TDesign期望与用户

腾源会·2023-11-02 02:39

tdesign初学使用问题

执行td-starterinit’，提示：td-starter’不是内部或外部命令,也不是可运行的程序或批处理文件。解决办法：1.可以使用Everything搜索“td-starter”找到对应安装路径：“C:\Users\用户名\AppData\Roaming\npm”2.将步骤1的路径添加到环境变量（用户变量）的Path中3.重启cmd命令或者powershell,再执行td-starteri

天空丶蒋·2023-11-02 02:09

TDesign设计系统全方位解析

腾讯设计云服务矩阵中最重要的是腾讯设计系统——TDesign。TDesign是什么？腾讯内部近300名设计师与开发者共同打造，经由500+项目使用和验证过的企业级设计体系，其中包含了

设计是门艺术·2023-11-02 02:38

微信小程序实现步骤条-类似vantweapp

我们就需要使用原生的css去实现上面的效果，或者用tdesign去实现。处理流程{{item.

程序猿向前跑·2023-10-23 10:08

vue+ts vite环境项目取不到process 解决方法

在tdesign文档中用官方的解决方案创建了一个vue2+ts项目用的配置文件是vite.config.js这里我做了一个简单的多环境配置当我在js中使用console.log(process.env.VITE_APP_BASE_URL

深圳市有德者科技有限公司-耿瑞·2023-10-17 13:02

vue-cil之elementui、vuex(任务管理器)

Element-UI：Element-UIelementui-plusAntDesign-Vuevanthttps://vant-contrib.gitee.io/vant/v2/#/zh-CN/skuhttps://tdesign.tencent.com

我每天都好饿·2023-10-12 17:39

微信小程序在TS模板下引入TDesign组件

介绍TDesign是腾讯官方出品的一款微信小程序组件库。

shadow fish·2023-10-12 14:38

tdesign的文件上传（微信小程序+idea的springboot）

FileServiceImpl层1.4IFileService1.5StringUtil通用类1.6主程序加一个监听器1.7application.yml文件2.微信小程序端2.1TDesign的upload

素心如月桠·2023-09-19 08:49

2022-04-07【技术】关于腾讯TDesign框架的研究（使用篇）

2022-04-07【技术】关于腾讯TDesign框架的研究（使用篇）官方地址：https://tdesign.tencent.com/vue/quick-start1.1脚手架的搭建安装命令npmitdesign-starter-cli

平凡的雪夜冬天·2023-09-19 06:09

在TDesign中使用notify 报错[Vue warn]: Invalid prop: custom validator check failed for prop “theme“. 解决方法

$notify({title:'提示',message:'这是一条通知消息',type:'success'})但如果你在TDesign中这样写就会报错这个问题是比较奇葩的直到我打开node_modules

深圳市有德者科技有限公司-耿瑞·2023-09-15 12:18

微信小程序（原生）使用Swiper实现（商品详情）视频和图片轮播（仿京东/淘宝商品详情头部视频+图片轮播）

一、需求1、如果第一是视频，不进行自动轮播2、可以手动滑动切换3、点击播放视频，也可以手动滑动切换4、视频播放完后，自动轮播5、视频可以点击暂停和全屏播放二、最终效果三、源码播放icon使用了TDesign

wocwin·2023-09-14 08:07

TDesign数据请求wx.request

wxml页面如下：bind:tap绑定了handleAjax事件，js页面如下：点击按钮，运行成功输出data报错：小程序(qq.com)https://mp.weixin.qq.com/再次点击按钮ajax运行成功：

素心如月桠·2023-09-11 01:54

TDesign WXS语法

目录一、输出函数返回值如何获取？二、WXS语法三、WXS案例一、输出函数返回值如何获取？写在js的方法中wxml中{{方法名()}}输出：发现不显示？？所以不能使用这种方式！！二、WXS语法1.当前路径下新建data.wxs文件2.wxml文件中引入wxs3.页面显示wxs配合wxml做逻辑判断的方法控制台获取时间戳js页面data中定义变量传值给wxs中的方法handleDate()在wxs中修

素心如月桠·2023-09-11 01:22

TDesign 学习const{ trigger } = e.detail

代码理解//pages/maintenance/index.jsPage({/***页面的初始数据*/data:{},/***生命周期函数--监听页面加载*/onLoad(options){},/***生命周期函数--监听页面初次渲染完成*/onReady(){},/***生命周期函数--监听页面显示*/onShow(){},/***生命周期函数--监听页面隐藏*/onHide(){},/***生

素心如月桠·2023-09-10 13:05

TDesign的input标签

目录一、新建页面01-todolist二、t-input标签、t-button标签2.1t-input标签2.1.101-todolist.wxml页面2.201-todolist.json页面2.301-todolist.js页面2.401-todolist.wxss页面2.2t-button标签示例1：bind:change示例2：bind:tap、wx:for遍历示例3：H5的自定义属性wx

素心如月桠·2023-09-10 13:04

TDesign文档中复制的图标代码用不了不知道tdesign-icons-vue中有哪些可用组件解决办法

今天想找个检索的图标结果发现tdesign的官网真的图标这里写的挺不友好的这里很多图标代码直接通过tdesign-icons-vue包去引入甚至都找不到其实也很简单大部分开发工具对这里路径都可以直接按住

-耿瑞-·2023-09-10 04:40

vue2中实现 TDesign 树形懒加载

之前我有写过Elementui的树形懒加载其主要是通过load函数来实现而TDesign也是照虎画猫他也是主要靠load我们先来看一个基本的组件exportdefault{data(){return{items

-耿瑞-·2023-09-06 09:33

微信小程序通过npm引入tdesign包进行构建的时候报错

问题在通过npm引入tdesign时：https://tdesign.tencent.com/miniprogram/getting-started通过微信小程序IDE进行npm构建的时候出现：无法构建

小吴同学GOGOGO·2023-09-03 08:35

TDesign表单rules通过函数实现复杂逻辑验证输入内容

Elementui中我们可以通过validator绑定函数来验证一些不在表单model中的值又或者处理一下比较复杂的判断逻辑TDesign也有validator但比较直观的说没有Element那么好用这里我们给

-耿瑞-·2023-09-02 14:52

TDesign在按钮上加入图标组件

在实际开发中我们经常会遇到例如添加或者查询我们需要在按钮上加入图标的操作TDesign自然也有预备这样的操作首先我们打开文档看到图标例如我们先用某些图标就可以点开下面的代码可以看到我们的图标大部分都是直接用

-耿瑞-·2023-08-30 02:01

vue2.6及以下版本导入 TDesign UI组件库

TDesign官方文档:https://tdesign.tencent.com/vue/components/button我们先打开一个普通的vue项目然后如果你是vue2.6或者低于2.6在终端执行npmitdesign-vue

-耿瑞-·2023-08-30 02:31

解决vue2+TDesign使用t-tree树形，报错vue3 inject() can only be used inside setup() or functional components

canonlybeusedinsidesetup()orfunctionalcomponents.package.json上很明显我的项目是个vue2的环境但是他这里报错的信息明显特性都是vue3的就很离谱此时我打开node_modules下的tdesign-vue

-耿瑞-·2023-08-28 04:57

我的天！居然国内所有react组件库都有这个bug！

复现组件库：阿里系：antdesign,fusiondesign，字节系：arcodesign腾讯：tdesign本来字节还有一个semidesign，结果我发现它没有Affix组件，也就是固钉组件，让他躲过一劫

·2023-08-15 16:21

基于Vue三大互联网企业级开箱即用中后台解决方案对比字节跳动Arco Design Pro,蚂蚁集团Ant Design Pro和腾讯TDesign Starter

基于Vue中后台解决方案越来越多开源了，随着各大互联网企业的VueUI框架开源和普及后，都又有新的中后台解决方案也开源，方便开发者使用了。下面来作一个主观和客观的对比一下，字节跳动ArcoPro，蚂蚁集团AntDesignPro，腾讯集团TDesignStarter三大开源中后台解决方案。一，从star受欢迎度：蚂蚁集团AntDesignPro占绝对优势，可能因为是出来早，体量大，后面二个出来比较

天天打码·2023-08-14 07:51

TDesign中后台管理系统-用户登录

目录1创建用户表2开发后端接口3测试接口4修改登录页面调用后端接口最终效果总结中后台系统第一个要实现的功能就是登录了，我们通常的逻辑是让用户在登录页面输入用户名和密码，调用后端接口去验证用户的合法性，然后根据接口返回的结果进行进一步的路由。本篇我们就介绍一下用户登录功能的开发过程。1创建用户表用户表的话我们设计两个字段，用户名和密码，建表语句如下CREATETABLE`users`(`id`int

低代码布道师·2023-08-12 06:52

Vue3中使用TDesign添加动态表单校验

html部分注意这里的data和收集数据的动态表单要有层级关系js部分//表单相关数据constform_data=reactive({address:[{sub_sn:"",person:"",mobile:"",province:"",city:"",area:"",address:""}]})constform_ref=ref()//提交constsubmit=async()=>{const

真让人秃头呀·2023-08-07 18:55

TDesign中后台管理系统-访问后端服务

目录1修改后端服务地址2解决跨域问题3动态获取菜单4测试后端接口5前后端联调总结目前我们已经搭建了TDesign的前端和express的后端，目前是两个独立的应用。

低代码布道师·2023-08-02 11:15

面试官说，布局小程序页面记得用TDesign组件库

前言「作者主页」：雪碧有白泡泡「个人网站」：雪碧的个人网站「推荐专栏」：★java一站式服务★★前端炫酷代码分享★★uniapp-从构建到提升★★从0到英雄，vue成神之路★★解决算法，一个专栏就够了★★架构咱们从0说★★数据流通的精妙之道★文章目录前言TDesignUI介绍组件库使用方法基础导航输入数据展示反馈获取与在线预览实战电商首页home.wxml运行该代码后，大致的UI结构如下所示：在该

雪碧有白泡泡·2023-08-01 16:34

【腾讯云 Cloud studio 实战训练营】搭建Next框架博客——抛开电脑性能在云端编程(沉浸式体验)

文章目录⭐前言⭐进入cloudstudio工作区指引注册coding账号选择cloudstudiocloudstudio选择next.js安装react的ui框架（tDesign）安装axios代理请求跨域登录界面配置注册界面配置

yma16·2023-08-01 13:05

使用express搭建后端服务

目录1创建工程目录2初始化3安装express依赖4启动服务5访问服务总结上一篇我们利用TDesign搭建了前端服务，现在的开发讲究一个前后端分离，后端的话需要单独搭建服务。

低代码布道师·2023-07-28 20:30

推荐频道