Javabean+servlet+JSP(html)实例应用

  大家都知道Javabean+servlet+JSP是最简单的MVC模式。的确,在一个小型的项目中,这个模式完全够用。

它优雅并且简洁。加上jQueryui的完美展示效果,让这个模式看起来非常合适。当然这其中必不可少的是ajax和json格式的应用。

  1、首先从数据库(sqlserver)中获取结果集并封装到Javabean中。在此之前要定义你所需要的bean类。  

/*
     * 查询Branch
     */
    public ArrayList<Branch> selBranch(Connection connection){
        Branch branch=null;
        ArrayList<Branch> list=new ArrayList<Branch>();
        if (connection == null) {
            return null;
        }
        String sql="select distinct mb.BRANCH_CD,mb.BRANCH_NM  from BRANCH mb";
        try {
            PreparedStatement ps=connection.prepareStatement(sql);
            ResultSet rs=ps.executeQuery();
            while(rs.next()){
                branch =new Branch();
                branch.setBranchCD(rs.getInt(1));
                branch.setBranchName(rs.getString(2));
                list.add(branch);
            }
            ps.close();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        finally {
            try {
                connection.close();
                connection = null;
            } catch (SQLException e) {
                e.printStackTrace();
            }
        }
        return list;            

    }

2、然后创建Servlet

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doPost(request, response);
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
            response.setContentType("text/json; charset=utf-8");
            SqlHandleTool sqlHandleTool=new SqlHandleTool();
            SqlConnectTool connection=new SqlConnectTool();
            ArrayList<Branch> list = sqlHandleTool.selBranch(connection.getSql2008Connection());
            JSONArray jsonArray=JSONArray.fromObject(list);
            PrintWriter out = response.getWriter();
            out.println(jsonArray);
    }
3、最后在js中应用ajaxfunction loadBranch(){
    $.ajax({
         url: "BranchsList.do",
         dataType:"json",
         //async: false,
         success:function(data){
             var options = [];
             for(var i=0;i<data.length;i++){
                 options.push(‘<option value="‘ + data[i].branchCD + ‘">‘
                            + data[i].branchName + ‘</option>‘);
             }
             $("#sel5").empty()
              .html(options.join(""))
              .attr("loaded", true);
             count++;
             exec();
         },
         error:function(){
         }
    });
}
时间: 2024-10-12 01:25:23

Javabean+servlet+JSP(html)实例应用的相关文章

javabean+servlet+jsp实现分页

前端实现用ligerUI实现分页,感觉用框架确实简单,闲着无聊,模拟着liger的分页界面实现了一遍(只要是功能,样式什么无视) 这里用基础的三层架构+servlet+jsp实现,思路很简单,把所有分页相关信息写入到一个pagebean类里面,service返回这个bean类,每次分页查询时都从该bean里查找信息.只是其中的细节问题比较繁琐,如边界处理(前端和后台边界都要处理),下拉框跳转后要显示当前页等等 这是ligerUI实现的分页样式(实现过程我的上一篇博客有写) 模拟实现过程: 目录结

JavaBean+servlet+jsp——&gt;对数据进行增删改查

1.开始页面(查询数据) 1 <%@page import="com.zdsofe.work.Student"%> 2 <%@page import="java.util.List"%> 3 <%@page import="com.zdsofe.work.ReadData"%> 4 <%@ page language="java" contentType="text/html

javabean+servlet+jsp程序_个人辛苦探索

主要介绍主流的java web编程技术.设计模式和框架,以及如何利用Eclipese开发Web应用程序. 要点:1.Java Web编程的主要组件技术: 2.MVC设计模式: 3.用Eclipse构建一个基于MVC模式的Java Web的应用程序. 目的:掌握如何用Eclipse构建一个基于MVC模式的Java WEB的应用程序. 一.java web 编程的主要组件技术 Html.jsp.Servlet.Javabean.Jdbc.Xml.Tomcat.MySQL 1.1 MVC设计模式 今天

课程信息管理系统(javabean + Servlet + jsp)

此项目做的事一个课程管理系统,需要通过web做一个可以实现课程的增删改查的功能. 需要用到数据库,Servlet和jsp等(第一次使用Servlet和数据库连接,所以代码都比较低级,页面也比较粗糙,还没有实现Servlet处理后数据的回传,还未实现模糊查询) 程序所建的项目如下: 1.首先建立数据库链接 course/src/com.jdbc.util/BaseConnection.java 代码如下: 1 package com.jdbc.util; 2 3 4 import java.sql

【MVC】Servlet+Jsp+MySql用户登录实例

林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 本文要用Servlet+Jsp+MySql实例用户登录,并简要介绍了下MVC的思想,此例子也是按照这个思路来做的.在Eclipse+tomcat7.0上做的.不会很难,对于了解MVC思想很有帮助! 效果: 这是刚开始的界面 这是错误时的信息 这是成功时的信息 一.MVC简介 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(control

JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)

一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JSP+JavaBean开发模式,通过这个用户登录注册程序综合案例,把之前的学过的XML.Xpat

javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册

一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JSP+JavaBean开发模式,通过这个用户登录注册程序综合案例,把之前的学过的XML.Xpat

javaweb学习总结——基于Servlet+JSP+JavaBean开发模式的用户登录注册

一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JSP+JavaBean开发模式,通过这个用户登录注册程序综合案例,把之前的学过的XML.Xpat

对基于Servlet+JSP+JavaBean开发模式的用户登录注册的升级

还记得我前面所写的博文基于Servlet+JSP+JavaBean开发模式的用户登录注册吗?我们以前是创建代表数据库的xml文件来保存用户信息的,现在我们已经学习了数据库相关的知识,所以应把xml换成数据库,升级成数据库应用. 我们在把以前的工程复制并拷贝时,假设以前的工程名是day09_user,现复制一份并拷贝,重新修改工程名为day14_user,此刻将其直接部署在tomcat服务器上,那么day14_user这个JavaWeb应用映射的虚拟目录仍然是"/day09_user",