java web入门记录（二）

来源：互联网发布：跳转打开淘宝客户端编辑：程序博客网时间：2024/06/05 05:02

首先，上篇是发挥了下诙谐的文笔来谈下与java结缘和学习的经历。嗯，就是这样的，我也是初学者一枚，但是，就在今天，java web向我展示了其伟大的魅力。不能自已啊，故，开了CSDN，同前辈们共同学习，争取大的进步。
嗯，在这个讲技术的圈子里谈这些东西，是不对的。
即将发扬能动手就别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的世界了。

阅读全文

1 0