第1章 项目开发入门Java EE开发环境.ppt

1、第1章 项目开发入门：Java EE开发环境,Java EE环境搭建,MyEclipse 10操作入门,Java EE传统开发,开发完成后，发布到Web服务器上，它们的关系如图1.1所示。,1.1 Java EE环境搭建,1.1.1 开发环境安装 1下载安装JDK 7 （1）设置系统变量JAVA_HOME。右击桌面“我的电脑”图标，选择【属性】【高级】选项卡，单击【环境变量】按钮，弹出【环境变量】对话框，如图1.2所示。,1.1.1 开发环境安装,（2）在“系统变量”列表下单击【新建】按钮，弹出【新建系统变量】对话框，在“变量名”文本框中输入“JAVA_HOME”，“变量值”文本框中输入JDK

2、的安装路径“C:Program FilesJava jdk1.7.0_07”，如图1.3（a）所示。,1.1.1 开发环境安装,设置系统变量PATH。在“系统变量”列表中找到名为“PATH”的变量，单击【编辑】按钮，确保“变量值”字符串中已加入路径“%JAVA_HOME%bin;”或添加了“;C:Program FilesJava jdk1.7.0_02bin”，如图1.3（b）所示。,1.1.1 开发环境安装,选择任务栏【开始】【运行】，输入“cmd”并回车，进入DOS界面。在命令行输入“java -version”，如果配置成功就会出现Java的版本信息，如图1.4所示。,1.1.1 开发

3、环境安装,2安装Tomcat 7 Tomcat的运行离不开JDK的支持，所以要先安装JDK，然后才能正确安装Tomcat。本书采用最新的Tomcat 7.0作为承载Java EE应用的Web服务器，可以在其官方网站/下载，如图1.5所示为Tomcat的下载发布页。,1.1.1 开发环境安装,在安装完毕后启动Tomcat，按如图1.6所示进行操作。,1.1.1 开发环境安装,打开浏览器，输入“http:/localhost:8080”并回车，若呈现如图1.7所示的页面，则表明安装成功。,1.1.1 开发环境安装,3安装MyEclipse 10 本书用

4、到了MyEclipse的最新稳定版本MyEclipse 10.0，如图1.8所示为它的启动画面和版本信息框。,1.1.1 开发环境安装,4安装MySQL 5数据库 本书使用的MySQL 5安装版的可执行文件是mysql5.5.27_win32_zol.msi，双击启动安装向导，每一步都选择它的默认设置，具体的安装过程从略。 完成之后进入命令行，输入“mysql -u root -p”并回车，输入密码123（读者请输入自己设置的密码），将显示如图1.9所示的欢迎屏信息。,1.1.1 开发环境安装,（1）新建、查看数据库。 为了创建一个新的数据库，在“mysql”提示符后输入CREATE DATA

5、BASE（大小写均有，余同）语句，此语句指定了数据库名： mysqlCREATE DATABASE bookstore; mysqlcreate database test; 要查看刚刚新建的数据库，使用show databases语句，执行结果如图1.10所示。,1.1.1 开发环境安装,（2）在指定数据库中创建表。 应稍后的实践需要，需要在test数据库中创建表，但test并不是当前数据库，为了使它成为当前数据库，发布USE语句即可： mysqlUSE test 使用CREATE TABLE语句来完成创建表的工作，其格式如下： CREATE TABLE tbl_name (column_s

6、pecs) 这里创建一个名为user的表，留待后用： create table user ( id int auto_increment not null, username varchar(10) not null, password varchar(10) not null, primary key (id) );,1.1.1 开发环境安装,现在来检验一下MySQL是否确实如期创建了user表。 在命令行输入： mysql show tables; 系统显示数据库中已经有了一个user表，如图1.11所示，进一步输入： mysql describe user; 可详细查看user表的结构、

7、字段类型等信息。,1.1.1 开发环境安装,（3）向表中加入数据记录。 通常用INSERT语句向表中加入记录，格式如下： INSERT INTO tbl_name VALUES(value1, value2,) 例如： mysql INSERT INTO user VALUES(1, yu, yu ); mysql INSERT INTO user VALUES(2, zhouhejun, 19830925);,1.1.1 开发环境安装,请读者自己向表user中插入一些数据记录，以备后用。完成后输入： mysql select * from user; 查看表中的记录，笔者创建的表中的记录内容

8、如图1.12所示。,1.1.2 环境的整合,1配置MyEclipse 10所用的JRE 启动MyEclipse 10，选择菜单【Windows】【Preferences】，出现如图1.13所示的窗口。,1.1.2 环境的整合,选择左边目录树中的JavaInstalled JREs项，会发现MyEclipse 10已有默认的JRE选项（但本书不用这个），单击右边的【Add】按钮，添加1.1.1节1.安装的JDK 7并命名为jdk7，如图1.14所示。,1.1.2 环境的整合,2集成MyEclipse 10与Tomcat 7 启动MyEclipse，选择菜单【Windows】【Preference

