JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

接上篇《JAVA WEB快速入门之环境搭建》,在完成了环境搭建后(JDK、Tomcat、IDE),现在是万事具备,就差写代码了,今天就来从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署,至于为什么要先写JSP WEB,而不是直接上SSM(Spring、SpringMVC、Mybatis),原因很简单,先得了解基础,再由浅入深,这是我的学习方法,如果一开始就写MVC,那么顶多也是照葫芦画瓢,很难深入,因为不知道原理,就无法扩展与灵活运用。好了废话不多说,开始本文的主题。

 一、使用eclipse初始化一个JSP WEB项目(即:动态WEB项目),步骤如下:

 

JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

如上图示注意选择TOMCAT版本

JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

如上图示勾选生成web.xml,当然如果不勾选也行,但后续如果有需要用到配置的地方就需要再单独添加,故这里我选择一并生成。

最后点击finish按钮即可生成WEB项目

WEB项目的结构如下图示,每个部份都有说明,该图引用自网络

JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

如上步骤也可参考更详细的教程:

 

二、编写一个登录静态页面(login.html),注意静态页面(html)、动态页面(jsp)均应在WebContent目录下创建

JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

 

JAVA WEB快速入门之从编写一个JSP WEB网站了解JSP WEB网站的基本结构、调试、部署

后面采取默认即可,最后创建好空的login.html,然后写如下示例代码:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>login</title> </head> <body> <form action="/demo2/servlet/login" method="post"> <div> <label for="userid">UserID:</label> <input type="text" /> </div> <div> <label for="pwd">Password:</label> <input type="password" /> </div> <div> <button type="submit">Enter</button> </div> </form> </body> </html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpyyws.html