Tech Blog

2024-09-04

所有,redis

Redis 事务是一组命令的集合。事务支持一次性、顺序性、排他性的执行多条命令。事务的主要目标是保证其中的命令可以一次性被应用，不能被其他的命令插入。

Redis 事务没有内置的锁机制来保证事务的完整性，所以它不适合用于并发修改同一数据的场景。事务提交后，事务内的所有命令都会被执行，即使其中一条或多条命令执行失败，这时其他命令仍会被执行。

Redis 事务的基本操作如下：

开启事务：使用 MULTI 命令。
命令入队：在开启事务后，用户可以继续使用客户端与 Redis 服务器进行交互，所有在 MULTI 和 EXEC 之间的命令都会被放入一个队列中，并不会被立即执行。
执行事务：使用 EXEC 命令，事务中的所有命令将会被按照入队的顺序依次执行。

以下是使用 Redis 事务的 Python 示例代码：




import redis
 
# 连接到 Redis
r = redis.Redis(host='localhost', port=6379, db=0)
 
# 开启事务
r.multi()
 
# 事务中的命令入队
r.set('key1', 'value1')
r.set('key2', 'value2')
r.incr('key1')
 
# 执行事务
r.exec_()

在这个例子中，三个命令 SET key1 value1, SET key2 value2, INCR key1 会被放到一个事务中，然后一起执行。如果其中一个命令失败，Redis 会继续执行其他命令，不会回滚已执行的命令。

Laravel 会话管理：数据库驱动配置

2024-09-04

所有,php




// config/session.php
 
return [
    // ...
 
    'driver' => env('SESSION_DRIVER', 'database'), // 设置会话驱动为数据库
 
    // ...
];

在这个配置文件中，我们设置了会话驱动为数据库。这意味着Laravel会将用户的会话信息存储在数据库中，而不是使用文件或缓存。这是一个常见的用法，尤其是在多服务器环境或需要持久化会话信息时。通过.env文件中的SESSION_DRIVER环境变量，你可以轻松地在不同的驱动之间切换，例如file、cookie、database、memcached、redis等。

2024-09-04




#!/bin/bash
 
# 更新软件包列表
sudo apt-get update
 
# 安装PostgreSQL 13
sudo apt-get install -y postgresql postgresql-13 postgresql-client-13
 
# 启动PostgreSQL服务
sudo service postgresql start
 
# 切换到postgres用户
sudo -i -u postgres
 
# 创建PostGIS扩展
psql -d postgres -c "CREATE EXTENSION postgis;"
psql -d postgres -c "CREATE EXTENSION postgis_topology;"
psql -d postgres -c "CREATE EXTENSION fuzzystrmatch;"
psql -d postgres -c "CREATE EXTENSION address_standardizer;"
psql -d postgres -c "CREATE EXTENSION address_standardizer_data_us;"
psql -d postgres -c "CREATE EXTENSION postgis_tiger_geocoder;"
 
# 安装PostGIS
sudo apt-get install -y postgis postgresql-13-postgis-3
 
# 更新PostGIS扩展
psql -d postgres -c "CREATE EXTENSION postgis_topology;"
 
# 安装pgAdmin 4
sudo apt-get install -y pgadmin4
 
# 退出postgres用户
exit
 
# 设置PostgreSQL自动启动
sudo systemctl enable postgresql

这段代码首先更新了软件包列表，然后安装了PostgreSQL 13和PostgreSQL客户端。接着，它启动了PostgreSQL服务并切换到了postgres用户。之后，代码创建了PostGIS扩展，并安装了PostGIS。最后，代码安装了pgAdmin 4并设置了PostgreSQL自动启动。

Python web实战之Django的国际化和本地化详解

2024-09-04




from django.utils.translation import gettext_lazy as _
 
class MyModel(models.Model):
    title = models.CharField(max_length=200, verbose_name=_("标题"))
    description = models.TextField(verbose_name=_("描述"))
 
    def __str__(self):
        return self.title
 
class MyForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = ['title', 'description']
        labels = {
            'title': _('标题'),
            'description': _('描述'),
        }

