百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

[软件编程]JSP软件开发入门--编程环境搭建

yuyutoo 2024-10-12 01:05 2 浏览 0 评论

JSP软件开发入门--编程环境搭建

JSP全称是Java Server Pages(Java服务器页),是一种基于Java语言的网络服务器页面技术。在传统的HTML页面文件中加入Java程序片段和JSP标记就构成了JSP网页。JSP是目前动态网站开发领域的一种主流技术。 JSP软件开发的入门前提是要搭建好编程环境。这其中步骤多问题也多,诸多困难成为初学者的拦路虎。本文目的就是帮助初学者克服困难。详细记录编程环境搭建步骤、遇到的各种问题及解决方法,最后给出示例程序源代码。读者按照本文一步一步操作,就能快速的入门JSP软件开发。

目录

  1. JSP编程环境搭建
  2. 安装和运行软件时的问题及解决方法
  3. 示例程序的源代码
  4. 附注

正文

  1. JSP编程环境搭建

依次安装JDK,Tomcat,MyEclipse,MySQL,jdbc,要特别注意软件版本适配。我安装的是JDK1.6 , Tomcat 6.0.32, MyEclipse 10, MySQL 6.0, MySQL Connector/J 5.17.

  • 安装JDK及设置

首先下载并安装JDK。 其次还要设置3个环境变量:JAVA_HOME , CLASS_PATH , Path 。

STEP 1:右键选择 此电脑→属性→高级系统设置→高级→环境变量→系统变量

STEP 2:系统变量→新建

变量名:JAVA_HOME

变量值:D:\Program Files\Java\jdk1.6.0_39(此处改为自己的jdk安装目录)

STEP 3:系统变量→新建

变量名:CLASS_PATH

变量值:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一点)

STEP 4:在系统变量中找到 Path 变量,选择编辑

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; (注意如果原来Path的变量值末尾没有;号,就先输入;号再输入上面的代码)

最后验证。 点击“开始”输入cmd,在打开的命令行窗口输入 java -version , 如果显示java 版本号则表示jdk安装与设置全部成功。如下图所示。

  • 安装Tomcat

安装结束在D:\Program Files\apache-tomcat-6.0.32

\bin 目录找到并运行 startup.bat, 运行结果如下图。

然后打开浏览器,输入 http://localhost:8080 如果显示Tomcat主页则表示安装成功。

  • 安装MyEclipse

安装成功之后运行MyEclipse。如图所示。

设置MyEclipse的Tomcat选项

点击Window->Preferences->MyEclipse->Servers->Tomcat

->Tomcat6.x 选中Enable, 设置Tomcat home directory等为D:\Program Files\apache-tomcat-6.0.32(此处改为自己的Tomcat安装目录)

  • 安装MySQL

安装成功之后MySQL就作为WINDOWS的一项服务自动运行不需要手动启动。点击“开始”输入“服务”,在打开的服务窗口可以看到MySQL正在运行。

在命令行窗口输入 mysql -u root -p

在出现Enter password:后输入密码,例如123456(这个密码是安装时设置的)。出现提示符mysql>就表示数据库登录成功。可以用SQL语句在此窗口对MySQL进行各种数据库操作。例如新建/删除/查询数据库,新建/删除/查询表,新增删除修改查询数据。

数据库创建脚本:

CREATE DATABASE bookstore;

use bookstore;

CREATE TABLE book (

id CHAR(20) PRIMARY KEY ,

name VARCHAR(50) NULL ,

writer VARCHAR(30) NULL ,

press VARCHAR(30) NULL ,

price FLOAT NULL

);

insert into book (id,name,writer,press,price) values('10001','Python Programming Course','Lu Xuesong','Southeast Univ Press', 58);

insert into book values('10002','C Language Programming','Zhou Caiying','Qinghua Univ Press', 30);

insert into book values('10003','JSP Application Technology','Ma Jianhong','Qinghua Univ Press',99);


  • 下载 mySQL jdbc

下载mysql-connector-java-5.1.7-bin(此处改为和自己mysql版本适配的版本)。一般下载文件是一个压缩包,解压缩为一个文件夹。找到其中名为mysql-connector-java-5.1.7-bin.jar的文件复制一份保存在自己项目的\WEB-INF\lib目录下。

2 安装和运行软件时的问题及解决方法

1)版本不适配

解决方法:改成适配版本JDK1.6 , Tomcat 6.0.32, MyEclipse 10, MySQL 6.0, MySQL Connector/J 5.17.

2)报错找不到jdbc driver

问题原因:1.jdbc版本不对 2.项目目录\WEB-INF\lib之中缺少jdbc包。

注意:和mySQL 6.0 版本适配的是 MySQL Connector/J 5.17它们都是适配JDK 1.6的。而不是 MySQL Connector/J 6.0。

