登陆成功跳转用户信息界面

Ⅰ.初步编写 userinfo.jsp 展示信息结构

<%--Created by IntelliJ IDEA.User: 35192Date: 2021/1/21Time: 22:04To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<div align="center"><div style="height: 15%;padding-top: 20px;"><h1 style="height: 10%">用 户 详 情</h1></div><!-- 展示用户信息  --><div><table><tr><th>序号</th><th>姓名</th><th>密码</th><th>年龄</th><th>性别</th><th>爱好</th><th>手机号</th><th>头像</th><th>操作</th></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><%--  展示界面显示头像  --%><td></td><td><%--问号右边表示要传递的内容--%><a href="#" style="color: red">删除</a>|<a href="#" style="color:blue">修改</a>|<a href="#" style="color:blue">修改头像</a></td></tr></table></div>
</div>
</body>
</html>

如下图所示，我们仅仅是编写了简单的信息展示结构。现在需要向里面进行内容的填充，也就是与数据库进行交互，将其中的用户信息获取显示在页面中。

返回顶部

Ⅱ.完善dbHepler工具类，实现数据库数据查询

这里我们实现数据库信息的全部查询，并且返回resultSet结果集，在页面中通过JavaScript的方式获取对应字段值，进行遍历展示。

/***  网页显示数据库信息* @return*/
public ResultSet selectAll(){try{// 连接getConnection();// 创建sql语句String sql = "select*from userinfo_copy1";statement = connection.createStatement();/*** 使用JDBC连接数据库需要4步：* 1、加载驱动程序；* 2、连接数据库；* 3、访问数据库；* 4、执行查询；要用statement类的executeQuery()方法来下达select指令以查询数据库，executeQuery()方法会把数据库响应的查询结果存放在ResultSet类对象中供我们使用。即语句：ResultSet rs=s.executeQuery(sql);*/resultSet = statement.executeQuery(sql);}catch (Exception e){e.printStackTrace();}return resultSet;
}

返回顶部

Ⅲ.完善 userinfo.jsp，实现JavaScript获取数据展示

<%@ page import="com.zte.dbHelper" %>
<%@ page import="java.sql.ResultSet" %><%--Created by IntelliJ IDEA.User: 35192Date: 2021/1/21Time: 22:04To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<div align="center"><div style="height: 15%;padding-top: 20px;"><h1 style="height: 10%">用 户 详 情</h1></div><!-- 展示用户信息  --><div><table><tr><th>序号</th><th>姓名</th><th>密码</th><th>年龄</th><th>性别</th><th>爱好</th><th>手机号</th><th>头像</th><th>操作</th></tr><%// 创建dbHelper工具类对象dbHelper db = new dbHelper();// 获取数据库查询结果集ResultSet resultSet = db.selectAll();// 遍历结果集while (resultSet.next()){%><tr><td><%=resultSet.getInt(1)%></td> <!-- 获取id --><td><%=resultSet.getString(2)%></td> <!-- 获取username --><td><%=resultSet.getInt(3)%></td> <!-- 获取pwd --><td><%=resultSet.getInt(4)%></td> <!-- 获取age --><td><%=resultSet.getString(5)%></td> <!-- 获取sex --><td><%=resultSet.getString(6)%></td> <!-- 获取hobby --><td><%=resultSet.getString(7)%></td> <!-- 获取phone --><td><img src="<%=resultSet.getString(8)%>" ></td> <%--  展示界面显示头像  --%><td><%--问号右边表示要传递的内容--%><a href="#" style="color: red">删除</a>|<a href="#" style="color:blue">修改</a>|<a href="#" style="color:blue">修改头像</a></td></tr><%}%></table></div>
</div>
</body>
</html>

返回顶部

Ⅳ.效果展示

返回顶部

上一篇：实现注册页面：用户注册时用户名长度限制 下一篇：用户信息界面操作 ---- 删除

【JSP】登陆成功跳转用户信息界面显示基本用户信息相关推荐

【JSP】用户信息界面操作 ---- 用户信息修改
文章目录用户信息界面操作 ---- 用户信息修改 Ⅰ.修改userinfo.jsp 实现修改页面跳转 Ⅱ.创建 userUpdate.jsp 修改页面 Ⅲ.完善 dbHelper类,添加用户修改方法 ...
转：SharePoint站点中用户信息与AD用户信息的“不一致”问题
先把问题描述一下:已把AD用户"User1"加到SharePoint站点中,然后进行如下类似操作:将"User1"从SharePoint站点中删除,将" ...
Linux查看用户信息/查看所有用户信息的命令
文章目录通过文件 /etc/passwd 来查看所有用户信息通过文件 /etc/shadow 查看所有用户信息使用 getent 命令查看所有用户信息使用 compgen 命令查看所有的用户信 ...
jsp 登陆成功后，显示登录的用户名
首先在登陆界面将用户名保存起来,我这里是将用户名提交到Servlet然后再进行保存, //从登录界面取用户参数 String uname = request.getParameter("us ...
uni-app登陆成功跳转到首页后禁止回退到登陆页面
用uni-app提供的接口uni.reLaunch(OBJECT),跳转之后可以关闭所有页面,打开到应用内的某个页面.
SSM+Mysql实现的大学校园兼职系统（功能包含注册登录，发布兼职、个人中心、论坛交流、系统公告、查看兼职信息、查看用户信息、私聊等）
博客目录 SSM+Mysql实现的大学校园兼职系统实现功能截图系统功能使用技术代码完整源码 SSM+Mysql实现的大学校园兼职系统本系统是一个在线的大学校园兼职系统,商家可以在上面发布自 ...
程序员过关斩将--要想获取我的用户信息，就得按照规矩来
菜菜君,我又来啦又有什么事吗? 我按照你上篇文章写的JWT的方式已经把网站认证写完了,而且效果还不错那恭喜你呀,下次面试又多了一项技能不过,现在又有一个问题,我做的系统有一个合作商想要利用我们的 ...
程序员如何更好地获取用户信息？
作者 | 菜菜责编 | 郭芮 YY妹:菜菜君,我又来啦.菜菜君,我又来啦菜菜君,我又来啦菜菜:又有什么事吗? YY妹:我按照你说的已经把网站认证写完了,而且效果还不错. 菜菜:恭喜你,下次面试又多 ...
Zjh游戏（十三）获取用户信息
添加获取用户信息的子操作码 using System; using System.Collections.Generic; using System.Linq; using System.Text;n ...

【JSP】登陆成功跳转用户信息界面显示基本用户信息

文章目录

登陆成功跳转用户信息界面

Ⅰ.初步编写 userinfo.jsp 展示信息结构

Ⅱ.完善dbHepler工具类，实现数据库数据查询

Ⅲ.完善 userinfo.jsp，实现JavaScript获取数据展示

Ⅳ.效果展示

【JSP】登陆成功跳转用户信息界面显示基本用户信息相关推荐

最新文章

热门文章