本帖最后由 witqyz 于 2025-12-24 11:48 编辑
--------------------------------------------------
一、一段文字就可以在Deepseck上生成HTML应用程序
二、只要把HTML应用程序，通过web调用串口API就能使用串口去与单片机了通讯和管控了。
三、成功出应用注：
1、先做一个成功的串口基础应用的HTML
（1）向Deepseck输入一段文字：
Web串口调试面板
我将设计一个专业的串口调试工具，基于Web Serial API实现，提供完整的串口调试功能。
帮做一个串口控制面板
（2）确认串口能用后，再加向Deepseck加后面的设计内容
2、参考输入文字的案例：
（1）向Deepseck输入一段文字：（109是我自己设计的编的成功的编号）
--------------------------------------------------
109-帮设计一个充放电应用界面
Web串口调试面板
我将设计一个专业的串口调试工具，基于Web Serial API实现，提供完整的串口调试功能。
帮做一个串口控制面板
使用Web Serial API与计算机串口进行通信
1、设计一个串口连接选择按钮，用navigator.serial.requestPort()实现web调用电脑中的串口；
2、设计一个发送和接收文件框，可以接收文字或16进制的数据；
3、做一个按钮，按一次向串口发送16进制“0B 0C 0F”
一、界面要求
1、软件编号为DeepSV047-16；
2、按钮用3D图标风格；
3、紫绿色背景；
4、布局
（1）左边充放电控制按钮
（2）左边显示数字表
（3）右边曲线图
二、功能要求
1、有充电，放电，暂停，停止按钮。
2、有调整电压，电流，功率，容量等4个滑动按钮和4个圆形旋钮的两种调整方式；图形旋钮和滑动按钮分开上下显示；
3、有电流、电压、功率、容量、内阻、启动时间的数字显示表，分两行显示；数字可自动按位数缩放字体大小。
4、曲线显示图中，x坐标为时间轴。
（1）设计滑动组件，改变曲线显示图的缩放坐标实现x坐标最大值的放大和缩小功能；
（2）当采集的时间大于x坐标最大值时，x坐标最大值自动增加10；
5、用5条曲线显示电流、电压、功率、容量、内阻等曲线图。1-4的功能放在一个大框区中；
6、曲线图的坐标
（1）模拟显示x坐标为时间；
（2）Y坐标为电流，电压，功率，容量曲线图和数据步显示的电压，电流，功率，容量数据记录表，右侧边有电压，电流，功率，容量多个Y轴的显示；
（3）设计一个输出曲线数据保存为execl表文件的按钮；
（4）设计一个导入数据按钮，把execl文件的数据导入表中，并按表中数据重新在曲线图中显示导入的数据曲线；
（5）设计一个清数按钮来重新清空当前曲线图中的曲线数据全为0；
（6）设计一个滑动按钮来调整曲线图的刷新速度为0.1秒、0.5秒、1秒、2秒、3秒；
（7）几个组件做在一个框中。
7、有充、放电操作记录表。
做成HTML操作界面。
附件：案例
202-充放电-HTML-Deepseck生成的实例.zip
(54.42 KB, 下载次数: 0)
--------------------------------------------------
|
[复制链接]
