• 编写查询所有用户的方法-list.jsp


    list-jsp-模板
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <!DOCTYPE html>
    <!-- 网页使用的语言 -->
    <html lang="zh-CN">
    <head>
        <!-- 指定字符集 -->
        <meta charset="utf-8">
        <!-- 使用Edge最新的浏览器的渲染方式 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- viewport视口:网页可以根据设置的宽度自动进行适配,在浏览器的内部虚拟一个容器,容器的宽度与设备的宽度相同。
         默认宽度与设备的宽度相同
        initial-scale: 初始的缩放比,为1:1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
        <title>用户信息管理系统</title>
     
        <!-- 1. 导入CSS的全局样式 -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!-- 2. jQuery导入,建议使用1.9以上的版本 -->
        <script src="js/jquery-2.1.0.min.js"></script>
        <!-- 3. 导入bootstrap的js文件 -->
        <script src="js/bootstrap.min.js"></script>
        <style type="text/css">
            td, th {
                text-align: center;
            }
        </style>
    </head>
    <body>
    <div class="container">
        <h3 style="text-align: center">用户信息列表</h3>
        <table border="1" class="table table-bordered table-hover">
            <tr class="success">
                <th>编号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>籍贯</th>
                <th>QQ</th>
                <th>邮箱</th>
                <th>操作</th>
            </tr>
     
            <c:forEach items="${users}" var="user" varStatus="s">
                <tr>
                    <td>${s.count}</td>
                    <td>${user.name}</td>
                    <td>${user.gender}</td>
                    <td>${user.age}</td>
                    <td>${user.address}</td>
                    <td>${user.qq}</td>
                    <td>${user.email}</td>
                    <td><a class="btn btn-default btn-sm" href="update.html">修改</a> <a class="btn btn-default btn-sm" href="">删除</a></td>
                </tr>
            </c:forEach>
     
            <tr>
                <td colspan="8" align="center"><a class="btn btn-primary" href="add.html">添加联系人</a></td>
            </tr>
        </table>
    </div>
    </body>
    </html>
    

      

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    2.  
      <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    3.  
      <!DOCTYPE html>
    4.  
      <!-- 网页使用的语言 -->
    5.  
      <html lang="zh-CN">
    6.  
      <head>
    7.  
      <!-- 指定字符集 -->
    8.  
      <meta charset="utf-8">
    9.  
      <!-- 使用Edge最新的浏览器的渲染方式 -->
    10.  
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
    11.  
      <!-- viewport视口:网页可以根据设置的宽度自动进行适配,在浏览器的内部虚拟一个容器,容器的宽度与设备的宽度相同。
    12.  
      默认宽度与设备的宽度相同
    13.  
      initial-scale: 初始的缩放比,为1:1 -->
    14.  
      <meta name="viewport" content="width=device-width, initial-scale=1">
    15.  
      <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    16.  
      <title>用户信息管理系统</title>
    17.  
       
    18.  
      <!-- 1. 导入CSS的全局样式 -->
    19.  
      <link href="css/bootstrap.min.css" rel="stylesheet">
    20.  
      <!-- 2. jQuery导入,建议使用1.9以上的版本 -->
    21.  
      <script src="js/jquery-2.1.0.min.js"></script>
    22.  
      <!-- 3. 导入bootstrap的js文件 -->
    23.  
      <script src="js/bootstrap.min.js"></script>
    24.  
      <style type="text/css">
    25.  
      td, th {
    26.  
      text-align: center;
    27.  
      }
    28.  
      </style>
    29.  
      </head>
    30.  
      <body>
    31.  
      <div class="container">
    32.  
      <h3 style="text-align: center">用户信息列表</h3>
    33.  
      <table border="1" class="table table-bordered table-hover">
    34.  
      <tr class="success">
    35.  
      <th>编号</th>
    36.  
      <th>姓名</th>
    37.  
      <th>性别</th>
    38.  
      <th>年龄</th>
    39.  
      <th>籍贯</th>
    40.  
      <th>QQ</th>
    41.  
      <th>邮箱</th>
    42.  
      <th>操作</th>
    43.  
      </tr>
    44.  
       
    45.  
      <c:forEach items="${users}" var="user" varStatus="s">
    46.  
      <tr>
    47.  
      <td>${s.count}</td>
    48.  
      <td>${user.name}</td>
    49.  
      <td>${user.gender}</td>
    50.  
      <td>${user.age}</td>
    51.  
      <td>${user.address}</td>
    52.  
      <td>${user.qq}</td>
    53.  
      <td>${user.email}</td>
    54.  
      <td><a class="btn btn-default btn-sm" href="update.html">修改</a>&nbsp;<a class="btn btn-default btn-sm" href="">删除</a></td>
    55.  
      </tr>
    56.  
      </c:forEach>
    57.  
       
    58.  
      <tr>
    59.  
      <td colspan="8" align="center"><a class="btn btn-primary" href="add.html">添加联系人</a></td>
    60.  
      </tr>
    61.  
      </table>
    62.  
      </div>
    63.  
      </body>
    64.  
      </html>
    65.  

  • 相关阅读:
    java优雅的使用elasticsearch api
    springboot mybatis优雅的添加多数据源
    java通过shield链接Elasticsearch
    java spark-streaming接收TCP/Kafka数据
    hiveQL求差集
    hiveQL去重
    Ubuntu16.04+Opencv3.3的安装教程
    TensorFlow池化层-函数
    TensorFlow激活函数+归一化-函数
    TensorFlow图像预处理-函数
  • 原文地址:https://www.cnblogs.com/lkwkk/p/14215285.html
Copyright © 2020-2023  润新知