9、s】，单击左边目录树中的MyEclipseServersTomcatTomcat 7.x选项，在右面激活Tomcat 7.x，设置Tomcat 7的安装路径，如图1.15所示。,1.1.2 环境的整合,进一步展开目录树，选择Tomcat 7.xJDK项，将其设置为前面刚设置的名为jdk7的Installed JRE（从下拉列表中选择），如图1.16所示。,1.1.2 环境的整合,在MyEclipse 10的工具栏中单击【Run/Stop/Restart MyEclipse Servers】复合按钮 右边的下拉箭头，选择菜单【Tomcat 7.x】【Start】，如图1.17所示。,1.1.2

10、环境的整合,在MyEclipse 10主界面下方控制台区会输出Tomcat的启动信息，如图1.18所示，说明服务器已经开启了。,1.1.2 环境的整合,3在MyEclipse 10中创建数据库连接 启动MyEclipse 10，选择菜单【Window】【Open Perspective】【MyEclipse Database Explorer】，打开MyEclipse 10的“数据库浏览器”模式，右击鼠标，选择菜单【New】，出现如图1.19所示的窗口，在其中编辑数据库连接驱动。,1.1.2 环境的整合,编辑完成以后，在DB Browser中右击刚才创建的mysql连接，如图1.20所示，选择

11、菜单【Open connection】，打开这个连接。,1.1.2 环境的整合,连接打开之后，可以看到数据库中的表，如图1.21所示，这就说明MyEclipse 10已经成功与MySQL 5相连了！,1.2 MyEclipse 10操作入门,1.2.1 IDE环境介绍 在Windows下选择菜单 【所有程序】【MyEclipse】【MyEclipse 10】，启动MyEclipse 10.0环境。初次启动会要求选择一个工作区（Workspace），如图1.22所示。,1.2.1 IDE环境介绍,单击【OK】按钮，进入集成开发工作界面，如图1.23所示。,1.2.1 IDE环境介绍,1界面布局

12、（1）菜单栏。 窗体顶部是菜单栏，它包含主菜单（如File）和其所属的菜单项（如FileNew），菜单项下面还可以显示子菜单，如图1.24所示。,1.2.1 IDE环境介绍,（2）工具栏。 位于菜单栏下面的是工具栏，如图1.25所示。,（3）透视图切换器。 位于工具栏最右侧的是MyEclipse特有的透视图切换器，如图1.26所示，它可以显示多个透视图以供切换。,1.2.1 IDE环境介绍,（4）视图。 如图1.27所示为一个大纲视图。,1.2.1 IDE环境介绍,（5）编辑器。 这个编辑器与视图非常相似，也能最大化和最小化，若打开的是JSP源文件，还会在编辑器的上半部窗口中实时显示出页面的预

13、览效果，如图1.28所示。,1.2.1 IDE环境介绍,2组件化的功能 在结构上，MyEclipse 10的功能可分为7类： Java EE模型。 Web开发工具。 EJB开发工具。 应用程序服务器的连接器。 Java EE项目部署服务。 数据库服务。 MyEclipse整合帮助。,1.2.1 IDE环境介绍,MyEclipse（6.0版之前）原本只是作为Eclipse环境的一个插件而存在的，只不过后来随着它功能的日益强大，逐步取代Eclipse而成为独立的Java EE集成开发环境，但在其界面的主菜单里至今仍保留着【MyEclipse】这一菜单，如图1.29所示。,1.2.2 一个简单的We

14、b程序,1创建Web Project 启动MyEclipse 10，选择菜单【File】【New】【Web Project】，出现如图1.30所示的【New Web Project】窗口，填写“Project Name”栏（为项目起名）为web_jsp，确保“Context root URL”一栏的内容为/web_jsp（即“/”+项目名的形式）。,1.2.2 一个简单的Web程序,2编写JSP 展开项目的工程目录树，右击WebRoot项，从弹出的菜单中选择【New】【File】，在如图1.31所示的窗口中输入文件名login.jsp。,1.2.2 一个简单的Web程序,MyEclipse会自

15、动在项目WebRoot目录下创建一个名为login.jsp的JSP文件，工程目录树如图1.32所示。,1.2.2 一个简单的Web程序,在编辑器中编写login.jsp代码如下： 登录页面 用户登录 姓名: 密码: ,1.2.2 一个简单的Web程序,3部署 MyEclipse默认的Web项目启动页是index.jsp，而这里希望它变为login.jsp，这需要修改web.xml文件： login.jsp ,1.2.2 一个简单的Web程序,如图1.33所示，单击工具栏上的【部署】（Deploy MyEclipse J2EE Project to Server）按钮，弹出如图1.34所示的【P

16、roject Deployments】对话框，将新建的Web项目部署到Tomcat中。,1.2.2 一个简单的Web程序,1.2.2 一个简单的Web程序,4运行浏览 启动Tomcat 7.x，在浏览器中输入http:/localhost:8080/web_jsp/并回车，将显示如图1.35所示的登录页面。,1.2.3 项目的基本操作,1导出项目 右击项目名web_jsp，选择菜单【Export】，在弹出的【Export】窗口中展开目录树，选择【General】【File System】（表示导出的项目存盘在本地文件系统），如图1.36所示，单击【Next】按钮继续。,1.2.3 项目的基本操