解决方法:(1)下载MySQL Connector/J 5.17 (2) 复制一份mysql-connector-java-5.1.7-bin.jar文件到项目目录\WEB-INF\lib下。

3)tomcat不能启动,端口被占用,

Step 1, 在命令行窗口输入 netstat -ano| findstr 8080 找出占用8080端口的进程。

Step 2, 输入 taskkill /pid 8848 /f 强制结束该进程.

如下图所示。

然后可以运行 startup.bat启动tomcat.

4)安装mysql失败,要彻底清除以前安装mysql的残留痕迹,

如果是重装MySQL,安装之前先要卸载原来的MySQL,还要彻底清除原来安装的残留痕迹。否则就会安装失败,提示你输入current root password.

解决方法:

Step 1 卸载原来的MySQL

Step 2 关闭已经启用的MySQL服务

Step 3 删除安装文件夹(C盘与D盘都有文件)

删除 C:\programData\MySQL文件夹。

Step 4 修改注册表:打开注册表(win+r 键入regedit)

删除HKEY_LOCAL_MACHAINE\SEYSETIM\(current)controlset001(002)\service\mysql所有键值。

删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Services\Eventlog\Application\MySQL 目录

删除HKEY_LOCAL_MACHINE\SYSTEM\ControlSet002\Services\Eventlog\Application\MySQL 目录

删除HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Eventlog\Application\MySQL 目录

注:注册表中的ControlSet001,ControlSet002,不一定是001和002,可能是ControlSet005、006之类,删除的时候,都删除就可以

5)mysql数据库的表查询结果显示中文乱码,未解决。非本质问题先放下.

3 示例程序的源代码

文件清单 主页 :index.jsp, 数据库查询页: booklist.jsp, 使用javabean页: usingbean.jsp, 使用javaservlet页: usingservlet.jsp, javabean文件:mybean.java,

servlet文件:Testservlet.java.

图1. MVC架构图

index.jsp

<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>

<%--

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>主页</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<% out.println("<h3><font color='blue'>This is my first JSP page.</font></h3>"); %> <br>

<h1><span style='background-color:yellow'>主页</span></h1>

<hr>

<ol>

<li><a href="booklist.jsp">JSP访问数据库</a></li>

<li><a href="submit1.jsp">JavaBean使用示例</a></li>

<li><a href="usingservlet.jsp">Servlet使用示例</a></li>

</ol>

</body>

</html>

Booklist.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.sql.*"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>JSP连接数据库</title>

</head>

<body>

<h1><font color='red'>图书列表</font></h1><hr>

<div style="background-color:yellow">数据库:bookstore , 表:book</div>

<br>

<%

final String DBDRRIVER = "com.mysql.jdbc.Driver" ;

final String DBURL = "jdbc:mysql://localhost:3306/bookstore?useUnicode=true&characterEncoding=UTF-8" ;

final String DBUSERNAME = "root" ;

final String DBPASSWORD = "123456" ;

Connection conn = null ;

String sql = null ;

try{

Class.forName(DBDRRIVER) ;

conn = DriverManager.getConnection(DBURL,DBUSERNAME,DBPASSWORD) ;

}catch(Exception e){

out.println("<h3><font color='red'>"+e.toString()+"</font></h3>");

}

try{

sql = "select * from book;" ;

Statement stmt=conn.createStatement();

ResultSet aa=stmt.executeQuery(sql);

out.println("<table border=2 cellpadding=5><tr bgcolor='#CCCCFF'><th>编号</th><th>书名</th><th>作者</th><th>出版社</th><th>定价</th></tr>");

while(aa.next())

{ int ID=aa.getInt(1);

String name=aa.getString(2);

String writer=aa.getString(3);

String press=aa.getString(4);

float price=aa.getFloat(5);

out.println("<tr><td>"+ID+"</td><td>"+name+"</td><td>"+writer+"</td><td>"+press+"</td><td>"+price+"</td></tr>");

}

out.println("</table>");

aa.close();

stmt.close() ;

conn.close() ;

}catch(Exception e){

out.println("<h3>访问数据库出错!</h3>");

out.println("<h3>"+ e +"</h3>");

e.printStackTrace();

}

%>

<br><br>

<a href="index.jsp">返回主页</a>

</body>

</html>

Submit1.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>输入表单</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<h1><font color='red'>输入用户信息</font></h1><hr>

<form action="usingbean.jsp" accept-charset="UTF-8" method="post" >

<table border=2 cellpadding=5>

<tr><th>姓名</th><td><input type="text" name="name"></td></tr>

<tr><th>电话</th><td><input type="text" name="tel"></td></tr>

