web技术实践路线,网络请求示例

这两天看来 Android 开辟录像,里面使用的融会开拓工具为 Eclipse 。使用
Eclipse 能够非常高效的编写 Web 项目,而自笔者利用的 Androi Studio
因为专业就把树立别的工程的功能给阉割了。所以,不能够忍受只好听老师讲而不能够实操时高不可攀般的狼狈,笔者选择了运用
英特尔liJ IDEA 来代替 Eclipse
模拟网络要求。上边结合二个简单互联网哀告的兑现,来介绍 AMDliJ IDEA
的应用。

Java Web知识总图

图片 1

image.png

首先当然是下载 英特尔liJ IDEA 集成工具,那个 Google/Baidu
一下,超轻巧就能够得到。

情形搭建开拓

图片 2

image.png

接下去配置 汤姆cat 服务器,以 Mac
计算机为例,参谋:Mac上tomcat服务器安装配置。

IntelliJ IDEA2017

[IntelliJ-IDEA-Tutorial(github教程)](https://github.com/judasn/IntelliJ-IDEA-Tutorial/)
英特尔liJ
IDEA(2017)安装和破解
英特尔liJ
IDEA配置汤姆cat(完整版教程)
Maven 骨架创设 Java Web 项目
IntelliJ
IDEA添加jar包
英特尔liJ IDEA
2017.3创办Web项目,消除无自动生成web.xml难点
必需把mysql-connector-java-5.1.7-bin.jar导入到tomcat的lib目录上边

下一场张开 英特尔liJ IDEA ,采取侧面的 Java Enterprise 项目项目,选用刚装的
汤姆cat 服务器,勾选 Web Application 选项。

myeclipse

Java情况搭建MyEclipse10+jdk1.8
myeclipse配置gradle插件(好像必要正确上网,不然会报错)
MyEclipse 使用gradle 构建java
web项目
Myeclipse如何行使Maven增加jar包
Myeclipse
Java项目调换到Maven项目
在myeclipse中开垦好项目,打包成war格式
Eclipse/MyEclipse上配置Spring环境
Myeclipse里导入jQuery.js
时现身谬误打红叉的解决办法

图片 3

eclipse

gradle入门(1-7)eclipse和gradle集成插件的装置和使用
https://www.cnblogs.com/lexiaofei/p/7085994.html?utm\_source=itdadao&utm\_medium=referral
在Eclipse IDE使用Gradle构建应用程序
https://www.cnblogs.com/IcanFixIt/p/6909338.html
Eclipse 使用 Gradle 下载 Jar 包全纪录
http://blog.csdn.net/never\_cxb/article/details/50539040
Eclipse上Maven景况计划利用
(全卡塔尔国

新建筑工程程

汤姆cat的目录布局

图片 4

image.png

点选 next,输入自定志愿者程名称 demo:

底蕴知识

图片 5

image.png

图片 6

Java Web基础(3大组件)

图片 7

image.png

工程

过滤器filter知识

图片 8

image.png

接下来我们就能够看出新建筑工程程的全貌:

Listener监听器知识

图片 9

image.png

图片 10

servlet知识

图片 11

image.png

Servlet的拜谒进程

图片 12

Servlet的拜会进度

工程

JavaWeb中级(Spring框架)

图片 13

image.png

技术员给java服务器配置,每一步都很详细,操作很粗大略

至此,三个 Web 应用工程的框架已经做好。不过要顺遂安插到 汤姆cat
服务器,还亟需咱们抬高管理服务的对象 Servlet。点击 src 文件夹,增添Servlet:

发表Java web 到阿里云

图片 14

直接copy工程到C:\xampps\tomcat\webapps

图片 15

image.png

***在乎:项目配置的时候jar包未有过去,会包类找不到。供给把援引的jar包导入
Ali云服务器不恐怕访谈80或8080端口的

servlet

发布war包(java web导出为war)

javaWeb项目构造到Ali云服务器步骤win情形

Servlet 类中能见到默许生成的 doGet 和 doPost 方法:

编制程序语言底工

图片 16

image.png

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    response.setCharacterEncoding("utf-8");
    response.setContentType("text/html");
    response.getWriter().print("收到 post 请求");

    String username = request.getParameter("username");
    String pwd = request.getParameter("password");

    if("admin".equals(username) && "abc123".equals(pwd)) {
      response.sendRedirect("/2.html");
    }
  }

  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    response.setCharacterEncoding("utf-8");//设置
    response.setContentType("text/html");

    String username = request.getParameter("username");
    String pwd = request.getParameter("password");
    if("admin".equals(username) && "abc123".equals(pwd)) {
      response.sendRedirect("/2.html");
    }
  }

