用JSP生成一个表格

用JSP生成一个表格,第1张

JSP中的表格是通过插入<table>标签实现的。

<html>

<body>

<table border="1">

<tr>

  <th>Month</th>

  <th>Savings</th>

</tr>

<tr>

  <td>January</td>

  <td>$100</td>

</tr>

</table>

</body>

</html>

运行结果:

可以。

例子:

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html charset=UTF-8">

        <title>RunJS</title>

    <script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/289/za0sqcyf/jquery-1.6.min.js"></script>

        <script type="text/javascript">

            $(function(){

                $("button").click(function(){

                    var html = "<tr><td style='border:1px solid white'>添加一行</td><td style='border:1px solid white'>添加一行</td></tr>"   //自己定义好要添加的信息

                    $("table").append(html)  //添加对应的内容到table

                })

            })

        </script>

    </head>

    <body>

        <button>Hello </button>

        <table style="border:1px solid yellow">

            

        </table>

    </body>

</html>

SP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 [1]  是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他 *** 作系统上运行。

它实现了Html语法中的java扩展(以 <%, %>形式)。JSP与Servlet一样,是在服务器端执行的。通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。

JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术,它的主要目的是将表示逻辑从Servlet中分离出来。

Java Servlet是JSP的技术基础,而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向因特网的所有特点。

先加一行,在加列

<table>

<tr>

<th>角色ID</th><th>角色名称</th><th>拥有的权限</th><th></th>

</tr>

<tr>

<td>1</td><td>贾强</td><td><超级管理员。。。/td><td><input type="button" value="修改"></td>

</tr>

//剩下的行一样

</table>

大概就是这样,这个是静态的数据,具体数据需要你自己替换掉<td></td>中的内容。

你这看着像是达内的教学项目吧


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7857751.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存