zoukankan      html  css  js  c++  java
  • 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开发

    1.

       .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页。

    <!-- 静态网页 html; 动态 asp jsp php, 运算之后呈现 -->

    <!-- 三要素 <html></html>网页页面元素 <head></head>头 <body></body>主体 -->

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

    <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

    效果如下

  • 相关阅读:
    微服务之SpringCloud基础
    java 多线程学习
    tomcat性能优化
    js模块化规范
    jsonp及cors
    es6之各种数据类型的扩展
    es6之Promise
    es6之Set和Map
    es6之Generator
    es6之Iterator
  • 原文地址:https://www.cnblogs.com/Cmfvacks-IsLjj/p/3633437.html
Copyright © 2011-2022 走看看