Java

Ali云高校课程-Java学习路径图

要想使用新建的 Servlet 类,还亟需在 web.xml 中张开陈设:

JavaScript

JavaScript
实例(W3C)
JavaScript
教程(W3Cschool)
jQuery 实例(jQuery 是一个 JavaScript
库)
javascript学习图
AJAX
是与服务器交流数据的主意,它在不重载全部页面包车型客车情景下,达成了对有些网页的修正

<web-app ...>
  <servlet>
    <servlet-name>Servlet</servlet-name>
    <servlet-class>demo.Servlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Servlet</servlet-name>
    <url-pattern>/demo</url-pattern>
  </servlet-mapping>
</web-app>

jsp语法

jsp教材(W3Cschool)
Java:JSP中的隐式对象有啥样?
JSP 教程 |
生手教程
ASP
实例

其间 servlet-mapping 标签设置对外访问的门径。

HTML5

HTML 5
教程(W3Cschool)

源码:
Java web
购物车Idea工程ServletCartDemo
Java web
购物车myeclipse工程

下一场在 web 目录下增加前端页面文件,比方命名 1.html 作为开局页面,2.html
作为跳转的结果页面。

收拾一些不利的稿子方便温馨查阅

行使javabean达成顾客登陆(Oracle+jsp+javabean)
Eclipse/MyEclipse上配置Spring环境
在idea中创建第贰个SpringBean应用

Myeclipse创建单元测量试验

图片 17

页面

在 1.html 中编辑页面布局,设置 head 标签,在 body 标签中加多 form表单。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" >
  <title>MyFirst</title>
  <script type="text/javascript">
  </script>
</head>
<body>

<h1>登录页面(get)</h1>
<form action="/demo" method="get">

  <table>
    <tr>
      <td>
        用户名:
      </td>
      <td>
        <input type="text" name="username">
      </td>
    </tr>
    <tr>
      <td>
        密码:
      </td>
      <td>
        <input type="text" name="password" type="hidden">
      </td>
    </tr>
    <tr>
      <td colspan="2" style="align-items: center">
        <input type="submit" value="登录">
      </td>
    </tr>
  </table>
</form>

<h1>登录页面(post)</h1>
<form action="/demo" method="post">
  <table>
    <tr>
      <td>
        用户名:
      </td>
      <td>
        <input type="text" name="username">
      </td>
    </tr>
    <tr>
      <td>
        密码:
      </td>
      <td>
        <input type="text" name="password" type="hidden">
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <input type="submit" value="登录">
      </td>
    </tr>
  </table>
</form>
</body>
</html>

2.html中编辑页面:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <h1 style="color: red">
    登录成功!!!
  </h1>
</body>
</html>

聊起底点击 Debug 举办运营,布署到温馨的 汤姆cat 服务器上:

图片 18

Debug

最后在浏览器输入网站:
,就能够访谈大家配备的网址了。

图片 19

网站

开荒 Chrome 的开采者工具,能够见到发送伏乞的详细处境:

图片 20

出殡伏乞

完工!

流程很简短,未来就能够利用 IDEA
来学学后端开辟的基本知识了,举例可以在后端获取提交的文件,对成功的恳求举行跳转,要求退步时要告知顾客端等等,都足以张开效仿,越来越多知识点等您来开掘了。

如上便是本文的全体内容,希望对大家的求学抱有利于,也期待大家多多照料脚本之家。

你也许感兴趣的小说:

  • 英特尔liJ IDEA 中利用jRebel举办 Java
    热布置教程图解
  • IntelliJ
    IDEA中使用mybatis-generator的示例
  • 行使英特尔liJ
    IDEA配置汤姆cat入门教程
  • AMDliJ
    IDEA中ajax开垦达成分页查询示例
  • AMDlij IDEA十大火速键
  • intellij
    IDEA配置springboot的图像和文字化教育程
  • 英特尔liJ
    IDEA像Eclipse相像展开四个档案的次序的图文化教育程
  • 英特尔liJ IDEA 2017
    汉化包及图像和文字化教育程

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注