Java Web

Java Web_1

　　　　目前，Java2平台有3个版本，它们是适用于小型设备和智能卡的Java2平台Micro版（Java2 Platform Micro Edition，JavaME）、适用于桌面系统的Java 2平台标准版（Java2 Platform Standard Edition，Java SE）、适用于创建服务器应用程序和服务的Java 2平台企业版（Java2 Platform Enterprise Edition，Java EE）。

随着课程推进，周五的培训开始了Java Web开发

　　 .net java php . 其中Java可以拓展到嵌入式领域，移动开发，比如Android

　　web开发分为前台(看到的网页)和后台(源代码)，后台需要学习Java SQL XML Jquery 交互的功能，动态元素

2.正式开始

　　首先打开Myeclipse新建一个Web Project，之后会生成两个文件夹，src和 WebRoot. 其中src主要用于放源代码，WebRoot放资源。这样可以说已经完成了一个最简单的Web，可以点工具栏中的Deploy发布，选中这个工程然后Add一个Server(Server选Myeclipse Tomcat)，确认后再点旁边的Run，即运行了服务器。打开浏览器，输入http://localhost:8080/ProjectName(此处换成工程名)既可以看到本地新建的网页，如果端口号8080被占用则可以在Run-MyEclipse Tomcat-Configure中修改Port Number。

　　回到点开WebRoot可以看到一个index.jsp，即默认主页(在web.xml中默认的welcom-file)。可以在这里创建一个表单Web页。

由于代码很简单，没有注释自己以后也能看懂，直接放之，

<body>
        <a href="hello.html">点击</a>
        <img alt="java" src="image/java.jpg" width="20%" height="25%">
        <form action="">
            用户名：
            <input type="text" name="user" maxlength="15">
            <br>
            密码：
            <input type="password" name="user" maxlength="15">
            <br>
            男：
            <input type="radio" name="gender">
            女：
            <input type="radio" name="gender">
            <br>
            音乐：
            <input type="checkbox" name="hobby" value="1">
            体育：
            <input type="checkbox" name="hobby" value="2">
            阅读：
            <input type="checkbox" name="hobby" value="3">
            <br>
            学历：
            <select >
                <option>
                    1
                </option>
                <option>
                    2
                </option>
                <option>
                    3
                </option>
                <option>
                    4
                </option>
            </select>
            <br>
            <textarea rows="10" cols="55"></textarea>
            <br>
            <br>
            <input type="reset">
            <input type="submit" value="提交">
            <input type="button" value="确定" onclick=check()>
        </form>
    </body>

View Code

效果如下