创建并发布一个JSP网站

最新推荐文章于 2024-08-08 12:04:21 发布

gamedev˚

最新推荐文章于 2024-08-08 12:04:21 发布

阅读量3.6k

点赞数

分类专栏：【编程语言】➣ jsp

欢迎转载，注明作者和出处就好！如果有任何问题或文章存在明显的谬误，请留言说明原因谢谢，我也可以知道原因，不断进步！

本文链接：https://blog.csdn.net/Coder__CS/article/details/70229583

版权

【编程语言】➣ jsp 专栏收录该内容

28 篇文章 1 订阅

订阅专栏

实验二创建并发布一个JSP网站
一、实验目的
1、掌握tomcat配置及使用方法；
2、熟悉Eclipse；
3、掌握在Eclipse中创建JSP网站，并发布的基本过程。
二、实验内容
在Eclipse中创建并发布一个JSP网站。要求如理论课本P58简答题2.
三、实验方法
1、打开Eclipse, 创建一个名称为自己名字的动态web项目。
2.在项目中的webContent节点下创建一个名为index.jsp的JSP文件，并设置页面采用UTF-8编码。
3.在index.jsp中，参照电子课件第2章《JSP动态网页设计基础》知识来设计web页面元素，利用javascript+css完成实验要求。
4.运行index.jsp.
四、实验学时：2学时(第4周)
五、实验代码：
word.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>猜字谜</title>
<style type="text/css">
#div1 {
    background-color: #A9A9A9;
    padding: 10px 0 10px 0;
    margin: 3px 10% 3px 10%;
    text-align: center;
    font-size: 30px;
    font-family: Georgia;
}

#div2 {
    background-color: #DCDCDC;
    margin: 3px 10% 3px 10%;
    font-size: 15px;
    text-indent: 5em;
}

#div3 {
    background-color: #808080;
    text-align: right;
    margin: 3px 10% 3px 10%;
    padding: 10px 5px 10px 0;
}
</style>
</head>
<body>
    <div id="div1">
        <script type="text/javascript">
            var today = new Date();
            var day = today.getDate();
            var month = today.getMonth() + 1;
            var year = today.getFullYear();
            var week = today.getDay();
            var vm = new Array("星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
            document.write("今天是" + year + "年" + month + "月" + day + "日"
                    + vm[week] + " ---欢迎您来猜一猜");

            function answer() {
                document.write("<br>谜底是三种动物！");
                document.body.style.backgroundColor = "#FFFFE0";//改变背景色
            }
        </script>
    </div>
    <div id="div2">
        <br>
        <br>
        <p>谜语：</p>
        <br />
        <p>1.一只羊在吃草，一只狼从旁边经过没有吃羊。</p>
        <p>2.又一只狼经过，还是没有吃羊。</p>
        <p>3.第三只狼经过，羊冲狼大叫，狼还是没有吃羊。</p>
        <p>打：3种动物</p>
        <br>
    </div>
    <div id="div3">
        <input type="button" value="查看谜底" onclick="answer()" />
    </div>
</body>
</html>