<tr><th>邮箱</th><td><input type="text" name="email"></td></tr>

<tr><td colspan=2><input type="submit" value="提交">

<input type="reset" value="取消"></td></tr>

</table>

</form>

<a href="index.jsp">返回主页</a>

</body>

</html>

usingbean.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>使用JavaBean页</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<jsp:useBean id="user" scope="page" class="jsp.test.mybean" />

<jsp:setProperty name="user" property="*" />

<h1><font color='blue'>显示用户信息</font></h1><hr>

<h3>使用javabean页面</h3>

<table border=0 cellpadding=5>

<tr><th>姓名</th><td><%=user.getName()%></td></tr>

<tr><th>电话</th><td><%=user.getTel()%></td></tr>

<tr><th>邮箱</th><td><%=user.getEmail()%></td></tr>

</table>

<br>

<a href="submit1.jsp">返回submit.jsp</a>

</body>

</html>

mybean.java

package jsp.test;

/*** @author Administrator **/

public class mybean {

public mybean() {

// TODO Auto-generated constructor stub

}

private String name;

private String tel;

private String email;

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String getTel() {

return tel;

}

public void setTel(String tel) {

this.tel = tel;

}

public String getEmail() {

return email;

}

public void setEmail(String email) {

this.email = email;

}

}

usingservlet.jsp

<%@ page contentType="text/html; charset=UTF-8" language="java" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>调用Servlet页</title>

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

<style type="text/css">

<!--

.STYLE2 {

font-family: "Courier New", Courier, monospace;

font-size: 16px;

font-weight: bold;

color: red;

}

-->

</style>

</head>

<body>

<h1><font color='red'> 调用Servlet的页面</font></h1><hr>

<ul>

<li><a href="./servlet/TestServlet?number=1">功能页面1</a></li>

<li><a href="./servlet/TestServlet?number=2">功能页面2</a></li>

</ul>

<a href=index.jsp>返回主页</a>

</body>

</html>

TestServlet.java

package test;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class TestServlet extends HttpServlet {

/**

* Constructor of the object.

*/

public TestServlet() {

super();

}

/**

* Destruction of the servlet. <br>

*/

public void destroy() {

super.destroy(); // Just puts "destroy" string in log

// Put your code here

}

/**

* The doGet method of the servlet. <br>

*

* This method is called when a form has its tag value method equals to get.

*

* @param request the request send by the client to the server

* @param response the response send by the server to the client

* @throws ServletException if an error occurred

* @throws IOException if an error occurred

*/

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

String number=request.getParameter("number");

String pageInfo="This is function page "+number;

request.setAttribute("pageInfo", pageInfo);

if(number.equals("1"))

this.getServletConfig().getServletContext().getRequestDispatcher("/page1.jsp").forward(request, response);

else

this.getServletConfig().getServletContext().getRequestDispatcher("/page2.jsp").forward(request, response);

}


/**

* The doPost method of the servlet. <br>

*

* This method is called when a form has its tag value method equals to post.

*

* @param request the request send by the client to the server

* @param response the response send by the server to the client

* @throws ServletException if an error occurred

* @throws IOException if an error occurred

*/

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

this.doGet(request, response);

}

/**

* Initialization of the servlet. <br>

*

* @throws ServletException if an error occurs

*/

public void init() throws ServletException {

// Put your code here

}

}

page1.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>功能页1</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<h1><font color='green'>功能页面<%=request.getParameter("number")%></font></h1><hr>

<h2><%=request.getAttribute("pageInfo")%></h2>

<table border=2 cellpadding=5 bgcolor='yellow'>

<tr><th> </th><td> </td><td> </td></tr>

<tr><th> </th><td> </td><td> </td></tr>

</table>

<br>

<a href="usingservlet.jsp">返回调用servlet页面</a>

</body>

</html>

Page2.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<base href="<%=basePath%>">

<title>功能页2</title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">

<!--

<link rel="stylesheet" type="text/css" href="styles.css">

-->

</head>

<body>

<h1><font color='blue'>功能页面<%=request.getParameter("number")%></font></h1><hr>

<h2><%=request.getAttribute("pageInfo")%></h2>

<table border=1 cellpadding=5 bgcolor='#cccccc'> <tr><th> </th><td> </td></tr> <tr><th> </th><td> </td></tr> <tr><th> </th><td> </td></tr>

</table>

<br>

<a href="usingservlet.jsp">返回调用servlet页面</a>

</body>

</html>

4 附注

1)EJB 与JavaBean 区别

