当前位置:   article > 正文

在NetBeans中使用MySQL创建简单Web应用程序(一)_netbeans将mysql中的数据执行到网页上的代码

netbeans将mysql中的数据执行到网页上的代码

本文介绍了如何创建与 MySQL 数据库连接的简单、分布式 Web 应用程序。此外,本文还涉及 Web 开发的一些基本想法和技术,如 Java Server Pages 和三层架构,我们会在构造 Web 应用程序时详细介绍。本教程专为基本了解 Java 编程和 Web 开发,并渴望实践所学知识的初学者设计。

作为一种流行的开放源数据库管理系统MySQL凭借其速度、灵活性和可靠性方面的优势普遍用于 Web 应用程序中。MySQL 采用 SQL Structured Query 语言,访问并处理数据库中包含的数据。

本教程是 Connecting to a MySQL Database 教程的继续本教程假设您已在NetBeans IDE 中创建并配置了到 MySQL 数据库的连接。您还需要 ifpwafcad.sql 中包括的数据库表数据。该 SQL 文件创建了两个counselors subjects然后使用样例数据填充它们。将该文件保存到本地目录中然后在 NetBeans 中打开它并在您的 MySQL 数据库中运行它。在本文中,我们工作的数据库命名为 test

 

预计持续时间:40分钟

 

本教程将介绍以下主题:

l      获得软件

l      规划结构

l      创建一个新项目

l      准备 Web 页面

l      部署到服务器

l      实现数据层

l      实现逻辑层

l      实现演示层

l      下一步

 

获得软件

开始之前,确保您在计算机上安装了如下软件:

l      NetBeans IDE 5.5

l      Java SE Development Kit (JDK™) version 5.0 或更高版本

l      MySQL 数据库

l      JDBC Driver for MySQL

l      Sun Java System Application Server

注意本教程中未严格要求使用 Sun Java System Application Server (SJSAS)因为您可以使用 Tomcat 它是与 NetBeans IDE 绑定的 Web 服务器。然而,如果您计划在 IDE 中开发应用程序,那么应用程序服务器会提供很多工具和技术支持,使开发人员的工作更轻松。  

规划结构

简单的 Web 应用程序通常采用三层架构设计,其中的用户界面、功能流程逻辑和数据访问与存储均可独立地进行维护。换句话说,这三层的每一层代表了可在自己平台上运行的模块(因此使用术语“分布式”)。

对于本教程中构建的应用程序而言,演示层或用户界面由 JSP 页面表示,这些页面用来准备发送给客户端浏览器的 HTML。我们可以使用几个简单的 Java 类来编码中间层或逻辑层。最后,可以使用 MySQL 数据库中的几个表实现数据层。考虑以下的客户端服务器场景:

 

浏览器中显示的欢迎页面 index.jsp) 包含一个简单窗体,允许访问者指定数据。当一个请求传递到包含数据的服务器时,开始访问 JSP 页面(response.jsp),该页面可立即将指定数据传递给 SubjectCounselor.java,这样信息检索流程可以开始了。Java 类处理数据并利用 AccessDB.java 准备发送给数据库的 SQL 查询。然后AccessDB.java 与数据库连接按照 SQL 查询指定的内容, subjects counselors 表中检索数据。最后,启动返回行程,response.jsp 中包含的检索到的数据形成了服务器对客户端的响应。

 

创建一个新项目

为了实现上述场景,我们为名为 IFPWAFCAD 的虚拟组织或者国际前职业摔跤手咨询与发展联盟开发一个简单的应用程序。利用该应用程序,用户可以从下拉列表 index.jsp 中选择咨询主题,然后从 MySQL 数据库中检索数据并将信息返回给用户 response.jsp):

index.jsp

response.jsp

 

让我们首先在 IDE 中创建一个新项目:

  1. 激活 NetBeans IDE 并从 File 菜单中选择 New Project (Ctrl+Shift+N)。在 Categories 下选择 Web并在 Projects 下选择 Web Application。单击 Next。
  2. Project Name 输入 IFPWAFCAD Server 下拉列表中选择你计划使用的服务器。就我们的目的而言,保留所有其他设置为默认值即可,然后单击 Finish。

    注意如果您下载了 SJSAS 但是没有在 NetBeans IDE 中注册它可以通过单击 Server 下拉列表右边的 Manage 按纽轻松注册它。Server Manager 打开使您能够注册新的服务器。有关更多信息请参见 IDE Help Contents (F1) 中的 Registering a Sun Java System Application Server Instance

    IDE
    为整个应用程序创建一个项目模板并在 Source Editor 中打开一个空白 JSP 页面index.jsp。要更好的了解项目模板的结构请参见 IDE Help Contents (F1) 中的 About Structuring Web Source Files

 

