关闭

J2EE实验1:WEB基础

标签: htmljsj2ee
428人阅读 评论(0) 收藏 举报

实验1:WEB基础

实验要求:

  1. 通过解压方式安装Tomcat服务器,安装目录为C:\ apache-tomcat-6.0.18
  2. 将上面的Tomcat停止,启动系统中已经安装的Tomcat,并重新测试其运行效果。
  3. 通过另一台机器访问所安装的Tomcat服务器。
  4. 编写实现用户注册的HTML页面,表单的action属性为任意。页面效果如下图所示(为了便于了解表格的应用情况,图示页面特意增加了表格边框,设计完成后应把表格边框去掉)

  5. 将上述页面部署到服务器上,并通过访问该页面查看页面效果。
  6. 在页面内增加简单的JavaScript验证代码,以验证用户名称为空、用户名称或密码长度不足等问题(选做)。




这个实验很简单,直接贴代码了。

index.html

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>实验1</title>
    </head>
    <body>
        <script type="text/javascript">
            function FunSubmit(){
                if (document.myform.Account.value == ""){
                    alert("帐号不能为空!");
                    return false;
                }
                if (document.myform.KeyWord.value == ""){
                    alert("密码不能为空!");
                    return false;
                }
                if (document.myform.KeyWord.value.length < 6) {
                    alert("密码长度不足6位!");
                    return false;
                }
                if (document.myform.KeyWordAgain.value != document.myform.KeyWord.value){
                    alert("两次密码不一致!");
                    return false;
                }
                if (document.myform.Answer.value == ""){
                    alert("密保答案不能为空!");
                    return false;
                }
                return true;
            }
        </script>
        <form action = "RegistSucceed.html" name ="myform" method=post>
            <h1>HTML基础-注册表单</h1>
            <hr/>
            <center>
                <table  width = "50%" >
	                <tr>
		                <td width =" 25%"  align= "right">登陆名称:</td>
		                <td width = "25%"><input type="text" name = "Account" style="width:100" /></td>
	                </tr>
	                <tr>
	                    <td align = "right">登陆密码:</td>
		                <td><input type="password" name = "KeyWord" style="width:100"/></td>
	                </tr>
	                <tr>
	                    <td align = "right">密码确认:</td>
		                <td><input type="password" name = "KeyWordAgain" style="width:100"/></td>
	                </tr>
	                <tr>
	                    <td align = "right">密码保护问题:</td>
		                <td>
		                    <select name="ProtectProblem">
		                        <option>你的宠物叫什么名字?</option>
		                        <option>你妈妈的生日是什么?</option>
		                        <option>你爸爸的生日是什么?</option>
		                    </select>
		                </td>
	                </tr>
	                <tr>
	                    <td align = "right">问题答案:</td>
		                <td><input type="text" name="Answer" style="width:100"/></td>
	                </tr>
	                <tr>
	                     <td align = "right">性别:</td>
		                <td>
		                    <input type="radio" name = "Sex" value="男" checked = "checked"/>男
		                    <input type="radio" name = "Sex" value="女"/>女
		                </td>
	                </tr>
	                <tr>
	                    <td colspan="2">
	                        <center>
	                            <input type="submit" value="注册" onclick="return FunSubmit();"/>
	                            <input type="reset" value="重填"/>
	                        </center>
	                    </td>
	                </tr>
                </table>
            </center>
        </form>
        <hr/>
        <center>
            <h6>20135301</h6>
        </center>
</body>
</html>

其中需要注意的是JS代码,JS对于WEB控件的使用都是通过document方法来引用的。还有JS中无须定义变量类型,所以JS的函数也不用写返回值,直接return就可以了。

在submit按钮的onclick属性中加return FunSubmit()的意思就是,如果FunSubmit返回true就提交表单,否则不提交表单。


0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

java 多线程基础(一)——线程创建及五种状态

最近在使用SOA的模式重构搞笑平台,在考试系统模块,期望使用上多线程,之前对多线程有过一些了解,不过具体的实现是在.net平台下的。虽然一年前接触过j2se的关于多线程的一些知识,但是感觉还是不够,于...
  • lmdcszh
  • lmdcszh
  • 2013-12-31 20:12
  • 3055

J2EE开发之常用开源框架介绍

主要就我所了解的J2EE开发的框架或开源项目做个介绍,可以根据需求选用适当的开源组件进行开发。主要还是以Spring为核心,也总结了一些以前web开发常用的开源工具和开源类库 1持久层: 1)Hi...
  • u013380777
  • u013380777
  • 2016-08-07 22:43
  • 2921

Oracle之课程实验五(pl/sql)

课程名称:Oracle11g数据库应用简明教程   实验题目:实验三使用报表统计各部门人数 姓名:李日中 学号:2010324264班级:10计本3班 实验日期:2013-6-1  成绩:   一、 ...
  • QQ1130141391
  • QQ1130141391
  • 2013-10-22 22:16
  • 1234

j2ee页面静态化方案encache web cache框架详解1

web caching   1.介绍 Ehcache Web 是 EhCache 缓存框架的一个组件,主要用于Java开发Web项目中的一些缓存功能。包括一个单页缓存过滤器:Simp...
  • zhongweijian
  • zhongweijian
  • 2012-06-02 08:42
  • 1843

J2EE web项目基础

万维网,超文本传输协议,超文本标记语言,可扩展标记语言(数据传输结构化)
  • mathe_sunshine
  • mathe_sunshine
  • 2015-03-22 13:59
  • 543

j2ee页面静态化方案encache web cache框架详解1

web caching   1.介绍 Ehcache Web 是 EhCache 缓存框架的一个组件,主要用于Java开发Web项目中的一些缓存功能。包括一个单页缓存过滤器:Simp...
  • yztezhl
  • yztezhl
  • 2015-03-03 11:13
  • 632

用Java进行Web开发学习日志——1.认识J2EE

有幸从 基本概念: J2EE是Java2平台企业版(Java 2 Platform,Enterprise Edition) J2EE核心是一组技术规范与指南,其中所包含的各类组件、服务架...
  • u012510614
  • u012510614
  • 2014-07-03 23:44
  • 638

J2EE企业级开发基础教程(1) - Hello World

1 Java语言介绍 1.1 Java语言历史 1995年5月23日,在SunWorld会议上,Sun公司正式展示Java语言,这一天通常称为Java语言诞生日。 1996年,Java语言发布1.0版...
  • herry16354
  • herry16354
  • 2015-03-02 22:51
  • 661

1j2ee的web工程,技术,归根究底,只有:html,JavaScript,后端java类 三种技术2后端参数在最终html中肯定会显式的显示出来,不然参数有什么用,参数即输出内容,就是给用户看的

1j2ee的web工程,无论你前端用的什么技术(html、jsp、jQuery、JavaScript等),只要你在浏览器输入一个http url请求,等请求响应完毕(即浏览器不在是处于加载状态,即不在...
  • Ideality_hunter
  • Ideality_hunter
  • 2016-12-06 22:27
  • 208

web开发基础教程 http协议 j2ee概述

  • 2009-04-19 21:53
  • 7.70MB
  • 下载
    个人资料
    • 访问:121863次
    • 积分:2082
    • 等级:
    • 排名:千里之外
    • 原创:82篇
    • 转载:76篇
    • 译文:0篇
    • 评论:20条
    最新评论