vue2x的语法背景:使用table组件模仿windows文件列表效果:如下图文件列表不需要分页,因此这里没有做分页功能。基础结构:<div class="full" style="overflow: auto;user-select: none;position:relative;" >
<a-table class="file_list_table"
Spring Boot 学习记录笔记【 五 】集成 Ant Design Vue页面布局官网代码展示自定义组件目录the-footer.vue 代码展示the-header.vue 代码展示the-left.vue 代码展示App.vue 代码修改HomeView.vue 代码调整全局图标页面解析错误解决集成HTTP库Axios数据绑定结尾 集成 Ant Design Vue安装命令:npm i
转载
2024-04-11 12:07:55
301阅读
<template> <div> <a-pagination show-quick-jumper v-model:current="current1" :total="500" @change="onChange" /> </div> </template> <script lang="ts"> i
原创
2022-09-01 16:49:14
218阅读
前言昨天在改一个系统的时候遇到了个技能点,观察解决了好久,终于解决了,趁热打铁,今天来记录一下。这个系统是个个人博客,目前我也在使用,但是有个地方用的很不舒服。就是首页,源码的作者本意是让不断的下拉,滚动加载出文章。其实他的这种想法倒是也不错,但是问题有两个:如果有篇文章在第5页,那么我们得往下拉,直到滚动加载到了第5页,我们才会发现它。博客右边的内容,是自适应的,也就是意外着只要左边没有拉到底,
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上
这两天看ant-design的文档,看到定制主题,就想自己也来试试。首先,我是用的vue-cli 2版本来做的。一、将项目搭建好1.创建一个vue项目vue create antd-demo2.安装ant-design-vuenpm install ant-design-vue --save3.按需引入这里强调一下,为什么按需引入更好,因为整个antd包其实不小,大部分我们都用不到,全局引入,是很
转载
2024-03-07 13:18:02
1467阅读
antd 是基于 Ant Design 设计体系的组件库,主要用于研发企业级中后台产品。第一步:安装node.js已安装可跳过。 官网下载地址:https://nodejs.org/zh-cn/download/ 安装完成之后,就拥有了npm,一个node.js自带的包管理工具。类似php的composer。第二步:用npm安装yarn已安装可跳过。 yarn和npm一样,是一个包管理工具,但速度
转载
2024-09-24 21:26:15
182阅读
最近在学习ASP.NET,发现了几个有趣的类,比如自定义用户配置提供程序ProfileProvider,成员提供程序MembershipProvider,角色管理RoleProvider,会话状态SessionStateStoreProvider,这几个类经常作为权限相关设置,但是默认这几个类都必须使用定制的数据库,因此造成诸多限制 但如果重写这些类,然后配合.NET原有的API来使用,这样
由于项目需求需要采取前端分页方式,最后找到解决方式 <a-table size="default" bordered :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="false" > ...此处省
转载
2021-07-09 09:33:00
1702阅读
2评论
ant-design-vue文件上传中的beforeUpload方法和change方法使用vue+ant-design时,遇到了点小问题,文件上传的过程中,如果文件不立马上传,需要在beforeUpload方法中返回false。我以为只要在beforeUpload方法中返回false后,change方法便不再执行,但事实上并不是这样子的。一些背景我的需求是,多个文件上传,然后对单个文件大小作限制,
转载
2024-03-26 04:40:42
66阅读
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤:一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
转载
2024-04-26 11:08:13
259阅读
开发模式预览 demo在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件,比如通过 vue-cli 初始化项目,或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置(比如 muse-ui)。展示文档作为一个 ui 组件库,也肯定要有自己的组件展示文档。一般业界常
转载
2024-03-04 17:08:29
99阅读
Vue中如何使用自定义插件(plugin)1、在根目录src下创建一个libs文件夹,在libs文件夹下面创建一个myPlugins文件夹,用来存放我们的自定义插件,在myPlugins文件夹下面再创建一个index.js的文件。在index.js文件里面,我们创建一个myPlguin的对象,然后导出,最后在main.js中导入并且通过 use() 的方式使用即可,一个自定义插件便完成了,就是这么
转载
2024-07-11 06:19:59
137阅读
但如果想要与后端配合着写,则需要传入pagination参数来自定义,onShowSizeChange :只有pageSize 变化才会回调。onChange:页码改变的回调,参数是改变后的页码及每页条数。
原创
2022-10-20 21:06:37
1164阅读
一、前言后台管理系统的权限控制对于前端来说是经常用到的知识点,也比较重要,最近梳理一下写成文章,方便以后查阅。 项目中实现菜单的动态权限控制使用到了两种技术,一种是Vue Router,另一种是vue3官方推荐使用的专属状态管理库Pinia。二、权限由 前端还是后端 来控制?正式开始之前我们先讨论下权限由 前端还是后端 来控制?网上百度很多资料都是路由表由后端根据用户的权限动态生成的,我们项目中未
支持的环境: 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 Electron(一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,使用 Node. ...
转载
2021-07-13 14:28:00
402阅读
2评论
1.简介动态模型是一个基于结构化数据的编程方法。目前已经在动态模型里初步集成了vue和antdesign,这里讲述下如何运行动态模型下的vue-antdesign的示例。简单介绍下动态模型的优点先。使用动态模型可以让编程更加简单和快捷,并且模型也可以保存知识和经验。也就是说使用动态模型可以让vue-antdesign编程简单化,并且如果你有vue-antdesing的相关知识和经验,那么也可以把这
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载
2021-09-09 07:54:00
366阅读
2评论
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!首先是看文档 能不能更换,果不然文档上写的很清楚 perfect,我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
转载
2024-04-01 12:48:27
335阅读