准备 Web 页面

应用程序的演示层包括两个 JSP 页面:欢迎页面和将指定数据返回给用户的响应页面。我们可以首先为这两个页面创建占位符。这意味着,现在将添加 HTML,然后一旦实现了逻辑层就添加特定于 JSP 的代码。

实现欢迎页面

 

让我们首先将 index.jsp 转换到 IFPWAFCAD 的欢迎页面:

  1. 确保在 Source Editor 中打开了 index.jsp如果没有打开 Projects 窗口的 IFPWAFCAD > Web Pages > index.jsp 中双击它。然后在 Source Editor 中将标题更改为 IFPWAFCAD Homepage
  2. 现在,使用以下代码替换主体部分:

    
    
  
  

Welcome to IFPWAFCAD, the International Former Professional

    
Wrestlers' Association for Counseling and Development!

   
   
    
     
   
   
  

  
     
     
    
      
    
    
      
    
    
      
    
  
IFPWAFCAD offers expert counseling in a wide range of fields.

To view the contact details of an IFPWAFCAD certified former
      
professional wrestler in your area, select a subject below:
        
           
           
          
          Select a subject:
            
            
          
  •            
  •            
  •          
  •           
                
                
            
                
                
          
    
         
         
                    
         
         


    这基本上在表内创建了一个简单的窗体。随后,当我们实现 JSP 代码时,将使用直接从数据库中获得所有主题名称的循环替换样例主题。此外,注意窗体提交给我们将要创建的 response.jsp 页面。

    实现响应页面

     

    要创建 response.jsp 的占位符,执行以下操作:

      • Projects 窗口中右键单击 IFPWAFCAD 项目节点并选择 New > JSP....New JSP File 对话框打开。
      • JSP File Name 字段中输入 response。注意 Location 字段当前选择了 Web Pages意味着将在与欢迎页面相同的目录中创建该文件。
      • 接受所有其他默认值并单击 Finish。生成新 response.jsp 页面的模板且该模板在 Source Editor 中打开。新的 JSP 节点还显示在 Projects 窗口中的 Web Pages

      • 现在 Source Editor 中将该文件标题更换为更有意义的标题(Chosen Subject)
      • 下一步,用以下代码替换模板主体部分:
    
         
         
      
      

    (Chosen Subject)

      
      
          
          
        
          
          
        
        
          
          
        
        
          
          
        
      
    Description: (subject description)
    Counselor: (counselor's name)
            
            member since: (a date)
    Contact Details: email: <(an email address)>
            
    phone:
    <(a telephone number)>
    
          
          
                    
          
          


    一旦我们在 JSP 中编码就会为将要生成的输出创建一个 HTML 模板。注意,上面所有括号中的字段都可以通过访问数据层动态生成。

     

    部署到服务器

    要了解应用程序在用户那看起来是怎样的,我们需要部署目前所得到的应用程序到 Web 服务器,以便在浏览器上看到页面。注意我们的 JSP 页面尚未包含任何 JSP 代码,因此您现在可以简单地更改扩展名为 .htm,然后在浏览器中单独打开它们。然而,我们需要 Web 服务器编译 JSP 代码以及逻辑层的 Java 类,因此也可能开始使用 Web 服务器。

    无论您正在运行 NetBeans IDE 捆绑的 Tomcat 还是 SJSAS一旦在 IDE 中注册了服务器部署应用程序的过程是相同的。如果需要对 IDE 中的服务器设置进行任何更改请从主菜单中选择 Tools > Server Manager 打开 Server Manager

    要部署应用程序到服务器:

    1. Projects 窗口中右键单击项目节点并选择 Deploy ProjectNetBeans IDE 自动启动服务器如果它尚未启动、编译然后将项目部署到服务器。您可以看到在 Output 窗口生成的任何输出。该输出应该以 BUILD SUCCESSFUL 消息作为结束。

      要检查应用程序的确被部署到了服务器中打开 Runtime 窗口Ctrl+5并展开 Servers 节点。在此列出 IDE 中注册的服务器。对于 Tomcat 而言,要展开 Web Applications查看在服务器上编译的 IPFWAPCAD 应用程序。对于 SJSAS 而言展开 Applications > Web Applications 查看该应用程序。
    2. 要运行项目返回到 Projects 窗口从项目节点右键单击菜单中选择 Run Projectindex.jsp 页面在 IDE 的默认浏览器中打开。

      提示:如果我们简单地选择了 Run Project 作为开始,那么在浏览器中打开该应用程序之前,它将已经被自动编译和部署到服务器中了。

    实现数据层

    在考虑为中间逻辑层编码之前,先准备好数据层。这可以容易地分成几个简单的子任务:

    1.       NetBeans IDE 中准备数据库

    2.       设置 JDBC 连接池

    3.       引用应用程序中的 JDBC 资源

    4.       将数据库驱动的 JAR 文件添加到服务器中  

    NetBeans IDE 中准备数据库

    完成 MySQL 数据库连接 教程之后,您将已经拥有一个与 IDE 中注册的 MySQL 数据库的连接。应该还有两个 counselors subjects包含 ifpwafcad.sql 中生成的样例数据。

    设置 JDBC 连接池

    为了指定 Web 服务器允许的应用程序与数据库通信的方式,我们需要设置一个数据库连接池。数据库连接池基本上就是一组可重用连接,服务器使用它维护特定数据库。请求与服务器连接的 Web 应用程序从该池中获得连接。当应用程序关闭连接时,连接返回池中。

    为了在服务器上设置连接池,我们需要创建一个 JDBC 资源(也称数据资源)。JDBC 资源为应用程序提供到数据库的连接。根据您使用的是 Tomcat 还是 SJSAS,执行以下操作:

    捆绑的 Tomcat Web Server
    1. 通过展开 Servers > Bundled Tomcat > Web Applications 节点 Runtime 窗口中访问 Tomcat Administration 工具如有必要从服务器节点的右键单击菜单中选择 Start 先启动服务器。然后右键单击 /admin 节点并选择 Open in Browser。登录页面在 IDE 的默认浏览器中打开。
    2. 为已经指定为“管理员”角色的用户,输入用户名和密码。如果需要验证该信息,可以检查位于服务器基目录的 conf 文件夹中的 tomcat-users.xml 文件。可以通过打开 Server Manager (Tools > Server Manager) 找出基目录从左侧窗格中选择 Tomcat 并查看 Connection 选项卡下 Catalina Base 字段中输入的内容。

    3. 一旦登录从左列中选择 Resources > Data Sources。在显示的主窗口中 Data Source Actions 下拉菜单中选择 Create New Data Source。在相应字段中输入以下值:

    m         JNDI Name jdbc/connectionPool

    m         Data Source URL: jdbc:mysql://localhost:3306/test

    m         JDBC Driver Class: com.mysql.jdbc.Driver

    m         User Name root

    m         Password nbuser


    要更好的了解此处执行的操作请参见 IDE Help Contents (F1) 中的 About Connection Pools

    确定您输入的值与下面屏幕截图中的值一致后,单击 Save。然后单击 Commit Changes最后单击 Log Out

    Sun Java System Application Server

     

    SJSAS 上设置 JDBC 连接池略微容易一些因为可以完全在 NetBeans IDE 中完成该设置

    1. Projects 窗口中右键单击该项目节点并选择 New > File/Folder....。在 Categories 下选择Sun Resources File Types 下选择 JDBC Resource。单击 Next。
    2. General Attributes 窗格中选择 Create New JDBC Connection Pool 单选按纽然后在JNDI Name 下输入 jdbc/connectionPool保留所有其他设置为默认值并单击 Next。然后在  Additional Properties 窗格中再次单击 Next
    3. Choose Database Connection 窗格中注意根据我们以上指定的 JNDI 名称自动提供连接池名称。确保选择 Extract from Existing Connection 单选按纽然后从下拉列表中选择我们正在使用的数据库连接jdbc:mysql://localhost:3306/test。单击 Next。
    4. Add Connection Pool Properties 窗格中保留所有其他设置为默认值并单击 Finish。在项目中创建新的数据源和连接池。您可以通过展开 Server Resources 节点验证这个操作,查看我们刚创建的数据源和连接池:

     

    虽然我们刚在项目中创建了数据源和连接池,但仍需要使用应用程序服务器注册它们。执行以下操作:

    1. 从数据源和连接池节点的右键单击菜单中选择 Register。在显示的 JDBC Resource Registration 对话框中,单击 Register,然后单击 Close
    2. 要验证的确在服务器上创建了 JDBC 资源和连接池可以切换到 Runtime 窗口并从 Sun Java System Application Server 节点右键单击菜单中选择 View Admin ConsoleAdministration 登录页面在 IDE 的默认浏览器中打开。
    3. 登录到控制台默认情况下用户名和密码为adminadminadmin 。从左列中选择 Resources然后在主窗口中单击 JDBC
    4. 现在当您展开 JDBC Resources Connection Pools 页面时应该看到新建的数据源jdbc/connectionPool和连接池connectionPool

    引用应用程序中的 JDBC 资源

    我们现在需要从 Web 应用程序中引用刚创建的 JDBC 资源。这意味着必须访问 Web 应用程序的通用部署描述符(Web.xml),以及所使用服务器的特定于服务器的部署描述符(Tomcat context.xmlSJSAS sun-Web.xml)。

    部署描述符是一种 XML 文档,这些文档包含描述应用程序部署方式的信息。例如,它们通常用于指定 servlets JSP 文件的位置和可选参数,并且为您的应用程序实现基本安全功能。有关更多信息请参见 IDE Help Contents (F1) 中的 Configuring Web Application Deployment Descriptors

    要引用通用部署描述符中的 JDBC 资源:

    1. Projects 窗口中展开  Web Pages > WEB-INF 子文件夹然后双击 Web.xml   Source Editor 中显示该文件的图形编辑器
    2. 单击位于 Source Editor 旁的 References 选项卡。展开 Resource References 标题然后单击 Add....打开 Add Resource Reference 对话框。
    3. 对于 Resource Name输入我们为以上服务器jdbc/connectionPool添加数据源时给出的 JNDI 名称。对于 Description输入数据源 URL (jdbc:mysql://localhost:3306/test)。保留所有其他字段为默认值然后单击 OK。新资源即被添加到 Resource References 标题下。



      要验证现在添加给 Web.xml 文件的资源单击位于 Source Editor 顶部的 XML 选项卡您将会看到以下 <resource-ref> 标记包含在内
    
          
          
          
          
        
           
           
            
            jdbc:mysql://localhost:3306/test [root on Default schema]
           
           
          
          
        
           
           
            
            jdbc/connectionPool
           
           
          
          
        
          
          
           
           javax.sql.DataSource
          
          
          
          
        
          
          
           
           Container
          
          
          
          
        
           
           
            
            Shareable
           
           
          
          
    
          
          
                    
          
          

     

    现在根据您使用的是 Tomcat 还是 SJSAS执行以下操作引用特用于服务器的部署描述符中的 JDBC 资源

    捆绑的 Tomcat Web Server
    1. Projects 窗口中展开 Web Pages > META-INF 子文件夹然后双击 context.xml 文件显示在 Source Editor 中。
    2. 添加以下 标记,然后保存文件(以粗体显示更改):
    
          
          
          
          
    
          
          
          
          
        
            
            
          
          
    
          
          
                    
          
          
    Sun Java System Application Server
    1. Projects 窗口中展开  Web Pages > WEB-INF 子文件夹然后双击 sun-Web.xml Source Editor中显示该文件的图形编辑器
    2. 单击编辑器右上角的 Edit As XML。文件以 XML 格式显示。现在在文档中输入以下 标记例如接着结尾的 标记输入
    
          
          
          
          
        
           
           
            
            jdbc/connectionPool
           
           
          
          
        
           
           
            
            jdbc/connectionPool
           
           
          
          
    
          
          
                    
          
          

    将数据库驱动的 JAR 文件添加到服务器中

    添加数据库驱动的 JAR 文件是实现服务器与数据库通信的不可缺少的另一步。您需要找到数据库驱动的安装目录。如果是继续MySQL 数据库连接教程的学习,将使用安装到您计算机 C:/ 中的 MySQL Connector/J。在驱动根目录中复制 mysql-connector-java-5.0.5-bin.jar 文件并根据使用的是 Tomcat 还是 SJSAS 执行以下操作

    捆绑的 Tomcat Web Server

    l      粘贴 JAR 文件到 Tomcat common/lib 子文件夹中。默认情况下 IDE 的安装目录的 enterprise 子文件夹内可以找到服务器。如果已经启动服务器,确保在粘贴了 JAR 文件后重启它,使服务器能够加载它。

    Sun Java System Application Server

    l      找到 SJSAS 的安装目录并粘贴 JAR 文件到服务器的 domains > domain1 > lib > ext 子文件夹中。例如如果将服务器安装到 C:/路径为 C:/Sun/AppServer/domains/domain1/lib/ext NetBeans IDE 中与 SJSAS 连接时您实际是与应用程序服务器的实例连接。每个实例都在一个唯一的域中运行应用程序,因此我们需要在 domain1 中放置 JAR 文件,domain1 是安装 SJSAS 时创建的默认域。如果已经启动服务器,确保在粘贴了 JAR 文件后重启它,使服务器能够加载它。

     


    声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/538398
    推荐阅读
    相关标签
      

    闽ICP备14008679号