当前位置 : 主页 > 编程语言 > python >

Node-RED中根据HTML文件建立Web网站

来源:互联网 收集:自由互联 发布时间:2023-03-22
场景 上面使用html文字内容实构造Web网站,怎样根据现有的HTML文件内容构建网站那。 注: 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、新建一个HT

场景

上面使用html文字内容实构造Web网站,怎样根据现有的HTML文件内容构建网站那。

注:

关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。

实现

1、新建一个HTML文件,并将其放在D盘根目录下

<!doctype html><html><head> <title>霸道的程序猿</title> <meta charset="utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <style type="text/css"> body { background-color: #f0f0f2; } div { width: 600px; margin: 5em auto; padding: 50px; background-color: #fff; border-radius: 1em; } </style> </head><body><div> <h1>公众号:霸道的程序猿</h1></div></body></html>

2、设计流程

Node-RED中根据HTML文件建立Web网站_html

3、编辑http in节点

Node-RED中根据HTML文件建立Web网站_bc_02

4、编辑read file节点

Node-RED中根据HTML文件建立Web网站_nodered_03

文件名为上面的html文件绝对路径,输出为一个utf-8字符串

5、部署并访问

​​http://127.0.0.1:1880/page​​

Node-RED中根据HTML文件建立Web网站_UI_04

6、json数据

[ { "id": "f4a4d8eab7935bc8", "type": "tab", "label": "流程 3", "disabled": false, "info": "", "env": [] }, { "id": "c428312d1f6165d1", "type": "mqtt-broker", "name": "mqtt", "broker": "127.0.0.1", "port": "1883", "clientid": "", "autoConnect": true, "usetls": false, "protocolVersion": "4", "keepalive": "60", "cleansession": true, "birthTopic": "", "birthQos": "0", "birthPayload": "", "birthMsg": {}, "closeTopic": "", "closeQos": "0", "closePayload": "", "closeMsg": {}, "willTopic": "", "willQos": "0", "willPayload": "", "willMsg": {}, "sessionExpiry": "" }, { "id": "51eee50b4ec9422f", "type": "ui_group", "name": "dashboardDemo", "tab": "29ae4c620f43ee0d", "order": 1, "disp": true, "width": "6", "collapse": false, "className": "" }, { "id": "29ae4c620f43ee0d", "type": "ui_tab", "name": "Home", "icon": "dashboard", "disabled": false, "hidden": false }, { "id": "a506c767a5c1edbd", "type": "ui_base", "theme": { "name": "theme-light", "lightTheme": { "default": "#0094CE", "baseColor": "#0094CE", "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif", "edited": true, "reset": false }, "darkTheme": { "default": "#097479", "baseColor": "#097479", "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif", "edited": false }, "customTheme": { "name": "Untitled Theme 1", "default": "#4B7930", "baseColor": "#4B7930", "baseFont": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif" }, "themeState": { "base-color": { "default": "#0094CE", "value": "#0094CE", "edited": false }, "page-titlebar-backgroundColor": { "value": "#0094CE", "edited": false }, "page-backgroundColor": { "value": "#fafafa", "edited": false }, "page-sidebar-backgroundColor": { "value": "#ffffff", "edited": false }, "group-textColor": { "value": "#1bbfff", "edited": false }, "group-borderColor": { "value": "#ffffff", "edited": false }, "group-backgroundColor": { "value": "#ffffff", "edited": false }, "widget-textColor": { "value": "#111111", "edited": false }, "widget-backgroundColor": { "value": "#0094ce", "edited": false }, "widget-borderColor": { "value": "#ffffff", "edited": false }, "base-font": { "value": "-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif" } }, "angularTheme": { "primary": "indigo", "accents": "blue", "warn": "red", "background": "grey", "palette": "light" } }, "site": { "name": "Node-RED Dashboard", "hideToolbar": "false", "allowSwipe": "false", "lockMenu": "false", "allowTempTheme": "true", "dateFormat": "DD/MM/YYYY", "sizes": { "sx": 48, "sy": 48, "gx": 6, "gy": 6, "cx": 6, "cy": 6, "px": 0, "py": 0 } } }, { "id": "248cbbb0.18e794", "type": "ui_group", "name": "MyGroup", "tab": "3f79c420.cfc1bc", "order": 1, "disp": true, "width": "6", "collapse": false }, { "id": "3f79c420.cfc1bc", "type": "ui_tab", "name": "Home", "icon": "dashboard", "disabled": false, "hidden": false }, { "id": "a0954be5.a7f7e8", "type": "ui_group", "name": "MyInput", "tab": "3f79c420.cfc1bc", "order": 2, "disp": true, "width": "6", "collapse": false }, { "id": "508bd6f8398ab80f", "type": "ui_group", "name": "OpenWeatherMap", "tab": "3f79c420.cfc1bc", "order": 3, "disp": true, "width": "6", "collapse": false }, { "id": "8824dea1.83e31", "type": "websocket-client", "path": "ws://localhost:9898/", "tls": "", "wholemsg": "false" }, { "id": "2e323c0.525d0c4", "type": "http in", "z": "f4a4d8eab7935bc8", "name": "", "url": "/page", "method": "get", "upload": false, "swaggerDoc": "", "x": 260, "y": 180, "wires": [ [ "c36cadb3.912f6" ] ] }, { "id": "c36cadb3.912f6", "type": "file in", "z": "f4a4d8eab7935bc8", "name": "", "filename": "D:\\\\badao.html", "format": "utf8", "chunk": false, "sendError": false, "encoding": "none", "allProps": false, "x": 430, "y": 180, "wires": [ [ "e1ae2953.960928" ] ] }, { "id": "e1ae2953.960928", "type": "http response", "z": "f4a4d8eab7935bc8", "name": "", "statusCode": "", "headers": {}, "x": 600, "y": 180, "wires": [] }]
网友评论