教程 – 第7页 – 蓝洛水深

系统

什么是URL安全的Base64编码？构建URL安全的Base64编码教程

Base64编码是一种使用及开发过程中非常常见的一种编码方式，主要原理是通过转换为二进制，分组排序等操作后，再转换为十进制并根据转码表将数据转换为对应字符，如下图所示： Base64编码后的 =、/、+ 等字符不利于 url 中的查询参数、数据库保存时的转义等，所以在实际应用的场景中又产生了一种几乎等价的编码方案Base64URL，即URL安全的Base64…

蓝洛水深

2023年5月16日

003150

网站

『2023版』详解PHP通过Excel模板导出Excel

网上其实有很多教程，但这些教程很多都差强人意，这里并非恶意贬低或者诋毁他人，只是客观的陈述。比如这篇相对来说已经写的算是很不错：https://blog.csdn.net/u013224364/article/details/125786382 然而通篇没有告诉你怎么安装什么扩展，自己嘻嘻哈哈了半天，读者是一头雾水。诚然，如果有做过类似项目的自然能从代码…

蓝洛水深

2023年5月8日

049890

网站

再谈Element Plus改变Table选中行背景颜色的简单方法

此前已经用非常简单的方式进行了样式干预实现全局表格选中行的高亮颜色调整，其实还可以进行非常多的操作实现这一目的，下面再分享一种。修改CSS 按如下路径找到table选中行背景色的CSS文件。

node modules > element-plus > theme-chalk >  eltable.css >  el-table

1	node modules > element-plus > theme-chalk > eltable.css > el-table

找到这一句：

--el-table-current-row-bg-color:var(--el-color-primary-light-9);

1	--el-table-current-row-bg-color:var(--el-color-primary-light-9);

可以看到，这里定义了选中行高…

蓝洛水深

2023年4月26日

001.2K0

网站

Element Plus改变Table选中行背景颜色的最简单方法

无论是Element Plus官方还是网络上，其实都给了很多方法，但是实践下来发现不一定能成功，并且具有一定的复杂性，这里分享一种非常简单的方法。比如我们要修改Table选中行背景颜色，只需要再App.vue进行简单修改即可。在onMounted中对颜色进行定义即可全局生效。

onMounted(() => {
    document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

    window.onresize = () => {
        settingsStore.setMode(document.documentElement.clientWidth)
    }
    window.onresize()
})


只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

1

2

3

4

5

6

7

8

9

10

11

12

13

onMounted(() => {

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

window.onresize = () => {

settingsStore.setMode(document.documentElement.clientWidth)

}

window.onresize()

})

只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

至于颜色，这里提…

蓝洛水深

2023年4月25日

001.1K0

2023年再荐7款优秀的前端框架

在开发过程中，无论是专注于前端也好后端也罢，其实都会需要了解和使用前端框架。什么是前端框架？前端UI框架是一种基于HTML、CSS、JavaScript等前端技术的开发工具集，提供了一系列的UI组件、样式、布局等基础功能，使得前端开发人员可以更加高效地开发出具有良好用户体验的Web应用。我们为什么需要前端框架？前端UI框架可以大大减少前端开发人员的工…

蓝洛水深

2023年4月12日 • 网站

001.6K0

网站

如何给Tinymce-vue自定义图片上传接口，images_upload_handler示例

在初始的Tinymce-vue中，图片是通过转换为base64的方式进行呈现，但是这种方式在写入数据库的时候，非常不友好，把图片放数据库，下一步就是把视频和压缩包放进去了。

images_upload_handler: blobInfo => new Promise(resolve => {
    const img = `data:image/jpeg;base64,${blobInfo.base64()}`
    resolve(img)
})

1

2

3

4

images_upload_handler: blobInfo => new Promise(resolve => {

const img = `data:image/jpeg;base64,${blobInfo.base64()}`

resolve(img)

})

所以，我们需要修改成以URL的形式上传到后端，代码非常简洁，可以参考。[crayon-68eb33c74c133471542…

蓝洛水深

2023年3月14日

001.1K0

Python存储list到数据库，重新读取后无法正确识别为list错当str且无法转换的处理办法

如下图所示，有一个字段是list类型。读取时打印出来看起来就是list，但是打印类型却显示为str。通过类型转换如果通过类型转换，直接定义为list，则会拆解为一个有一个的字符串，显然是不行的。通过解析字符串为list

    str1 = 'abcde'
    str2 = 'a b c d   e'
    str3 = 'a, b, c, d, e'
    result1 = list(str1)
    result2 = str2.split()
    result3 = str3.split(', ')
    print(result1)
    print(result2)
    
    结果：
    ['a', 'b', 'c', 'd', 'e']
    ['a', 'b', 'c', 'd', 'e']
    ['a', 'b', 'c', 'd', 'e']

1

2

3

4

5

6

7

8

9

10

11

12

13

str1 = 'abcde'

str2 = 'a b c d e'

str3 = 'a, b, c, d, e'

result1 = list(str1)

result2 = str2.split()

result3 = str3.split(', ')

print(result1)

print(result2)

结果：

['a', 'b', 'c', 'd', 'e']

参照这样的方法，我们使用.split()后又发现一个问题。第一行…

蓝洛水深

2023年2月5日 • 软件

014180

详解Python字典循环遍历的几种情况只要value或只要key等情况的操作方法

一、只需要字典中的key 可以使用keys()函数直接实现代码示例：

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}
for key in person_dict.keys():
    print(key)

1

2

3

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}

for key in person_dict.keys():

print(key)

返回结果：二、遍历字典的value 可以使用values()函数直接实现代码示例：

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}
for value in person_dict.values():
    print(value)

1

2

3

person_dict = {'name': 'Tom', 'age': 24, 'gander': 'man'}

for value in person_dict.values():

print(value)

返回结果：三、返回字典的元素（键值对）可以使用items()函数…

蓝洛水深

2023年2月5日 • 软件

002100

网站

Vue+Element Plus 表单数据不显示或显示不全的问题解决记录

在处理这个问题的时候，我一度开始怀疑是不是自己一直以来的赋值方法错了，为什么安卓和PC都能正常显示表单数据，而IOS则不行。如下图所示，IOS端表单中的所有字段都是空的，没有内容。而安卓端和电脑端，则正常。处理过程一、是否真的有值首先想到的是，IOS是否因为某种原因，没有获取到值，在数据接口处打印获取的数据：[crayon-68eb33c74c58…

蓝洛水深

2023年1月13日

012.4K0

软件

VUE+Element-UI使用XLSX插件前端导出Excel时，日期、身份证号等信息不对的处理办法

如下图所示，导出时，本来日期处只显示年月，导出后被补全到时分秒。而身份证号码则也如上图所示，变成了科学计数。尝试增加样式网上很多朋友提供了这个方法，即在身份证所在单元格设置格式。

<td style="mso-number-format:'\@';">100821199909091234</td>

增加了  style="mso-number-format:'\@';"  样式后 可以解决 ，

1

2

3

增加了 style="mso-number-format:'\@';" 样式后可以解决，

但是我这里没办法在el-table-column中新增这个样式，故而没办法实现。给XLSX插件传入参数 [cr…

蓝洛水深

2022年12月28日

011.1K0