دليل تعليم JSP الأساسي

دليل تعليم JSP المتقدم

هيكل JSP إنشاء بيئة JSP

إنشاء بيئة JSP/Servlet في Eclipse

هذا المقال يفترض أنك قد قمت بتثبيت بيئة JDK، إذا لم تكن قد قمت بذلك، يمكنك الرجوع إلى تكوين بيئة تطوير Java

يمكننا استخدام Eclipse لبناء بيئة تطوير JSP، حيث يجب أن ننزل حزم البرامج بشكل منفصل أولاً:

Eclipse J2EE:http://www.eclipse.org/downloads/
تومكات:http://tomcat.apache.org/download-70.cgi

تثبيت وتنزيل تومكات

يمكنك تنزيل الحزمة المناسبة بناءً على نظامك (إليك مثال على نظام Windows):

بعد التحميل، قم بإزالة ضغط الملفات في قرص D (يمكنك اختيار ما تريد):

لا يجب أن تحتوي أسماء الدلائل على نص صيني أو مسافات. وصف الدلائل كما يلي:

bin: ملفات التشغيل الثنائية. أكثر ملفاتها استخدامًا هيstartup.bat، إذا كنت تستخدم نظام Linux أو Mac، فإن ملف بدء التشغيل هو startup.sh
conf: مجلد التكوين. أقوى ملف في الداخل هوserver.xmlيمكنك تعديل المنفذ داخل هذا المجلد. المنفذ الافتراضي هو 8080، مما يعني أن هذا المنفذ لا يمكن أن يتم استخدامه من قبل تطبيقات أخرى.
lib: ملفات المكتبة. مجلد jar المطلوب لتشغيل تومكات
logs: سجلات
temp: ملفات مؤقتة، وهي المخزن المؤقت
webapps: تطبيقات الويب.يوضع تطبيق الويب في هذا الدليل ويتم الوصول إليه مباشرة من المتصفح
work: ملفات class التي تم ترجمتها.

ثم يمكننا الضغط مزدوجًا على startup.bat لبدء تشغيل تومكات، وسيظهر لك هذا الشاشة:

في هذه اللحظة، كان الخادم المحلي قد تم بناؤه. إذا كنت ترغب في إغلاق الخادم، يمكنك إغلاق النافذة العلوية أو إدخال Ctrl+C لمنع تشغيل الخدمة.

ثم نكتب في المتصفح http://localhost:8080/، إذا ظهرت لك هذه الشاشة، فإن ذلك يعني أن تومكات تم تثبيته وتشغيله بنجاح:

الآن، لنقم باختبارها في المتصفح:

أولاً، قم بإنشاء ملف jsp في مجلد D:\apache-tomcat-8.0.14\webapps\ROOT

test.jsp 文件代码如下：

<%@ page contentType="text/html;charset=UTF-8" %>
<%
out.print("JSP教程 : http://ar.oldtoolbag.com");
%>

接着在浏览器中访问地址 http://localhost:8080/test.jsp, 输出结果如下：

将 Tomcat 和 Eclipse 相关联

Eclipse J2EE下载后，解压即可使用，我们打开Java EE ，选择菜单栏Windows-->preferences（Mac 系统为 Eclipse-->偏好设置），弹出如下界面：

上图中，点击"add"的添加按钮，弹出如下界面：

在选项中，我们选择对应的 Tomcat 版本，接着点击 "Next"，选择 Tomcat 的安装目录，并选择我们安装的 Java 环境：

点击 "Finish"，完成配置。

创建示例

选择 "File-->New-->Dynamic Web Project"，创建 TomcatTest 项目：

点开上图中的红框部分，弹出如下界面：

注意如果已默认选择了我们之前安装的 Tomcat 和 JDK 则可跳过此步。

然后，单击finish, 继续：

工程文件结构：

上图中各个目录解析：

deployment descriptor：部署的描述。
Web App Libraries：自己加的包可以放在里面。
build：放进编译之后的文件。
WebContent:放进写入的页面。

在WebContent文件夹下新建一个test.jsp文件。在下图中可以看到它的默认代码：

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
　　　　pageEncoding="UTF-8">%
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>