这个代码实例展示了如何在Django模型和表单中使用gettext_lazy函数来标记翻译字符串，并且为字段提供了中文翻译的verbose_name。这样做可以使得我们的代码更易于维护，并且为了国际化和本地化的需要，我们可以轻松地添加多语言支持。

ElementUI框架中的el-checkbox复选框如何改其样式，使其变大？

2024-09-04

所有,elementui

在ElementUI中，要修改el-checkbox复选框的样式，可以通过CSS覆盖默认样式来实现。以下是一个简单的例子，展示如何通过自定义类来增大复选框的尺寸：

首先，定义一个CSS类来指定复选框的大小：




.large-checkbox .el-checkbox__inner {
  width: 20px; /* 设置复选框的宽度 */
  height: 20px; /* 设置复选框的高度 */
}
 
.large-checkbox .el-checkbox__inner::after {
  width: 100%; /* 设置选中标记的宽度 */
  height: 100%; /* 设置选中标记的高度 */
}

然后，在你的Vue组件中，使用这个类名来应用样式：




<template>
  <el-checkbox class="large-checkbox">Check me</el-checkbox>
</template>

请注意，这里的.el-checkbox__inner和.el-checkbox__inner::after选择器是ElementUI原生复选框的结构元素。如果ElementUI更新后发生了结构变化，可能需要调整相应的CSS选择器以匹配最新版本的组件。

Oracle 19c数据库的卸载（彻底卸载可重新在该盘安装）

2024-09-04

Oracle 19c数据库的卸载需要按照正确的顺序进行，以下是一般步骤：

关闭数据库：




sqlplus / as sysdba
SHUTDOWN IMMEDIATE;
QUIT

关闭监听器：
```
lsnrctl stop
```

停止Oracle服务：

在Windows上，可以在服务中手动停止所有Oracle服务，或者使用命令行：




net stop OracleServiceYOURDBNAME
net stop OracleOraDb19cTNSListener
net stop OracleOraDb19cHTTPListener

在Linux上，可以使用systemctl命令停止服务：




systemctl stop oracle-database-YOURDBNAME
systemctl stop oracle-listener

删除实例：
如果想要删除实例，需要运行dbca：
```
dbca
```
在弹出的界面中选择“删除数据库”选项。
删除Oracle软件：
```
$ORACLE_HOME/deinstall/deinstall
```
或者在图形界面中通过Oracle Universal Installer (OUI)卸载。
手动删除剩余文件和注册表项（在Windows上）。
清理环境变量和系统路径中的Oracle条目。
重启计算机。

注意：在执行以上步骤之前，请确保已备份所有重要数据。此外，根据系统和Oracle的具体配置，可能需要以管理员或具有相应权限的用户身份执行这些步骤。

使用NativeScript Feedback实现优雅的反馈提示

2024-09-04




// 引入NativeScript Feedback模块
var feedback = require("nativescript-feedback");
 
// 显示一个简单的加载提示
feedback.showLoading("正在加载...");
 
// 模拟一个异步操作
setTimeout(function() {
    // 异步操作完成后，关闭加载提示
    feedback.hideLoading();
 
    // 显示一个成功的提示信息
    feedback.success({
        message: "操作成功！"
    });
}, 2000);
 
// 显示一个带有动作按钮的信息提示
feedback.alert({
    title: "注意",
    message: "确认进行此操作吗？",
    okButtonText: "确定",
    cancelButtonText: "取消"
}).then(function(result) {
    if (result == true) {
        // 用户点击了确定按钮
        console.log("用户点击了确定");
    } else {
        // 用户点击了取消按钮
        console.log("用户点击了取消");
    }
});

这段代码展示了如何使用NativeScript Feedback模块来实现不同类型的提示信息，包括加载提示、成功提示、警告提示以及操作确认提示。通过这样的示例，开发者可以快速了解如何在他们的应用中集成这种用户反馈机制，提高用户体验。

2024-09-04

所有,java




import com.github.benmanes.caffeine.cache.Caffeine;
import org.springframework.cache.CacheManager;
import org.springframework.cache.annotation.EnableCaching;
import org.springframework.cache.caffeine.CaffeineCache;
import org.springframework.cache.support.SimpleCacheManager;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
 
import java.util.concurrent.TimeUnit;
 
@Configuration
@EnableCaching
public class CachingConfig {
 
