表格 表头 动态vue3
Next.js 开发指南 路由篇 | 动态路由、路由组、平行路由和拦截路由
前言 实际项目开发的时候，有的路由场景会比较复杂，比如数据库里的文章有很多，我们不可能一一去定义路由，此时该怎么办？组织代码的时候，有的路由是用于移动端，有的路由是用于 PC 端，该如何组织？如何有条件的渲染页面，比如未授权的时候显示登录框？如何让同一个路由根据情况不同展示不同的内容？ 本篇我们会一 ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简单的实现方式呢？ 函数式弹窗的使用场景 首先我们来看看什么是函 ......
读取excel表格的内容并输出打印
1、这里用到的是xxx.xlsx的excel表，如果用.xls的旧版excel表可能会报错，需要自己调整代码 （简单的测试，取出内容根据业务自行处理） public static void main(String[] args) throws Exception { File file = new ......
平台工程动态 Monthly News 2023-12
TOC 项目与社区动态 CNOE：云原生卓越运营 领英工程团队开源了其开发者生产力与幸福感框架 Backstage 添加中文 README 会议与活动 PlatformCon 2024 议题正在征集中 KubeCon EU 2023 回顾 KubeCon NA 回顾 TOP100 全球软件案例研究峰 ......
平台工程动态 Monthly News 2023-11
本期内容导览 项目与社区动态 CNCF 云原生技术全景图 v2 2023 平台工程调研报告 CNCF App Delivery TAG 发布中文网站 CNCF 平台工程成熟度模型发布 Humanitec 发布平台工程现状报告 Gartner: 中国的平台工程正处于萌芽期 CNCF PaaP 工作组正 ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac：【shift】+【option】+【f】win：【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标，可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。 其实就是不要用默认的 action，要手动实现上传方式 http-request，然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
动态代理和静态代理
先说一下代理模式的好处： 隐藏真实对象的复杂性：Java 代理模式可以隐藏真实对象的复杂性，客户端只需要与代理对象交互即可，不需要了解真实对象的复杂实现细节，从而简化了客户端的代码实现和维护。 增强真实对象的功能和可靠性：Java 代理对象可以在访问真实对象之前或之后执行一些额外的操作，例如日志记录 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述： 在vue3中有相同名称的文件时，会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案： 修改vite. ......
antd 使用不同的条件动态验证 Form.Item
假设我们有一个 InputNumber，当进行操作1时，我们允许用户输入负数值，然而在进行操作2时，我们需要用户输入正整数。 我会用到一个名为 createValidator 的函数来实现这个需求。同时，我还会使用 Form.Item 的 dependencies 属性来更新 lowerLimitT ......
Linux下动态依赖库的问题
由于 Linux 默认的查找路径中没有当前文件夹的，所以编译的程序或动态库移植比较麻烦。 查看依赖，rpath等信息 readelf -d path/to/exec 测试依赖库是否能找到 ldd path/to/exec 写rpath patchelf --set-rpath "\$ORIGIN:\ ......
vue3hooks中的生命周期钩子
vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活 hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
Vue3中实现world、excel、txt、pdf文件预览，（vue-office的使用)
依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
vue项目里导出word模板，导出Excel表格~
一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSaver npm insta ......
docker安装Nginx并运行vue3前端
Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
vue3路由跳转与参数获取
// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
vue3版本下element-plus和antd-vue选哪个更好一些？
Vue 3 发布后，各家第三方库开始陆续重构并支持 Vue 3 ，国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢？ Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己 ......
TDBGridEh表格 lookupParams 使用
客户的：cdsCustomer :TclientDataSet 的CommandText 为下的，中包含了DepartmentID 部门ID，这里不用关联Department 表的DepartmentID字段CommandText :='select top 10 CustomerID,Code,C ......
常用容器：动态数组array、列表list、队列 queue、map或字典、 集合、栈等等
一般语言都会提供一些逻辑容器的实现，各个语言的实现方式不同；底层的数学算法应该差不多； # 动态数组， 这个没啥可说的，就是一个数组，满了时候，再创建一个数组，把之前的数组里的数据移过来，销毁之前数组； ......
如何在Vue中实现动态路由
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何使用Vue实现动态表单
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
使用JavaScript函数实现用户界面的动态效果
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
EAS_WEB编辑表格锁定单元格不可编辑或解锁单元格
lockPayerBankInfo: function(rowid) { var collectionGrid = waf("#editGrid_collection"); //现金 银行账号、开户行等自动变为空 且锁定 collectionGrid.wafGrid("setCell", rowid ......
element表格合并单元格+上移下移
// template <el-table :data="tableData" :span-method="tableSpanMethod" size="small" border style="width: 100%"> <el-table-column label="排序" align="cen ......
vue2和vue3的区别？
vue2和vue3的区别？ 1. 双向数据绑定原理不同。 vue2利用Object.defineProperty()实现数据劫持，结合发布订阅模式实现。 vue3利用proxy实现数据代理。 2. 是否支持碎片 vue2模板中只能有一个根节点。 vue3中可以有多个根节点。 3. API类型不同 v ......
MyBatis—Spring 动态数据源事务的处理
在一般的 Spring 应用中，如果底层数据库访问采用的是 MyBatis，那么在大多数情况下，只使用一个单独的数据源，Spring 的事务管理在大多数情况下都是有效的。然而，在一些复杂的业务场景下，如需要在某一时刻访问不同的数据库，由于 Spring 对于事务管理实现的方式，可能不能达到预期的效果 ......
vue动态路由
export default { setRouters() { let menuList = [ { path: "/index", name: "index", component: "index", }, { path: "/user", name: "user", component: "us ......
docker直接运行vue3源代码npm run dev
有套代码，需要在服务器直接run dev，docker build玩起来。 步骤： 将自己的代码上传到服务器，本例：/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui，新建Dockerfile，内容如下，根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
iview tooltips 表格显示超出显示
<template> <!-- columns存在render,超出显示tooltip+省略号--> <Tooltip placement="right-end" :content="value" :disabled="!showTooltip" style="width: 100%"> <span ......