首页 > 编程语言 >JavaWeb:实验一JSP运行环境安装及配置

JavaWeb:实验一JSP运行环境安装及配置

时间:2024-10-21 19:43:04浏览次数:6  
标签:JavaWeb 登录 个人简介 html JSP 注册 安装 链接 页面

** 制作一个静态网站的基本页面index.html,要求如下:
1.页面布局采用框架实现,页面布局及样式如图1所示。**
image

2.在页面的A部分显示显示“登录”和“注册”链接。单击“登录”链接,在C部分显示登录页面,登录页面包含一个HTML表单,页面参考样式如图2所示;单击“注册”链接,在C部分显示注册页面,注册页面也包含一个HTML表单,页面参考样式如图3所示。注册和登录页面可自行设计。

image

3.在页面的B部分显示一个链接,即网站作者的个人简介,单击该链接,能够在右边的C部分出现作者的个人简介信息。个人简介内容包括:个人基本信息(班级、学号、姓名等)、个人照片、个人简介信息等,请使用合理的HTML标签完成页面的设计。

index.html

<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="UTF-8">
 
    <title>实验一</title>
 
</head>
 
<frameset rows="30%,70%">
 
    <frame src="top.html" noresize="noresize" name="top">
 
        <frameset cols="25%,75%">
 
            <frame src="left.html" noresize="noresize" name="left">
 
                <frame src="main.html" noresize="noresize" name="main">
 
        </frameset>
 
</frameset>
 
</html>

top.html

<!DOCTYPE html>
 
<html lang="en">
 
 
 
<head>
 
    <meta charset="UTF-8">
 
    <title>top</title>
 
</head>
 
 
 
<body>
 
    <a href="login.html" target="main">登录</a>
 
    <a href="rigister.html" target="main">注册</a>
 
</body>
 
 
 
</html>

login.html

 
 
<!DOCTYPE html>
 
<html lang="en">
 
 
 
<head>
 
    <meta charset="UTF-8">
 
    <title>登录页面</title>
 
</head>
 
 
 
<body>
 
    <div>
 
        <h2>登录页面</h2>
 
    </div>
 
    <form>
 
        <div>
 
           用户名:<br> <input type="text" placeholder="请输入用户名"><br><br>
 
        </div>
 
        <div>
 
           密码:<br> <input type="text" placeholder="请输入密码"><br><br>
 
        </div>
 
        <br> <input type="submit" value="登录">
 
    </form>
 
</body>
 
 
 
</html>

rigister.html

<!DOCTYPE html>
 
<html lang="en">
 
 
 
<head>
 
    <meta charset="UTF-8">
 
    <title>注册</title>
 
</head>
 
 
 
<body>
 
    <div>
 
        <h2>登录页面</h2>
 
    </div>
 
    <div>用户名:<br>
 
    <input type="text">
 
    </div>
 
    <div>密码:<br>
 
    <input type="text"><br>
 
    </div>
 
    <div>
 
        性别:<br>
 
        <input type="radio" name="sex" checked>男
 
        <input type="radio" name="sex">女
 
    </div>
 
    <div>
 
        兴趣爱好:<br>
 
        <input type="checkbox">旅游
 
        <input type="checkbox">运动
 
        <input type="checkbox">美食
 
    </div>
 
    <div>
 
        <input type="submit" value="注册">
 
    </div>
 
</body>
 
 
 
</html>

left.html

<!DOCTYPE html>
 
<html lang="en">
 
 
 
<head>
 
    <meta charset="UTF-8">
 
    <title>left</title>
 
</head>
 
 
 
<body>
 
    <a href="intro.html" target="main">个人简介</a>
 
  
 
</body>
 
 
 
</html>

intro.html

<!DOCTYPE html>
 
<html lang="en">
 
 
 
<head>
 
    <meta charset="UTF-8">
 
    <title>Title</title>
 
</head>
 
 
 
<body>
 
    oraola
 
</body>
 
 
 
</html>
 
main.html
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
    <meta charset="UTF-8">
 
    <title>显示</title>
 
</head>
 
<body>
 
    实验一
 
</body>
 
</html>

