|
|
本帖最后由 witqyz 于 2025-12-24 11:48 編輯
--------------------------------------------------
一、一段文字就可以在Deepseck上生成HTML應用程序
51hei圖片_20251223145754_951_2648.png (491.4 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:33 上傳
二、只要把HTML應用程序,通過web調用串口API就能使用串口去與單片機了通訊和管控了。
三、成功出應用注:
1、先做一個成功的串口基礎應用的HTML
(1)向Deepseck輸入一段文字:
Web串口調試面板
我將設計一個專業(yè)的串口調試工具,基于Web Serial API實現(xiàn),提供完整的串口調試功能。
幫做一個串口控制面板
(2)確認串口能用后,再加向Deepseck加后面的設計內容
2、參考輸入文字的案例:
(1)向Deepseck輸入一段文字:(109是我自己設計的編的成功的編號)
--------------------------------------------------
109-幫設計一個充放電應用界面
Web串口調試面板
我將設計一個專業(yè)的串口調試工具,基于Web Serial API實現(xiàn),提供完整的串口調試功能。
幫做一個串口控制面板
使用Web Serial API與計算機串口進行通信
1、設計一個串口連接選擇按鈕,用navigator.serial.requestPort()實現(xiàn)web調用電腦中的串口;
2、設計一個發(fā)送和接收文件框,可以接收文字或16進制的數(shù)據(jù);
3、做一個按鈕,按一次向串口發(fā)送16進制“0B 0C 0F”
一、界面要求
1、軟件編號為DeepSV047-16;
2、按鈕用3D圖標風格;
3、紫綠色背景;
4、布局
(1)左邊充放電控制按鈕
(2)左邊顯示數(shù)字表
(3)右邊曲線圖
二、功能要求
1、有充電,放電,暫停,停止按鈕。
2、有調整電壓,電流,功率,容量等4個滑動按鈕和4個圓形旋鈕的兩種調整方式;圖形旋鈕和滑動按鈕分開上下顯示;
3、有電流、電壓、功率、容量、內阻、啟動時間的數(shù)字顯示表,分兩行顯示;數(shù)字可自動按位數(shù)縮放字體大小。
4、曲線顯示圖中,x坐標為時間軸。
(1)設計滑動組件,改變曲線顯示圖的縮放坐標實現(xiàn)x坐標最大值的放大和縮小功能;
(2)當采集的時間大于x坐標最大值時,x坐標最大值自動增加10;
5、用5條曲線顯示電流、電壓、功率、容量、內阻等曲線圖。1-4的功能放在一個大框區(qū)中;
6、曲線圖的坐標
(1)模擬顯示x坐標為時間;
(2)Y坐標為電流,電壓,功率,容量曲線圖和數(shù)據(jù)步顯示的電壓,電流,功率,容量數(shù)據(jù)記錄表,右側邊有電壓,電流,功率,容量多個Y軸的顯示;
(3)設計一個輸出曲線數(shù)據(jù)保存為execl表文件的按鈕;
(4)設計一個導入數(shù)據(jù)按鈕,把execl文件的數(shù)據(jù)導入表中,并按表中數(shù)據(jù)重新在曲線圖中顯示導入的數(shù)據(jù)曲線;
(5)設計一個清數(shù)按鈕來重新清空當前曲線圖中的曲線數(shù)據(jù)全為0;
(6)設計一個滑動按鈕來調整曲線圖的刷新速度為0.1秒、0.5秒、1秒、2秒、3秒;
(7)幾個組件做在一個框中。
7、有充、放電操作記錄表。
做成HTML操作界面。
附件:案例
202-充放電-HTML-Deepseck生成的實例.zip
(54.42 KB, 下載次數(shù): 0)
2025-12-24 11:47 上傳
點擊文件名下載附件
下載積分: 黑幣 -5
--------------------------------------------------
51hei圖片_20251220202413_754_3116.png (1.36 MB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222014431_760_3116.png (298.13 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222015348_762_3116.png (978.57 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222031210_764_3116.png (186.42 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222114625_774_3116.png (406.22 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251223031428_372_3587.png (329.02 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:33 上傳
51hei圖片_20251222150312_3805_585.png (468.92 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222150341_3806_585.png (433.75 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222150451_3807_585.png (403.07 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:32 上傳
51hei圖片_20251222152251_3808_585.png (825.68 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:33 上傳
51hei圖片_20251223150603_954_2648.png (653.38 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:33 上傳
51hei圖片_20251223182711_375_3587.png (468.14 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:33 上傳
51hei圖片_20251223224846_3814_585.png (891.43 KB, 下載次數(shù): 0)
下載附件
2025-12-24 00:33 上傳
|
|