    @Bean
    public CacheManager cacheManager() {
        CaffeineCache userCache = new CaffeineCache("users", 
            Caffeine.newBuilder()
                .expireAfterWrite(10, TimeUnit.MINUTES)
                .maximumSize(100)
                .build());
 
        return new SimpleCacheManager(userCache);
    }
}

这段代码定义了一个配置类，其中使用了Caffeine本地缓存来创建一个名为"users"的缓存。缓存将在写入后10分钟过期，并且最多可以存储100个元素。这个配置类通过@EnableCaching注解开启了Spring Cache的支持。在实际的应用中，你可以使用@Cacheable, @CachePut, @CacheEvict等注解来标注你的方法，以便于Spring Framework自动处理缓存的增、删、查操作。

Spring Boot 整合：Redis 延时队列的实现方案（基于有赞的设计）

2024-09-04

所有,redis




import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.data.redis.core.ZSetOperations;
import java.util.Set;
import java.util.concurrent.TimeUnit;
 
public class DelayQueue {
 
    private RedisTemplate<String, Object> redisTemplate;
    private String key;
 
    public DelayQueue(RedisTemplate<String, Object> redisTemplate, String key) {
        this.redisTemplate = redisTemplate;
        this.key = key;
    }
 
    public void push(Object value, long delaySeconds) {
        long score = System.currentTimeMillis() + TimeUnit.SECONDS.toMillis(delaySeconds);
        redisTemplate.opsForZSet().add(key, value, score);
    }
 
    public Object pop() {
        while (true) {
            long now = System.currentTimeMillis();
            Set<Object> values = redisTemplate.opsForZSet().rangeByScore(key, 0, now);
            if (values == null || values.isEmpty()) {
                try {
                    Thread.sleep(50);
                } catch (InterruptedException e) {
                    Thread.currentThread().interrupt();
                    break;
                }
            } else {
                ZSetOperations<String, Object> zSetOps = redisTemplate.opsForZSet();
                for (Object value : values) {
                    zSetOps.remove(key, value);
                    return value;
                }
            }
        }
    }
}

这个代码实例展示了如何使用Redis的ZSet数据结构来实现一个基本的延时队列。push方法将元素加入到延时队列中，其中score是消息需要被处理的时间。pop方法循环检查并移除那些到期的元素。这个简单的实现没有考虑优先级问题，也没有使用锁来避免并发问题，它只是展示了基本的逻辑。在实际应用中，你需要根据具体需求来扩展和优化这个实现。

vue里面通过elementUI组件实现图片预览

2024-09-04

所有,elementui

在Vue中使用Element UI组件库实现图片预览，可以使用el-image组件。以下是一个简单的例子：

首先确保你已经安装了Element UI并在你的Vue项目中引入了它。
在你的Vue组件中，使用el-image组件来显示图片，并结合el-dialog组件实现图片的弹窗预览。




<template>
  <div>
    <!-- 图片列表 -->
    <el-row :gutter="20">
      <el-col :span="6" v-for="(img, index) in images" :key="index">
        <el-image
          style="width: 100%; height: 150px"
          :src="img"
          :preview-src-list="images"
        ></el-image>
      </el-col>
    </el-row>
 
    <!-- 图片预览的对话框 -->
    <el-dialog :visible.sync="dialogVisible" title="图片预览">
      <el-image style="width: 100%; height: 600px" :src="currentImage" fit="contain"></el-image>
    </el-dialog>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      images: [
        'http://path-to-your-image1.jpg',
        'http://path-to-your-image2.jpg',
        // ... 更多图片路径
      ],
      currentImage: '', // 当前显示的图片
      dialogVisible: false, // 控制预览对话框的显示
    };
  },
  methods: {
    // 点击图片时触发的方法
    handlePreview(imgSrc) {
      this.currentImage = imgSrc;
      this.dialogVisible = true;
    },
  },
};
</script>

在这个例子中，images数组包含了所有图片的URL。el-image组件的:preview-src-list属性接受一个数组，当用户点击图片时，会显示一个预览的弹窗，用户可以通过点击左右箭头浏览其他图片。handlePreview方法用于设置当前显示的图片和显示预览对话框。