大象笔记

知者行之始,行者知之成

用 AI 一招搞定可视化图表,值得收藏的 Claude 提示词

前两天,尝试了 用 DeepSeek 半分钟生成软件系统架构图,但是生成的 PlantUML 虽然逻辑清晰,但是界面不够漂亮。今天恰好在小红书上刷到一个不错的替代方案,就是通过 AI 生成 draw.io 的代码。 例如,作为示例,我想生成一个“Android 平板控制脑机设备的逻辑流程”的可视化图表。 效果图 先看效果 提示词 根据描述直接生成可以运行的 draw.io 代码: 描述 Android 平板控制脑机设备的逻辑流程 注意,最好是使用 claude 来生成代码。因为之前试过 google gemini 2.0 flash 效果也不是很理想。还是 claude 更靠谱一些。可能 ...

阅读全文...

用 DeepSeek 半分钟生成软件系统架构图,或者业务流程图,AI 提示词又学到了

有时候想把项目的架构形象地画出来,毕竟一图胜千言。但 AI 时代了,能不能让 DeepSeek 直接生成项目架构图,或者业务流程图呢?今天尝试了一下,效果异常得秒 ✌️ 提示词 帮忙给出一个 plantuml 的架构图,或者时序图,用于形象展现 Android 平板通过蓝牙控制机器狗,并且机器狗的运行数据实时通过 MQTT 传到服务器,并且服务器上的web 后台可以看到这些实时数据。 生成的效果图 先看效果,当然这个图片不是直接生成的,但是为了大家不感到枯燥,就先看效果。 生成的 PlantUML 指令 将上面的提示词输入或者复制到 DeepSeek 获取其他支持深度思考的大模型都可以, ...

阅读全文...

Claude 开发网站网页的 AI 提示词

​之前是Claude 3.7 生成 APP/网站 UI 设计稿的提示词,这次更直接一些,直接生成手机自适应的网站。 原来一周的网页开发量,现在五分钟就能靠 ai 自动生成,而且美观度,交互体验,和功能细节都比我手写的要好🥲。哎,等待 ai 生成代码的时间,我还去洗了个澡 ╮(¯▽¯)╭ 这个时代真好。 用重新设计我的博客网站做示例。 提示词 我想开发一个程序员的个人博客网站,需要手机自适应,现在需要输出网页代码,请通过以下方式帮我完成所有界面的代码: 1、用户体验分析:先分析这个网站的主要功能和用户需求,确定核心交互逻辑。主要包括首页文章列表,文章详情页,分类/Tag 页面等,文章编辑页。 ...

阅读全文...

开源版 EMQX 接口查询 MQTT 设备在线状态

基于 EMQX MQTT 开发了一个设备管理,及日志存储的后台系统。 在设备管理页,想看到设备是否在线的状态显示。然后发现原来 MQTT 协议是不支持这个查询的,而是需要通过 EMQX 开放的接口中进行查询。 这里记录一下 显示效果 接口认证 参考 EMQX 官方文档,里面有多种开发语言的实现,例如这个是 go 的。 https://docs.emqx.com/zh/emqx/latest/admin/api.html#go 调用接口时,只需要把 url 替换为对应的接口即可。 api key 和 secret 需要登录 EMQX 服务自带的 web 后台,系统设置-API 密钥,去生成一 ...

阅读全文...

MySQL & golang gorm 按月份自动分表存储物联网设备日志

遇到一个存储大量在线设备日志的需求。设备日志通过 MQTT 上传,服务端使用 golang 订阅 MQTT 主题来获取日志,然后存储到 MySQL。之前,为了偷懒,使用了 InfluxDB 2 来存储这里时序数据,但是,经历了一个项目之后,我觉得还是 MySQL 好用。毕竟 influxdb 2.0 的查询语法很不习惯,而且我没有运维经验,这玩意要花时间去了解如何运维,这些时间花费的非常不值。能用最顺手的技术实现,而且稳定可靠,那么就不要折腾。 按照我的估算,按月存储日志,可以把每个表都日志量控制在 1000 万条以内,那么就不需要按天或按周存储了。 今天能把这个功能搞定,就很不错了。也算是设 ...

阅读全文...

添加 Windows 右键菜单,点击执行一段 Python 脚本

之前用 C# 实现了一个右键菜单上传本地文件到七牛云的本地工具,参见 《做程序员呢,开心最重要,用 .Net 8 开发了一个自用的 Windows 文件上传七牛云小工具》。原理就是第一次运行时,修改 Windows 注册表,添加一个右键菜单。 但是后来对 C# 的 ASP.NET AOT 很不满意,感觉就是个玩具。就又切换回 golang 了。用 golang 开发 windows 工具其实比用 C# 方便很多。这不连 C# 之父优化 TS 7.0 也选择了 golang。 回归正题,既然工具链又回到了 golang / python。那么怎么方便地修改 Windows 注册表添加右键菜单呢 ...