17、作,单击【Browse】按钮选择存盘路径，如图1.37所示。,1.2.3 项目的基本操作,2移除项目 右击项目名web_jsp，选择菜单【Delete】，弹出【Delete Resources】窗口，如图1.38所示，单击【OK】按钮。,1.2.3 项目的基本操作,3导入项目 下面再将刚刚移除的项目web_jsp重新导入工作区，在MyEclipse主菜单选择【File】【Import】，在【Import】窗口中展开目录树，选择菜单【General】【Existing Projects into Workspace】，如图1.39所示，单击【Next】按钮。,1.2.3 项目的基本操作,如图1.

18、40所示，选择要导入的项目，这里选刚刚移除的web_jsp，单击【确定】按钮。,1.2.3 项目的基本操作,最后单击【Finish】按钮将其导入，如图1.41所示。,1.3 Java EE传统开发,1.3.1 Model1模式 如图1.42所示为Model1模式开发的Web应用程序的结构及工作原理。,1.3.2 入门实践一：JSP+JDBC实现登录,1创建JavaBean 创建之前先要建一个包用于存放JavaBean类。 右击项目src文件夹，选择菜单【New】【Package】，如图1.43所示，在【New Java Package】窗口中输入包名“org.easybooks.booksto

19、re.jdbc”，单击【Finish】按钮。,1.3.2 入门实践一：JSP+JDBC实现登录,右击src，选择菜单【New】【Class】，出现如图1.44所示的【New Java Class】窗口。 MySQLConnBean.java代码所示。,1.3.2 入门实践一：JSP+JDBC实现登录,2创建JSP文件 本例要在项目WebRoot目录下一共创建4个JSP文件，它们分别承担不同的职能。 （1）login.jsp代码： 登录页面 用户登录 姓名: 密码: ,1.3.2 入门实践一：JSP+JDBC实现登录,（2）validate.jsp代码所示。 （3）welcome.jsp代码：

20、成功页面 ，您好！欢迎光临叮当书店。 ,1.3.2 入门实践一：JSP+JDBC实现登录,（4）error.jsp代码： 失败页面 登录失败！ ,1.3.2 入门实践一：JSP+JDBC实现登录,3添加JDBC驱动包 在项目的工程目录视图中刷新（快捷菜单【Refresh】），最后的目录树如图1.45所示。,1.3.2 入门实践一：JSP+JDBC实现登录,4部署运行 修改web.xml文件，改变项目启动页为login.jsp，部署、启动Tomcat服务器。 在浏览器中输入http:/localhost:8080/jsp_jdbc/并回车，出现如图1.46所示的登录首页，输入姓名、密码。,1.3

21、.2 入门实践一：JSP+JDBC实现登录,单击【登录】按钮提交表单，跳转到如图1.47所示的成功页面。,1.3.2 入门实践一：JSP+JDBC实现登录,当然，也可以尝试在图1.46的页面上输入错误的密码，或者输入一个数据库user表中不存在的用户名和密码，提交后就会跳转到如图1.48所示的失败页面。,1.3.3 Java EE程序的调试,1设置断点 在源代码语句左侧的隔条上双击鼠标，可以在当前行设置断点。这里将断点设置在validate.jsp源文件中，如图1.49所示。,1.3.3 Java EE程序的调试,2进入调试透视图 部署运行程序，如前图1.46所示那样在登录首页输入姓名、密码后

22、单击【登录】按钮提交表单，此时系统会自动切换到如图1.50所示的调试透视图界面。,1.3.3 Java EE程序的调试,3变量查看 右上部的Variables视图显示了此刻程序中各个变量的取值，如图1.51所示。,从图1.51可见usr、pwd、validated和sql已经有了值，那是因为刚刚执行了如下语句： String usr=request.getParameter(username);/获取提交的姓名 String pwd=request.getParameter(password);/获取提交的密码 boolean validated=false;/验证成功标识 /查询user表中

23、的记录 String sql=select * from user;,1.3.3 Java EE程序的调试,4变量跟踪 接下来，从断点处往下一步一步（单步）执行程序，同时跟踪各变量的动态变化，如图1.52所示。,1.3.3 Java EE程序的调试,单击第一下，执行语句： MySqlBean.OpenConn();/调用MySqlBean中加载JDBC驱动的方法 数据库连接建立，conn首先取得值，如图1.53所示。,1.3.3 Java EE程序的调试,再单击一下，执行语句： ResultSet rs=MySqlBean.executeQuery(sql);/取得结果集 rs和stmt也都取得了值，如图1.54所示。,1.3.4 知识点包、目录、Jar文件、Servlet、JSP、JDBC,1包 包（package）是Java中一个独特而非常重要的概念。它是一种Java文件的组织方式，一组特定的文件组织在一个包中完成一个或者一组特定的功能。包不仅仅是一种文件组织方式，同时也和Java的语言规范关联。 2目录 既然Java定义了包的概念，那么Java的源程序文件和编译产生的class文件都必须按照包名来组织目录结构。当在程序中声明了所属的包的时候，程序源文件本身必须存放在包对应的目录中。,1.3.4 知识点包、目录、Jar文件、Servlet、JS