java web入门记录(二)

本文分享了一名初学者通过使用IntelliJ IDEA和Tomcat搭建开发环境的经验,并介绍了如何编写简单的JSP网页,包括表格展示和动态生成HelloWorld。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先,上篇是发挥了下诙谐的文笔来谈下与java结缘和学习的经历。嗯,就是这样的,我也是初学者一枚,但是,就在今天,java web向我展示了其伟大的魅力。不能自已啊,故,开了优快云,同前辈们共同学习,争取大的进步。
嗯,在这个讲技术的圈子里谈这些东西,是不对的。
即将发扬能动手就别BB精神,暴走的尤小帅~~~啦啦啦

先谈一下开发环境,用的是IntelJ IDEA + tomcat进行学习。
嗯,很舒适的环境,建议使用。
在配置服务时,很是麻烦,于是乎,借鉴php学习经验,一搜,还真有,那就是JSPstudy了,极力推荐使用,很灵活的部署方式。说实话,用了这个你会上瘾的。

以上方式,不再赘述,如果是想学点东西的话,按照网上教程,完全可以搭建成功,虽然会遇到问题,但解决问题的过程,正是你了解JSP运行机制的入门功夫,相信我,你会收获很多。

假使你作为一名初学者,能成功根据网上教程搭建好环境,了解了简单的运行机制。好了,咱们可以接着学习下一步操作了。博主也是得益于其他文章,才想着记下来自己的学习过程。

那么,先来个简单的JSP web页面的编写。
假如你使用的是intelj IDEA,那么咱们的缘分还是很深的。
若此,直接打开 index.jsp 文件,修改如下:

<%--
  Created by IntelliJ IDEA.
  User: soul
  Date: 2017/7/1
  Time: 13:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
      <title>理解JSP的原理</title>
  </head>
  <body>
      <div align="center">
          <table>
              <tr>
                  <td>
                      姓名
                  </td>
                  <td>
                      ID
                  </td>
              </tr>
              <%
                int i;
                String color1 = "99ccff";
                String color2 = "88cc33";
                for (i=1;i<10;i++){
                    String color = "";
                    if(i%2==0)
                        color = color1;
                    else
                        color = color2;
                    out.println("<tr bgcolor=" + color + ">");
                    out.println("<td>姓名" + i + "</td>");
                    out.println("<td>" + i + "</td>");
                    out.println("</tr>");
                }
              %>
          </table>
      </div>
  </body>
</html>

当然,刚开始,需要得到正反馈,这样,你继续学习的动力会爆棚的,请相信我。(别问我咋知道的,问也不会对你说 我昨晚十二点多睡的,今天五点多就睡不着了,只想着早点起床学习JSP。说明正反馈机制是很强大的,正如,游戏会上瘾)
上述代码运行结果

其实,第一个Demo还是想让大家学习的是经典的Hello World!
想想那个老码农退休后学习书法,研磨挥毫,沉思片刻,一气呵成一幅“Hello World”的梗,还是很有道理的,毕竟每次学新东西,都得在Hello World 上变着花样地做做文章。
来,小可爱们,看看下面的code如何?

先是index.jsp页面内容:

<%--
  Created by IntelliJ IDEA.
  User: soul
  Date: 2017/7/2
  Time: 9:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>理解JSP的原理</title>
    </head>
    <body>
    <center>
        <h1>
            <%
            int times = Integer.parseInt(request.getParameter("times"));
            for (int i=0;i<times;i++){
                out.println("Hello,World!");
                out.println("<br>");
            }
            %>
        </h1>
    </center>
    </body>
</html>

接着来实现下功能?很激动,有没有?又要见证你的一个JSP版本的Hello World 了。嗯,上代码:

<%--
  Created by IntelliJ IDEA.
  User: soul
  Date: 2017/7/2
  Time: 9:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
    <head>
        <title>理解JSP的原理</title>
    </head>
    <body>
    <center>
        <h1>
            <%
            int times = Integer.parseInt(request.getParameter("times"));
            for (int i=0;i<times;i++){
                out.println("Hello,World!");
                out.println("<br>");
            }
            %>
        </h1>
    </center>
    </body>
</html>

运行下,结果是这样吗?
理解JSP原理

输入5,submit,如下?
HelloWorld

有没有发现?
提交页面的输入框和文字没居中显示,这个,会让人感到不舒服的。在功能实现界面的Hello World是居中的,
有没有发现?

其实这就要读者和博主一起来学习html 和 css了,当然,先来点简单的玩玩,不也是很好的?
来来来,让它居中下:
其实只是一个标签的嵌套,细心的你会发现,在helloWorld.jsp 里面的内容都是在body标签下又嵌套了center标签,若此,稍微改下,就实现了居中效果。

好了,你已经和博主一起走进JSP的世界了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值