0

0

如何将数据库的信息显示在html上

霞舞

霞舞

发布时间:2026-02-14 20:48:10

|

333人浏览过

|

来源于php中文网

原创

php中需用$row['field']取值而非echo $row;node.js模板传参要解构清晰;fetch需设content-type和cors头;sql注入与xss须从首行代码防范。

如何将数据库的信息显示在html上

PHP 里用 mysqli_fetch_assoc() 拿数据,别直接 echo 数组

直接 echo $row 会报 Array to string conversion 警告,因为 PHP 不允许把数组当字符串输出。得一层层取字段值。

常见错误是写成:echo $row;print_r($row) 塞进 HTML 正文里——页面会混入大量调试信息,还可能暴露结构。

  • 正确做法:循环中用 $row['username']$row['email'] 这种带键名的方式取值
  • 确保 SQL 查询成功再遍历,加 if ($result && mysqli_num_rows($result) > 0) 判断
  • 字段名大小写敏感,数据库里是 user_name,代码里写成 $row['UserName'] 就拿不到

Node.js + Express 中 res.render() 渲染模板时传参要解构清楚

EJSPug 时,后端 res.render('list', { users: rows }),前端模板里必须写 ,不能漏掉 users. 这一层。

容易踩的坑是数据库返回的是二维数组(如 [[1,'alice'],[2,'bob']]),但模板默认期待对象数组([{id:1,name:'alice'}])。这时候要么在查询时用 rows.map(r => ({id:r[0],name:r[1]})) 转换,要么改 SQL 加字段别名(SELECT id AS user_id, name AS full_name FROM users)。

立即学习前端免费学习笔记(深入)”;

某个性淘客站整站打包
某个性淘客站整站打包

1、演示:以截图为准 2、安装说明: 1,运行 你的域名/install/index.php填写相关信息进行安装, 2,安装后运行 你的域名/dede进入后台--系统--数据备份/还原---点击右上数据还原---开始还原数据 3, 系统--系统基本设置--站点设置--域名改为你的域名(否则显示不正常) 这一步很重要 更新主页HTML 更新栏目HTML 更新文档HT

下载
  • Express 默认不处理数据库连接,记得用 mysql2pg 等驱动,别依赖已弃用的 mysql
  • res.render()Cannot read property 'forEach' of undefined,大概率是没传 users 或传了 null
  • 模板里写 是调试手段,上线前删掉,避免 XSS 风险

前端用 fetch 从 API 拿数据,跨域和 Content-Type 得对上

后端 API 返回 JSON,但响应头没设 Content-Type: application/json,前端 response.json() 就会抛 Unexpected token 错误。不是数据错了,是浏览器根本没当成 JSON 解析。

另一个高频问题是本地开发时后端跑在 localhost:3000,前端在 file:// 打开 HTML,fetch 直接被浏览器拦截——这不是代码问题,是协议不一致导致的跨域限制。

  • 后端加响应头:res.setHeader('Access-Control-Allow-Origin', '*')(开发用,生产请限定域名)
  • fetch 后必须链式调用 .then(r => r.json()),不能省;如果后端返回的是纯 HTML 片段,就该用 r.text()
  • HTML 中写 fetch('/api/users').then(...),路径别写成绝对 URL(如 http://localhost:8000/api/users),否则部署到子路径时会 404

SQL 注入和 XSS 不是“以后再修”,得从第一行代码防起

拼接 SQL 字符串("SELECT * FROM users WHERE id = " + req.query.id)或者把数据库字段原样 innerHTML = row.name 插进页面,等于把服务器和用户浏览器同时交给攻击者。

参数化查询和 HTML 转义不是可选项。Node.js 用 mysql2query('SELECT * FROM users WHERE id = ?', [id]);前端渲染前用 DOMPurify.sanitize() 或至少 textContent 替代 innerHTML

  • 即使字段内容看起来“只是名字”,也可能含 <script></script>javascript:alert(1)
  • 后端返回的 JSON 如果带 HTML 字符串(如 {"bio":"<b>Admin</b>"}),前端决定是否渲染为 HTML,而不是默认信任
  • 本地开发时关掉浏览器的 XSS Auditor(Chrome 已移除),别靠它兜底

事情说清了就结束。真正卡住人的,往往不是怎么连数据库,而是哪一步少转义、哪个 header 没配、哪次 fetch 忘了 catch 错误。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据分析工具有哪些
数据分析工具有哪些

数据分析工具有Excel、SQL、Python、R、Tableau、Power BI、SAS、SPSS和MATLAB等。详细介绍:1、Excel,具有强大的计算和数据处理功能;2、SQL,可以进行数据查询、过滤、排序、聚合等操作;3、Python,拥有丰富的数据分析库;4、R,拥有丰富的统计分析库和图形库;5、Tableau,提供了直观易用的用户界面等等。

922

2023.10.12

SQL中distinct的用法
SQL中distinct的用法

SQL中distinct的语法是“SELECT DISTINCT column1, column2,...,FROM table_name;”。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

334

2023.10.27

SQL中months_between使用方法
SQL中months_between使用方法

在SQL中,MONTHS_BETWEEN 是一个常见的函数,用于计算两个日期之间的月份差。想了解更多SQL的相关内容,可以阅读本专题下面的文章。

374

2024.02.23

SQL出现5120错误解决方法
SQL出现5120错误解决方法

SQL Server错误5120是由于没有足够的权限来访问或操作指定的数据库或文件引起的。想了解更多sql错误的相关内容,可以阅读本专题下面的文章。

1636

2024.03.06

sql procedure语法错误解决方法
sql procedure语法错误解决方法

sql procedure语法错误解决办法:1、仔细检查错误消息;2、检查语法规则;3、检查括号和引号;4、检查变量和参数;5、检查关键字和函数;6、逐步调试;7、参考文档和示例。想了解更多语法错误的相关内容,可以阅读本专题下面的文章。

369

2024.03.06

oracle数据库运行sql方法
oracle数据库运行sql方法

运行sql步骤包括:打开sql plus工具并连接到数据库。在提示符下输入sql语句。按enter键运行该语句。查看结果,错误消息或退出sql plus。想了解更多oracle数据库的相关内容,可以阅读本专题下面的文章。

1210

2024.04.07

sql中where的含义
sql中where的含义

sql中where子句用于从表中过滤数据,它基于指定条件选择特定的行。想了解更多where的相关内容,可以阅读本专题下面的文章。

583

2024.04.29

sql中删除表的语句是什么
sql中删除表的语句是什么

sql中用于删除表的语句是drop table。语法为drop table table_name;该语句将永久删除指定表的表和数据。想了解更多sql的相关内容,可以阅读本专题下面的文章。

434

2024.04.29

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

76

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.3万人学习

AngularJS教程
AngularJS教程

共24课时 | 3.6万人学习

CSS教程
CSS教程

共754课时 | 31.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号