首先,上篇是发挥了下诙谐的文笔来谈下与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>
运行下,结果是这样吗?
输入5,submit,如下?
有没有发现?
提交页面的输入框和文字没居中显示,这个,会让人感到不舒服的。在功能实现界面的Hello World是居中的,
有没有发现?
其实这就要读者和博主一起来学习html 和 css了,当然,先来点简单的玩玩,不也是很好的?
来来来,让它居中下:
其实只是一个标签的嵌套,细心的你会发现,在helloWorld.jsp 里面的内容都是在body标签下又嵌套了center标签,若此,稍微改下,就实现了居中效果。
好了,你已经和博主一起走进JSP的世界了。