代码框架是用的前后台分离的方式后台使用的是Asp.Net Core平台,开发所有业务,向前台提供Rest API接口。使用的认证方式是JWT前端有两个项目,一个是Web端,一个是Mobile端都是使用Vue + Ant Design of Vue架构后端的开发工具使用的是Visual Studio 2019前端的开发工具使用的是Visual Studio Code上一篇把.net Core后端的W
转载 2024-07-16 13:59:04
76阅读
ReactJS1.1.分层 上图中,左侧是服务端代码的层次结构,由Controller,Service,Data Access三层组成服务服务端系统。右侧是前端代码的结构,同样需要进行必要的分层:Page负责与用户直接打交道:渲染页面,接受用户的操作输入,侧重于展示型交互性逻辑;Model负责处理业务逻辑,为Page做数据,状态的读写,变化,暂存等;Service负责与HTTP接口对接,进行纯粹的
转载 2024-07-30 17:24:14
276阅读
vue.draggable 拖拽项目需求中,需要支持拖拽,即找到了vue.draggable,下面来说一下基本使用方法 1.首先需要安装它,官网地址 https://www.itxst.com/vue-draggable/tutorial.html 2.安装 npm i -S vuedraggable 3.基本教程请看官网例子 我这边是根据后端接口请求的数据进行布局与官网例子稍有不同 我们首先看一
转载 2024-05-15 20:35:47
2357阅读
前言vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与此诞生的优秀的开源框架比如elementUI,iView, ant-design-vue等也极大的降低了开发者的开发成本,并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架,亲身体会之
背景:官方和网上的例子都很简单,实际项目开发中比较的一般都是对象数组,且属性值不一定全为数值,有可能为字符串,比如某个数据没有值,默认显示字符串:"--" 需求:降序或者升序无数值的在最后面显示 开发步骤: (1)HTML:<a-table @change='compare' :columns='c ...
转载 2021-08-05 14:20:00
1041阅读
2评论
超图软件日前正式公布SuperMap iObjectsJava/.NET 8C SP1版本号。新版本号依据用户的特殊须要。对影像颜色值替换功能进行优化和扩展。支持很多其它的影像颜色值替换形式。一、影像颜色透明处理如图 1所看到的,地图中加入了几幅影像,每幅影像都有黑色的边,因为影像未进行拼接,所以在显示时相互叠合的部分被黑色边所影响,此时要比較好地显示影像叠合的部分就须要将黑色边缘去掉,因为这里仅
转载 7月前
69阅读
Ant Design VueVUE3下的upload组件使用以及文件预览 文章目录Ant Design VueVUE3下的upload组件使用以及文件预览一、多文件上传1.需求2.样例3.代码二、单文件上传1. 需求2. 样例3.代码二、多文件上传产生的时间超时问题三、文件系统名称更改1. 修改文件`index.html`2. 修改文件`index.js`3. 修改数据库存储的系统名称四、系统
转载 2024-06-20 17:24:23
98阅读
刚接触Ant Design Vue的童鞋们可能会有这样的问题,不就是修改默认的组件样式吗,为什么一会生效,一会又不生效。希望看完这个文章,会给你一些收获~一、想要修改组件的默认样式,首先你需要知道组件是渲染在哪里的这个组件是渲染在当前页面内部,还是脱离vue根节点单独渲染?(根节点默认id=“app”)这个问题的答案很容易得到,打开文章顶部的antdv官方文档,任意选中组件,F12打开调试,观察E
转载 2024-05-30 23:23:17
362阅读
记录一下,使用 Ant Design Vue a-tree 需要实现可搜索且后台返回数据不是标准数据的问题 目录 可搜索 自定义字段 完整全部代码 可搜索 自定义字段 实现自定义字段需要使用 Tree props 的 replaceFields 属性 <template> <div&gt
转载 2024-04-05 00:00:57
60阅读
Ant design vue是很优秀的框架,不过对于一般小白用户(比如我),文档方面不够友好。官方给出了主题自定义色彩的方案,但是太过于简陋,网上很多技术解决方案也点到即止,我在这方面足足浪费了两天时间,下面说一下技术重点,每个点都是自己踩出来的坑,都是泪:先说下需要的各个模块以及版本号,这个很重要,版本号不对,就会有各种你搜都搜不出解决方案的报错【以下内容均针对vue cli3/4初始
转载 2024-05-04 14:04:21
2662阅读
背景项目需要表格支持拉伸每列的宽度,查看了文档,官方建议是用 vue-draggable-resizable 插件结合 components 属性,给表头 header 增加一个可拖拽的功能。其实下面的前三个问题都很好解决,网上也有很多解决方案,但因为考虑到项目中表格很多,而且每个表格都要支持拉伸列宽度,所以不可能按官方文档那样,每个表格的 vue 组件都写重复的代码,所以就封装了一个方法,专门获
转载 2024-07-24 09:52:03
2519阅读
问题在使用Ant Design Vue进行开发的时候,使用了tabs标签页,在页里面套用了表格,但是在页面切换后,会发现页面的width会变大差不多2倍,这样会导致页面一些结构的样式发生变化。解决在查阅一些资料之后,看到有人说可能是Ant Design在进行table封装时使用了自适应的问题,解决方法就是在外层盒子加上绝对定位。 于是,我在外层盒子添加绝对定位:position:absolute;
转载 2024-03-02 08:37:15
193阅读
实现需求:在react项目中,在满足表格头部列可以拖动改变的情况下,还要表格利用滚动条下拉来加载表格数据?如下图:**方案一:**利用react-infinite-scroll-component插件,但是表头无法固定,一旦样式固定定位写死,就无法满足拖动,如果你的表格列不需要拖动的话,可以使用,比较方便;**方案二:**先实现ant-ui表格组件的滚动,然后监控表格滚动条,快到达底部后触发加载数
转载 2024-07-26 07:59:01
418阅读
1、需求:可以自定义设置表格表头展示哪些内容,如默认展示(图一),点击表格最后一列表格的图标弹出表头的全部字段(图二),经过设置之后(图三)图一: 图二: 图三:2、具体实现(因为还没确认表头默认展示和全部展示的数据是否是后台返回,所以自己写了静态数据)父组件: <a-table :columns="state.columns" :row-key="(record) =&g
转载 2024-06-27 20:10:00
230阅读
学习vue3之useTable封装 在学习vue3中,极致的hook封装,业务与视图分离已经成为趋势。 于是试着封装成适用于自己项目的通用型useTable,视图使用elementPlus的el-table和el-pagination,视图不做过多赘述。1.开写代码之前需要先理清楚产物由于项目是后台项目,主要有【查询区域】、【表格】、【分页】三部分组成,根据这三部分,可以梳理出如下产物1.1 【查
转载 10月前
302阅读
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上
微信小程序tab组件封装最近在做微信小程序的项目,下面就微信小程序中tab的tab功能封装成一个组件,在项目项需要使用的地方可以随时调取,如果你有vue的基础可以快速的理解和上手,废话不多说,直接上代码下面是html部分<!--这是tab.wxml--> <view class="contain"> <view class="tab" style="posit
官网api https://www.antdv.com/components/table-cn/ 虽然用法很多 但是很多API并没有写出实际的例子 并且原来我用的element 到这里初次使用很难看得懂,.<a-table :columns="columns" // 表头 :dataSource="data" // 数据源 :loading='loading' // 加载load
转载 2024-07-24 20:57:57
504阅读
 介绍在vue中使用antV-G2展示分组柱状图G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完
table表格,这个东西大家肯定都不陌生,代码中我们时常都能碰到,那么给table加一个斜线的表头有时是很有必要的,但是到底该怎么实现这种效果呢?我总结了以下几种方法:1、最最最简单的做法直接去找公司的UI,让她做一张图片,作为背景图片放到这里,然后撑满就可以了。是不是很简单!!!2、相当简单的做法其实了解css3的朋友,一看到这个效果,脑子中瞬间出现的就是transform这个属性,是的,这个确
转载 4天前
360阅读
  • 1
  • 2
  • 3
  • 4
  • 5