首页 > 软件开发 > MYSQL >

html如何连接数据库表单显示数据

来源:互联网 2023-03-16 22:57:54 版权归原作者所有,如有侵权,请联系我们

HTML是超文本标记语言,标准通用标记语言下的一个应用。是 网页制作必备的编程语言h0L办公区 - 实用经验教程分享!

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。h0L办公区 - 实用经验教程分享!

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。h0L办公区 - 实用经验教程分享!

HTML获取数据库的数据一般主要通过结合其它框架或者组件,如使用jsp技术,js的ajax技术。h0L办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • myeclipse

方法/步骤

  • 1

    第一步:创建一个javaweb项目。h0L办公区 - 实用经验教程分享!

    打开myeclipse file --》new--》web projecth0L办公区 - 实用经验教程分享!

    具体操作如下图所示:h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

  • 2

    第二步:创建表。h0L办公区 - 实用经验教程分享!

    1、创建表语句如下所示。h0L办公区 - 实用经验教程分享!

    2、插入测试信息。h0L办公区 - 实用经验教程分享!

    INSERT INTO `p_user` VALUES ('1', 'A', '男');h0L办公区 - 实用经验教程分享!

    INSERT INTO `p_user` VALUES ('2', 'B', '女');h0L办公区 - 实用经验教程分享!

    INSERT INTO `p_user` VALUES ('3', 'C', '男');h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

  • 2该信息未经授权抓取自百度经验
  • 3

    第三步:使用jstl标签连接数据库。h0L办公区 - 实用经验教程分享!

    1、web项目引入mysql连接数据库驱动包放入lib目录下。执行build path命令如下图所示。h0L办公区 - 实用经验教程分享!

    2、在index.jsp页面中引入jstl标签库并编写查询数据库代码。h0L办公区 - 实用经验教程分享!

    2.1 引入标签库如下图h0L办公区 - 实用经验教程分享!

    2.2 编辑代码,如下图所示h0L办公区 - 实用经验教程分享!

    !-- 第一步配置mysql的数据源 -->h0L办公区 - 实用经验教程分享!

    sql:setDataSource var="mysource" driver="com.mysql.jdbc.Driver"h0L办公区 - 实用经验教程分享!

    url="jdbc:mysql://localhost:3306/test?serverTimezone=UTC" user="root"h0L办公区 - 实用经验教程分享!

    password="root" />h0L办公区 - 实用经验教程分享!

    !-- 第二步:编写查询sql -->h0L办公区 - 实用经验教程分享!

    sql:query var="user" dataSource="${mysource}"h0L办公区 - 实用经验教程分享!

    sql="select id,name,sex from p_user" />h0L办公区 - 实用经验教程分享!

    !-- 第三步:输出查询结果 -->h0L办公区 - 实用经验教程分享!

    c:forEach var="row" items="${user.rows}">h0L办公区 - 实用经验教程分享!

    I D:c:out value="${row.id}" />br/>h0L办公区 - 实用经验教程分享!

    名称:c:out value="${row.name}" />br/>h0L办公区 - 实用经验教程分享!

    性别:c:out value="${row.sex}" />br/>h0L办公区 - 实用经验教程分享!

    br />h0L办公区 - 实用经验教程分享!

    /c:forEach>h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

  • 4

    第四步:部署测试。h0L办公区 - 实用经验教程分享!

    1、将项目部署到tomcat服务器中。h0L办公区 - 实用经验教程分享!

    2、启动tomcat服务器开始测试。h0L办公区 - 实用经验教程分享!

    3、打开谷歌浏览器输入地址,结果如下图所示测试成功。h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

    html如何连接数据库表单显示数据h0L办公区 - 实用经验教程分享!

  • 注意事项

    • 项目需要引入 mysql驱动包
    • jsp页面需要引入jstl标签

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!h0L办公区 - 实用经验教程分享!


    标签: HTMLJAVAMYSQL

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号