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

2024-04-08 00:54:59

HTML是超文本标记语言，标准通用标记语言下的一个应用。是网页制作必备的编程语言
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
HTML获取数据库的数据一般主要通过结合其它框架或者组件，如使用jsp技术，js的ajax技术。

操作方法

01

第一步：创建一个javaweb项目。打开myeclipse file --》new--》web project 具体操作如下图所示：
02

第二步：创建表。 1、创建表语句如下所示。 2、插入测试信息。 INSERT INTO `p_user` VALUES ('1', 'A', '男'); INSERT INTO `p_user` VALUES ('2', 'B', '女'); INSERT INTO `p_user` VALUES ('3', 'C', '男');
03

第三步：使用jstl标签连接数据库。 1、web项目引入mysql连接数据库驱动包放入lib目录下。执行build path命令如下图所示。 2、在index.jsp页面中引入jstl标签库并编写查询数据库代码。 2.1 引入标签库如下图 2.2 编辑代码，如下图所示  <sql:setDataSource var="mysource" driver="com.mysql.jdbc.Driver" url="jdbc:mysql://localhost:3306/test?serverTimezone=UTC" user="root" password="root" />  <sql:query var="user" dataSource="${mysource}" sql="select id,name,sex from p_user" />  <c:forEach var="row" items="${user.rows}"> I D：<c:out value="${row.id}" /><br/> 名称：<c:out value="${row.name}" /><br/> 性别：<c:out value="${row.sex}" /><br/> <br /> </c:forEach>
04

第四步：部署测试。 1、将项目部署到tomcat服务器中。 2、启动tomcat服务器开始测试。 3、打开谷歌浏览器输入地址，结果如下图所示测试成功。

赞 (0)

手机版搜狗浏览器中的表单密码数据如何清除

今天给大家介绍一下手机版搜狗浏览器中的表单密码数据如何清除的具体操作步骤.1首先解锁手机,找到桌面上的搜狗浏览器APP,打开.2. 如图,进入主页面后,点击右上角的三横图标.3. 在下方打开的页面,点 ...
如何使用金数据制作美观实用表单之最全使用攻略

分享本人使用金数据表单的,为你制作一个美观实用的金数据表单,让你的工作效率翻倍!利用好金数据表单就可以媲美一个强大的表格,统计系统. 操作方法 01 注册账号后登录金数据网页会自动进入金数据个人中心 ...
兔展h5如何查看表单数据？

许多人在制作h5时喜欢用表单收集信息,但收集到的信息如何查看呢,下面为大家简单介绍一下操作方法 01 点击昵称下拉框中的用户中心 02 点击作品[查看表单]按钮 03 如果表单有数据,就会显示出来, ...
EXCEL工作簿怎么单独提取一个表单?

一个Excel文件常常包含有数个工作簿(表单),工作中有时候只需要提取其中的一张或者数张工作簿(表单),如何操作能确保被提取的工作簿(表单)数据和格式都保持不变? 方法一: 1.打开Excel原始文件 ...
表单大师+手机抽奖，新CP组合！

都说娱乐圈的明星喜欢卖CP梗,但是,我们表单大师自带CP属性.今天表姐就来说说"表单大师+手机抽奖"这对营销CP. 许多时候我们通过表单收集数据,但是,收集完数据就结束了吗?显然不 ...
搜狗浏览器表单怎么清除保存的数据?

相信大家使用搜狗浏览器的不在少数，使用的时候，会提示你保存表单数据，比如登录网站的用户名和密码，然后下次可以直接登录，这样是方便，但是如果不使用这台电脑了，如何去掉表单信息，防止信息泄漏呢? 1、比如 ...
excel中那两个不同的表单sheet中的数据如何求和

excel中那两个不同的表单sheet中的数据如何求和?也就是说在同一个工作薄中的两个工作表sheet1根sheet2中的数据如何求和或者是合并内容: 操作方法 01 首先想要实现该功能,必须是建立在 ...
Jquery技巧：使用ajax技术提交表单数据

ajax技术带给我们的是良好的用户体验,同时,使用jquery可以简化开发,提高工作效率. 下面就介绍一下大致的开发步骤. 操作方法 01 新建两个页面: 1.show.jsp:调用ajax,将表单中 ...
如何清除edge浏览器中已保存的表单数据

我们使用的edge浏览器,默认保存表单数据,想要进行清除,该怎么操作呢?今天就跟大家介绍一下如何清除edge浏览器中已保存的表单数据的具体操作步骤.1. 首先打开电脑,找到桌面上的edge浏览器图标, ...