走向Java Server Page的第一个网页

环境配置

有关tomcat和jdk的环境配置在上一篇博客已经讲述,存在问题请查看上一篇。

开发需求

计算1到100的连续和,并将结果显示在一个带有样式的HTML页面中。当这个JSP页面被服务器处理时,Java代码会被执行,计算结果会被嵌入到HTML中,然后发送给客户端浏览器显示。

代码实现

首先使用Java实现数的累加:

int i, sum=0;
for(i=1;i<=100;i++)
{
   sum=sum+i;
}

就网页而言,首先设置页面的MIME类型和编码格式,要确保页面能够正确地以HTML格式显示,并且支持多种语言字符。

<%@ page contentType="text/html" %>  
<%@ page pageEncoding = "utf-8" %> 

页面的主体部分首先定义一个HTML结构,包括一个标题和一个背景颜色设置为粉红色的<body>标签。在页面中,有一个<h1>标签用来显示页面的主标题。这部分和html是一致的。

<HTML><body bgcolor = pink>
<h1>这是一个简单的JSP页面</h1>

接下去要把前面的Java代码嵌入进HTML结构,用<%  .... %>来包裹,完整的jsp代码如下:

<%@ page contentType="text/html" %>  
<%@ page pageEncoding = "utf-8" %> 
<HTML><body bgcolor = pink>
<h1>这是一个简单的JSP页面</h1>
<% int i, sum=0;
   for(i=1;i<=100;i++){
       sum=sum+i;
   }
%>
<p style="font-family:宋体;font-size:36;color:blue">
1到100的连续和是:<%=sum %> 
</p></body></HTML>    

最终实现的效果是:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值