开发第一个web网站

版权声明: https://blog.csdn.net/cx296649890/article/details/79980022

        马上就要开始第一个网站的开发了,IDE的使用首先肯定是新建工程,点击file-new-web project,输入项目名称,我这里是helloworld,其他默认,点击两次next后,出现创建index.jsp欢迎文件,我们这里不选择,而是一会自己创建,随后点击fininsh。

        在左侧工程窗口,点击helloworld-webroot,在webroot文件夹下创建jsp文件,命名为MyJsp.jsp,默认的jsp文件pageEncoding是iso-8859-1,不能显示中文,改为UTF-8。将整个文件修改为以下代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.text.SimpleDateFormat" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>当前时间</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>
    <script type="text/javascript">
    function realSysTime(clock){  
        var now=new Date();            //创建Date对象  
        var year=now.getFullYear();    //获取年份  
        var month=now.getMonth();    //获取月份  
        var date=now.getDate();        //获取日期  
        var day=now.getDay();        //获取星期  
        var hour=now.getHours();    //获取小时  
        var minu=now.getMinutes();    //获取分钟  
        var sec=now.getSeconds();    //获取秒钟  
        month=month+1;  
        var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");  
        var week=arr_week[day];        //获取中文的星期  
        var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;    //组合系统时间  
        clock.innerHTML=time;    //显示系统时间  
    }  
    window.onload=function(){  
        window.setInterval("realSysTime(clock)",1000);    //实时获取并显示系统时间  
        }
    </script>
    <%
    	Date date=new Date();
    	SimpleDateFormat df=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    	String time=df.format(date);
 	
     %>
     <b>打开时间:<%=time %></b>
     <br>
     <b>当前时间为:</b>
     <b id="clock"></b>
  </body>
</html>

直接运行,可以看到效果如下图所示:


该代码显示了进入该页面的时间,并实时显示现在的系统时间。

        打开Tomcat的安装文件夹下的webapps,可以发现我们在点击运行时,MyEclipse自动把文件移入了该文件夹,因此我们在部署网站时也可以这样直接移入。

    退出MyEclipse后,运行Tomcat服务器,浏览器访问本机IP+端口+(helloworld)项目文件夹名字+MyJsp.jsp即可。

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