DeepSeek生成的，51单片机的上位机机HTML代码的进化

ID:636442 · 发表于 2026-5-3 15:46

本帖最后由 witqyz 于 2026-5-3 16:06 编辑

1、在Deepseek，从一句话开始，慢慢不断的叠加和升级
  103-串口绘图软件V001-01
使用Web Serial API与计算机串口进行通信
   （1）设计一个串口连接选择按钮，用navigator.serial.requestPort()实现web调用电脑中的串口；
   （2）做成一个串口收、发的HTML代码

2、上下文会满，每次只能最多做（大）5~（小）10个左右的html代码。
3、如果上下文字满后，再用deepseek，把上次的文字再重超一次。这样就可以继续开发。
4、如果当天deepseek一直出编程出问题，要停止下来，过了另外一天，再重新，会有不同的效果
5、总之，要不断的多多试错，直到得到想要的
6、有时deepseekg一直搞不定的，我换Trae来修改一下。
Trae在一些细节上修改很快速，但，整体编程思路上，还是有deepseek最为流畅
7、我也试过，豆包，千问，，，，包括一些GTP，

8、目前，的软件还没有完善，如上图。（1）可以完全收缩起来
（2）可以完全展开
（3）独立栏目，可以按自己的使用习惯，随意上下移动，
  最后由于免费和流畅问题，还是一直用deepseek最为好用。
  如果有兴趣的在大家可以建立一个长期兴趣小组来组合一起修改。
  一个人，修改的地方和方向有限，还需要更多一起合来修改。

9、经过众多次的修改，最后才得到一个相对好看点的界面效果。

这个界面里的组件，可以按用户的习惯进行位置移动和排版。

10、整个51单片机的html上位机的组成结构
（1）串口收发调整栏。这个是基础，

（2）串口协议解释和构建栏，对接不同的协议。
可以在这里换不同的协议。用deepseek来更换，很容易现实。

（3）快捷指令控制栏和数据显示。有了数据就容易实现曲线图

（4）实时绘图与显示。包括导出，导入数据等功能。方便数据回调显示。

实实曲线，目前是每秒1频。后面有条件会加快速上传速度。

数据导入，回看。

设计了曲线背景和参考线可换颜色，
有利于观察和显示清晰。

（5）预留“数据传递参数列表”，这是很关键的预留。
在设计的最初预留的一些变量，用于对另外的一个窗体进行数据交换时用。
目前，这个是一个单一独立的窗体在运行。
后面，会设计多外独立的窗体进行数据交换和相互协作。
这个变量是很关键的。

（6）剩下的就是一些窗体界面、颜色和数值的配置。这部分可以因人而定。

帐号		自动登录	找回密码
密码			立即注册