接着我们修改下test.jsp文件代码如下所示：

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
　　　　pageEncoding="UTF-8">%
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>基础教程网</title>
</head>
<body>
<%
　　　　out.println("Hello　World!");
%>
</body>
</html>

程序运行之前，我们先修改一下浏览器选项:

接着我们运行该项目:

运行时，弹出如下错误：(如果没有此错误，请忽略)

原因是，我们之前点击了Tomcat安装包中的startup.bat，这样一来就手动打开了Tomcat服务器，这明显是多余的，因为程序运行时，eclipse会自动开启Tomcat服务器。所以我们先手动关掉tomcat软件，再次运行程序，就行了。控制台信息如下：

浏览器访问 http://localhost:8080/TomcatTest/test.jsp, 即可输出正常结果：

Servlet 示例创建

我们也可以使用以上环境创建 Servlet 文件，选择 "File-->New-->Servlet":

位于 TomcatTest项目的 /TomcatTest/src 目录下创建 "HelloServlet" 类，包为 "com.w3codebox.test":

HelloServlet.java 　代码如下所示：

package com.w3codebox.test;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
</**</>
　* Servlet implementation class HelloServlet
　<*/</>
@WebServlet("/HelloServlet")
<public<class<HelloServlet<extends<HttpServlet<<{</>
　　　　<private<static<final<long<serialVersionUID=<1L</serialVersionUID>
　　　　　　　
　　　　</**</>
　　　　　<* <see<HttpServlet#HttpServlet</>
　　　　　<*/</>
　　　　<public<HelloServlet<()<{</>
　　　　　　　　<super<();</>
　　　　　　　　<//<TODO<Auto-generated<constructor<stub<//
　　　　</>
　　　　</**</>
　　　　　<* <see<HttpServlet#doGet<HttpServletRequest<request,<HttpServletResponse<request,</></>
　　　　　<*/</>
　　　　<protected<void<doGet<HttpServletRequest<request,<HttpServletResponse<request,<<response><<throws<ServletException,<IOException</></>
　　　　　　　　<//<使用<GBK<设置中文正常显示<//
　　　　　　　　<response><setCharacterEncoding><GBK</setCharacterEncoding></response>
　　　　　　　　<response><getWriter><write><JSP<教程<：<http://ar.oldtoolbag.com</></getWriter></response>
　　　　</>
　　　　</**</>
　　　　　<* <see<HttpServlet#doPost<HttpServletRequest<request,<HttpServletResponse<request,</></>
　　　　　<*/</>
　　　　<protected<void<doPost<HttpServletRequest<request,<HttpServletResponse<request,<<response><<throws<ServletException,<IOException</></>
　　　　　　　　<//<TODO<Auto-generated<method<stub<//
　　　　　　　　doGet(request, <<response>
　　　　</>
</>

<创建/TomcatTest/WebContent/WEB-INF/web.xml/><文件/（如果没有），代码如下所示：</文件>

<??xml><version="1.0><encoding="UTF-8"><?>　　
<web-app><version="2.5">　　　
　　　　xmlns=“http://java.sun.com/xml/ns/javaee”　　　
　　　　xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"　　　
　　　　xsi:schemaLocation="http://java.sun.com/xml/ns/javaee　　　
　　　　http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">　　
　　<servlet>　　
　　　　　<!--　اسم الكائن　-->　　
　　　　<servlet-name>HelloServlet</servlet-name>　　
　　　　<!--　المكتبة الموجودة فيها　-->　　
　　　　<servlet-class>com.w3codebox.test.HelloServlet</servlet-class>　　
　　</servlet>　　
　　<servlet-mapping>　　
　　　　<servlet-name>HelloServlet</servlet-name>　　
　　　　<!--　الرابط الذي يتم زيارة　-->　　
　　　　<url-pattern>/TomcatTest/HelloServlet</url-pattern>　　
　　　　</servlet-mapping>　　
</web-app>

ثم أعد تشغيل Tomcat، استخدم المتصفح لزيارة http://localhost:8080/TomcatTest/HelloServlet:

روابط المقالات المرجعية: http://www.cnblogs.com/smyhvae/p/4046862.html

هيكل JSP إنشاء بيئة JSP