标签:JavaWeb,登录,个人简介,html,JSP,注册,安装,链接,页面
From: https://www.cnblogs.com/whwh/p/18490138

相关文章

  • MongoDB 5 安装&副本集搭建&集群搭建
    单节点安装需要一个数据目录地址,一个日志文件地址,配置文件##数据目录地址--dapath=##日志文件--logpath=##配置文件--config=***.conf下载https://fastdl.mongodb.org/osx/mongodb-macos-x86_64-5.0.27.tgz启动命令/data/dba/yanhao/application/mongodb/bin/mong......
  • Eclipse的安装及配置(详细图解版)
    Eclipse的安装及配置1、Eclipse的安装2、Eclipse的配置3、创建一个普通的java项目1、Eclipse的安装进入官网下载EclipseEclipse官网下载地址点击DownloadPackages进入下载界面(这样下载zip的压缩文件并解压即可使用,无需安装)找到EclipseIDEforEnterpriseJavaa......
  • CentOS7下安装Mysql8.4
    一、检查先检查下有没有安装过MySqlpsajx|grepmysql#检查是否有mysql的进程psajx|grepmariabd#检查是否有mariabd的进程如果有,先停掉systemctlstopmysqld#关闭进程再看是否有Mysql安装包rpm-qa|grepmysql如果有,批量化删除安装包rpm-qa|......
  • jsp仿小鹅通知识付费微网站r8aag--程序+源码+数据库+调试部署+开发环境
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表用户,课程,培训课程,订单信息,作品分类,作品信息,书籍类型,书籍信息,购买订单开题报告内容一、研究背景与意义随着互联网的快速发展,知识付费已成为一种新兴的......
  • jsp高等学校公费医疗管理系统7vos8程序+源码+数据库+调试部署+开发环境
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、研究背景与意义随着高等教育的快速发展,高等学校公费医疗管理面临着越来越多的挑战。传统的管理方式存在信息不透明、流程繁琐、效率低下等问题......
  • jsp房屋市政调查管理系统1i523(程序+源码+数据库+调试部署+开发环境)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、研究背景随着城市化进程的加速,房屋市政管理面临着越来越多的挑战。传统的房屋市政管理方式存在信息不透明、数据不准确、流程繁琐等问题,严重影......
  • 人工智能编程助手MarsCode注册和安装步骤
    字节跳动最近推出了人工智能编程助手MarsCode,功能非常强大。下面是安装和使用方法:一、注册MarsCode账号 注册地址:点击注册二、安装VSCode开发工具打开下载网站:https://code.visualstudio.com/点击“DownloadforWindows”按钮,如下图: 下载完毕后进行安装,然后点击按钮安装......
  • java毕业设计下载(全套源码+配套论文)—— 基于java+JSP+SSH的婴幼儿产品销售系统设计与
    基于java+JSP+SSH的婴幼儿产品销售系统设计与实现(毕业论文+程序源码)大家好,今天给大家介绍基于java+JSP+SSH的婴幼儿产品销售系统设计与实现,更多精选毕业设计项目实例见文末哦。文章目录:基于java+JSP+SSH的婴幼儿产品销售系统设计与实现(毕业论文+程序源码)1、项目简介2......
  • java毕业设计下载(全套源码+配套论文)—— 基于java+JSP+SSH的网上购物系统设计与实现
    基于java+JSP+SSH的网上购物系统设计与实现(毕业论文+程序源码)大家好,今天给大家介绍基于java+JSP+SSH的网上购物系统设计与实现,更多精选毕业设计项目实例见文末哦。文章目录:基于java+JSP+SSH的网上购物系统设计与实现(毕业论文+程序源码)1、项目简介2、资源详情3、关键......
  • Linux下安装JDK1.8,CentOS7安装JDK1.8/Java8
    一、卸载自带的先检查是否有安装自带的openjdkrpm-qa|grepjava如果有,卸载rpm-e--nodeps#openjdk的名字逐个卸载完之后,确保java-version没有东西二、下载上传下载tar.gz安装包到本地例如zulu的https://www.azul.com/downloads/#downloads-table-zulu例如/usr/bi......