阅读全文...

ERROR: HTTP error 403 while getting https://pypi.tuna.tsinghua.edu.cn/packages

使用清华的 python 源 pip install 失败,报错: ERROR: HTTP error 403 while getting https://pypi.tuna.tsinghua.edu.cn/packages 据说是因为清华源不是 https 的,而 python 禁用了 http 的访问。 更换为阿里云的 python 源 pip config set global.index-url http://mirrors.aliyun.com/pypi/simple pip config set install.trusted-host mirrors.aliyun.com ...

阅读全文...

ubuntu server 下使用 /etc/fstab 挂载的 s3 存储目录,如何卸载掉

之前通过 s3fs-fuse 将 Linode Object Storage 挂载到 Ubuntu Server 本地文件系统,但是现在想将其中一个 Linode Bucket 去掉。记录一下如何操作: 直接复制了 DeepSeek 的回答,感觉比我自己整理的清晰多了 🥲 在 Ubuntu Server 下卸载通过 /etc/fstab 挂载的 S3 存储目录,需按以下步骤操作: 步骤 1:卸载挂载点 首先使用 umount 命令卸载目录: sudo umount /path/to/mount_point # 替换为实际挂载路径(如 /mnt/s3) 常见问题处理: 设备忙(Devi ...

阅读全文...

Claude 3.7 生成 APP/网站 UI 设计稿的提示词

在浏览小红书时 (@大象卷大葱),发现了一个不错的 AI 提示词模板,用于生成 APP/网站 UI 设计稿。非常实用,可以直接在 VSCode Github Copilot 插件的 Edits 中一键生成设计稿的 HTML 网页代码。 例如,我想开发一个颜色搭配的 App。 生成的设计稿效果 先看效果,就是网页啦: 提示词 我想开发一个颜色搭配的 App,现在需要输出高保真的原型图,请通过以下方式帮我完成所有界面的原型设计,并确保这些原型界面可以直接用于开发: 1、用户体验分析:先分析这个 App 的主要功能和用户需求,确定核心交互逻辑。 2、产品界面规划:作为产品经理,定义关键界面,确保 ...

阅读全文...

清理线上系统的测试数据,使用 truncate 还是 delete

有个开发了一个多月的大赛报名系统终于要上线了。上线前有一项重要的任务就是清理 MySQL 数据库中的测试数据。 简单粗暴的所有表都 truncate 一遍是不行的。因为还有一些是配置项表,和数据字典表,清空了就白忙活了。所以,需要记录哪些表是可以清理的,哪些是不行。 😅 使用 truncate 还是 delete 清理前,还有一个重要的概念。就是究竟是用 truncate 还是 delete 来清理数据表。 印象中,好多年前遇到过这个问题,还被 truncate 坑过一次。因为如果部分表用 truncate,而关联表不用的话,会导致数据错乱。原因是 truncate 会导致主键自增 ID 重置 ...

阅读全文...

微信小程序数字和字母的等宽字体

之前用微信小程序实现了一个汇率计算的功能,参见: 微信汇率计算器小程序,炒美股港股收益换算人民币小工具 但是这里有个界面的体验问题,就是数字的默认字体是非等宽字体,看起来非常别扭。 右侧的数字在垂直方向,没有对齐,看起来让人浑身难受。 查了一下微信小程序是支持设置字体的,所以,将右侧数字改成等宽字体即可。 font-family: "Courier New", Consolas, Menlo, "Roboto Mono", "Droid Sans Mono", monospace; 跨平台兼容性 一开始是从网上找了一段代码,但是实际 ...

阅读全文...

微信汇率计算器小程序,炒美股港股收益换算人民币小工具

最近有三个大象计算器小程序的热心用户,不约而同地反馈需要一个汇率换算的计算功能。但是使用场景各有不同: 有的是炒美股,例如 50 美金买了 100 股苹果的股票,80 美金💲卖出去,想知道赚了多少人民币。 有的是金融从业人员想关注国际主要货币的汇率 🤔 说干就干,在 Claude 3.7 的加持下,一部电影的时间完成了这个汇率计算微信小程序的开发。界面如下: 点击左侧的货币名称,可以切换为对应的货币为基准,查看对应的其他货币的金额。例如,由美元切换为人民币。 同时也可以点击右侧的金额,修改金额,已实现自定义金额的换算。 体验方式 长按识别,或者扫描下方小程序码,进入 微信中搜索大 ...

阅读全文...