(十二)Hello,World! – 在嵌入式Web上使用图像-PHPoC

释放双眼,带上耳机,听听看~!
源代码由HTML,CSS和PHPoC代码组成。 PHPoC代码在PHPoC设备上进行解析。 PHPoC代码可以添加/更新HTML,CSS或JavaScript代码的内容。

硬件

  • PHPoC Blue(+ USB WLAN)或PHPoC Black(+以太网电缆)
  • Micro USB转USB线(将源代码上传到PHPoC设备)

快速步骤

此示例的源代码是PHPoC支持包(PSP)的一部分。你需要:

  • 下载PHPoC支持包。
  • 示例\ p4s \ 03.html_image \ 00.hello上传到PHPoC Blue / Black。
  • 配置网络参数(例如WiFi SSID,密码,IP地址……)。
  • 使用PC或智能手机上的Web浏览器访问PHPoC上的网页(请参阅操作方法)。

如果您是第一次使用PHPoC,请参阅如何使用PSP

源代码

源文件包括:

  • index.php:此文件包含网页的源代码。它仅在响应Web浏览器的请求时运行。
  • hello.png:图片

index.php 

[完整代码]

PHP代码:

<html>
<head>
<title>PHPoC / echo system("uname -i")?>title>
<meta name="viewport" content="width=device-width, initial-scale=0.5">
<style> body { text-align: center; } style>
head>
<body>

<img src="hello.png"><br>

body>
html>

[说明] index.php文件

源代码由HTML,CSS和PHPoC代码组成。 PHPoC代码在PHPoC设备上进行解析。 PHPoC代码可以添加/更新HTML,CSS或JavaScript代码的内容。在PHPoC中解析HPoC代码后,剩下的代码是客户端代码,并返回到Web浏览器。Web浏览器接收此代码并对其进行解释以显示网页。

  • HTML:描述网页的结构
  • CSS:描述HTML元素的显示方式

给TA打赏
共{{data.count}}人
人已打赏
PHPoC-PHP编程

(十一)Hello,world! – 通过UART发送数据-PHPoC

2018-11-27 23:26:44

PHPoC-PHP编程

(十三)Hello,World!-通过WebSocket发送消息-PHPoC

2019-1-7 23:56:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
'); })();