这二者是不同的但名称相似容易混淆。EJB全称是Enterprise JavaBean。EJB是SUN公司的服务器端组件模型,最大的用处是部署分布式应用程序,是JavaEE(Java Platform, Enterprise Edition)规范的一部分,用于开发企业级应用程序。EJB需要运行在J2EE服务器如Websphere,weblogic,Jboss之上。 而JavaBean就是普通的Java类。 Tomcat支持JavaBean和Servlet 但不支持EJB。

2)jdk中的示例程序

JDK自带一些很好的示例程序。初学者可以从中学习或直接拿来修改之后为我所用。示例程序目录在D:\Program Files

\Java\jdk1.6.0_39\demo之中。(此处改成自己的JDK安装路径+\demo)如图所示。注意运行Applet之前浏览器要改设置。

打开包含Java Applet的html页面显示效果不正常。如图所示。

我们需要把浏览器的模式从极速模式改为兼容模式。

兼容模式出现黄色警告信息。单击它在弹出菜单选允许阻止内容。在弹出的安全警告框中点击“是”按钮。最后我们看到Applet的运行结果。(一个3D分子模型,移动鼠标可以控制其转动)demo文件夹有很多有趣的程序等待我们探索。例如,冒泡排序与快速排序的动画演示,很多平面和3D的图形和动画程序。

声明:本文出于教学的公益目的,部分图片来自网络。如有图片侵权望告知,必删图片。

参考文献

[1]马建红. JSP应用与开发技术(第3版). 清华大学出版社. 2024

[2]滴水梵音. JDK环境变量配置方法.https://blog.csdn.net/binbingg/article/

details/38260167

[3]学了Java不会用. 解决:Tomcat 8080 端口被占用的问题的方案. https://blog.csdn.net/2302_81961635/article/details/135847844

[4]伊成. MYSQL安装时解决要输入current root password的解决方案.

https://blog.csdn.net/lvoyee/article/details/104030272

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

本账号“星辰博士讲数学”专注大学理工科教育科研和数学思维训练。

如果本文对你有用,请关注作者。欢迎点赞评论转发收藏。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

相关推荐

jQuery VS AngularJS 你更钟爱哪个?

在这一次的Web开发教程中,我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题,即jQuery和AngularJS之间的区别是什么?也就是说jQueryVSAngularJS?...

Jquery实时校验,指定长度的「负小数」,小数位未满末尾补0

在可以输入【负小数】的输入框获取到焦点时,移除千位分隔符,在输入数据时,实时校验输入内容是否正确,失去焦点后,添加千位分隔符格式化数字。同时小数位未满时末尾补0。HTML代码...

如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例

要在pbootCMS前台调用自定义表单,您需要在后台创建表单并为其添加字段,然后在前台模板文件中添加相关代码,如提交按钮和表单验证代码。您还可以自定义表单数据的存储位置、添加文件上传字段、日期选择器、...

编程技巧:Jquery实时验证,指定长度的「负小数」

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。HTML代码<inputtype="text"class="forc...

一篇文章带你用jquery mobile设计颜色拾取器

【一、项目背景】现实生活中,我们经常会遇到配色的问题,这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过jquerymobile去设计颜色的拾取器...

编程技巧:Jquery实时验证,指定长度的「正小数」

为了保障【正小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【正小数】的方法。HTML做成方法<inputtype="text"class="fo...

jquery.validate检查数组全部验证

问题:html中有多个name[],每个参数都要进行验证是否为空,这个时候直接用required:true话,不能全部验证,只要这个数组中有一个有值就可以通过的。解决方法使用addmethod...

Vue进阶(幺叁肆):npm查看包版本信息

第一种方式npmviewjqueryversions这种方式可以查看npm服务器上所有的...

layui中使用lay-verify进行条件校验

一、layui的校验很简单,主要有以下步骤:1.在form表单内加上class="layui-form"2.在提交按钮上加上lay-submit3.在想要校验的标签,加上lay-...

jQuery是什么?如何使用? jquery是什么功能组件

jQuery于2006年1月由JohnResig在BarCampNYC首次发布。它目前由TimmyWilson领导,并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户...

django框架的表单form的理解和用法-9

表单呈现...

jquery对上传文件的检测判断 jquery实现文件上传

总体思路:在前端使用jquery对上传文件做部分初步的判断,验证通过的文件利用ajaxFileUpload上传到服务器端,并将文件的存储路径保存到数据库。<asp:FileUploadI...

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R...

大数据开发基础之JAVA jquery 大数据java实战

上一篇我们讲解了JAVAscript的基础知识、特点及基本语法以及组成及基本用途,本期就给大家带来了JAVAweb的第二个知识点jquery,大数据开发基础之JAVAjquery,这是本篇文章的主要...

推荐四个开源的jQuery可视化表单设计器

jquery开源在线表单拖拉设计器formBuilder(推荐)jQueryformBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。支持表单常用控件...

取消回复欢迎 发表评论: