빅 데이터 공식 34

빅 데이터 공식 34
Spring + SpringMVC 작은 예
효과 도

기능 설명
Spring 을 전체 프레임 으로 하여 코드 를 간소화 하고 프로필 로 결합 을 풀 수 있 습 니 다 SpringMVC 를 이용 하여 고전적 인 3 층 구 조 를 간소화 하고 프로필 과 주석 으로 간소화 이것 은 데이터베이스 목록 을 보 여 주 는 demo (디 스 플레이: 데이터베이스 와 관련 이 있 습 니 다. 삭제: Jquery 가 쓴 것 은 데이터베이스 와 무관 합 니 다)
jar 가방

데이터베이스
데이터베이스 이름
springmvc_db

시계
user

표 구조

표 데이터

프로젝트 구조

코드
com.peng.controller
UserController

package com.peng.controller;

import java.sql.Date;
import java.text.SimpleDateFormat;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Qualifier;
import org.springframework.beans.propertyeditors.CustomDateEditor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.ServletRequestDataBinder;
import org.springframework.web.bind.annotation.InitBinder;
import org.springframework.web.bind.annotation.RequestMapping;

import com.peng.pojo.User;
import com.peng.service.UserService;

@Controller
public class UserController {

    //   service   
    @Autowired
    @Qualifier(value = "userService")
    private UserService userService;

    //        
    @RequestMapping("showUsers.action")
    public String showUsers(Model model) {
        //        
        List user_list = userService.selectUsers();
        //              
        model.addAttribute("user_list", user_list);
        return "users";
    }

    //       
    @InitBinder
    public void InitBinder(ServletRequestDataBinder srdb) {
        srdb.registerCustomEditor(Date.class, new CustomDateEditor(
                new SimpleDateFormat("yyyy-MM-dd"), true));
    }
}

com.peng.dao
UserDao

package com.peng.controller;

import java.sql.Date;
import java.text.SimpleDateFormat;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Qualifier;
import org.springframework.beans.propertyeditors.CustomDateEditor;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.ServletRequestDataBinder;
import org.springframework.web.bind.annotation.InitBinder;
import org.springframework.web.bind.annotation.RequestMapping;

import com.peng.pojo.User;
import com.peng.service.UserService;

@Controller
public class UserController {

    //   service   
    @Autowired
    @Qualifier(value = "userService")
    private UserService userService;

    //        
    @RequestMapping("showUsers.action")
    public String showUsers(Model model) {
        //        
        List user_list = userService.selectUsers();
        //              
        model.addAttribute("user_list", user_list);
        return "users";
    }

    //       
    @InitBinder
    public void InitBinder(ServletRequestDataBinder srdb) {
        srdb.registerCustomEditor(Date.class, new CustomDateEditor(
                new SimpleDateFormat("yyyy-MM-dd"), true));
    }
}

UserDaoImpl

package com.peng.dao;

import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Qualifier;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.jdbc.core.RowMapper;
import org.springframework.stereotype.Repository;

import com.peng.pojo.User;

@Repository(value = "userDao")
public class UserDaoImpl implements UserDao {
    //   jdbcTemplate  
    @Autowired
    @Qualifier(value = "db_template")
    private JdbcTemplate jdbcTemple;

    public List selectUsers() {
        RowMapper rm = new RowMapper() {

            public User mapRow(ResultSet rs, int rowNum) throws SQLException {
                User user = new User();
                user.setId(rs.getString("id"));
                user.setName(rs.getString("name"));
                user.setEmial(rs.getString("email"));
                user.setMoney(rs.getString("money"));
                return user;
            }
        };
        List list_users = jdbcTemple.query("select * from user", rm);
        return list_users;
    }
}

com.peng.pojo
User

package com.peng.pojo;

public class User {
    private String id;
    private String name;
    private String email;
    private String money;

    public User() {
        super();
    }

    public User(String id, String name, String emial, String money) {
        super();
        this.id = id;
        this.name = name;
        this.email = emial;
        this.money = money;
    }

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getEmial() {
        return email;
    }

    public void setEmial(String emial) {
        this.email = emial;
    }

    public String getMoney() {
        return money;
    }

    public void setMoney(String money) {
        this.money = money;
    }

}

com.peng.service
UserService

package com.peng.service;

import java.util.List;

import com.peng.pojo.User;

public interface UserService {
    /**
     *        
     * 
     * @return
     */
    List selectUsers();

}

UserServiceImpl

package com.peng.service;

import java.util.List;

import com.peng.pojo.User;

public interface UserService {
    /**
     *        
     * 
     * @return
     */
    List selectUsers();

}

프로필
applicationContext.xml

db_config.properties

jdbc.username=root
jdbc.password=root
jdbc.url=jdbc:mysql://localhost:3306/springmvc_db
jdbc.driver=com.mysql.jdbc.Driver

jquery-1.4.2.js

user.jsp






    






    $(function() {
        $("#add").click(
                function() {
                    //      
                    var id = $("#box1 input[name='id']").val().trim();
                    var name = $("#box1 input[name='name']").val().trim();
                    var email = $("#box1 input[name='email']").val().trim();
                    var salary = $("#box1 input[name='salary']").val().trim();
                    //  
                    if (id == "" || name == "" || email == "" || salary == "") {
                        alert("        ");
                        return;
                    }
                    //  id    
                    var flag = false;
                    $("table tr").each(function() {
                        if ($(this).find("td:eq(1)").text() == id) {
                            alert("ID   ");
                            flag = true;
                            return false;
                        }
                    });
                    if (flag) {
                        return;
                    }
                    //           
                    var $tab = $("table");
                    var $tr = $("<tr></tr>");
                    var $td0 = $("<td><input type='checkbox'/></td>");
                    var $td1 = $("<td>" + id + "</td>");
                    var $td2 = $("<td>" + name + "</td>");
                    var $td3 = $("<td>" + email + "</td>");
                    var $td4 = $("<td>" + salary + "</td>");
                    $tr.append($td0).append($td1).append($td2).append($td3)
                            .append($td4);
                    $tab.append($tr);

                });
        //    
        $("#all").click(function() {
            //      
            var check = $(this).attr("checked");
            //             
            $("table input").attr("checked", check);
        });
        //  
        $("#del").click(function() {
            $("input:checked:not(input[id='all'])").parents("tr").remove();
        });
        //  
        $("#upd").click(function() {
            //      
            var id = $("#box2 input[name='id']").val().trim();
            var name = $("#box2 input[name='name']").val().trim();
            var email = $("#box2 input[name='email']").val().trim();
            var salary = $("#box2 input[name='salary']").val().trim();

            //  
            if (id == "" || name == "" || email == "" || salary == "") {
                alert("        ");
                return;
            }
            //  ID     
            var flag = true;
            $("table tr").each(function() {
                if ($(this).find("td:eq(1)").text() == id) {
                    //    
                    flag = false;
                    $(this).find("td:eq(2)").text(name);
                    $(this).find("td:eq(3)").text(email);
                    $(this).find("td:eq(4)").text(salary);
                    return false;

                }
            });
            if (flag) {
                alert("  id   ！");
            }

        });

    });




    =     
    
        ID：   ：
          ：   ： 
    
    
    
            
        
             
            ID
              
              
              
        
        
                
                ${item.id}
                ${item.name}
                ${item.emial}
                ${item.money}
            
        

    
    
        선택 삭제
    

    
    
        ID：   ：
          ：   ：

	ID
	${item.id}	${item.name}	${item.emial}	${item.money}

web.xml




    
    
    
        characterFilter
        org.springframework.web.filter.CharacterEncodingFilter
        
            encoding
            utf-8
        
        
            forceEncoding
            true
        
    
    
        characterFilter
        /*
    
    
    
        springmvc_dispatcher
        org.springframework.web.servlet.DispatcherServlet
        
            contextConfigLocation
            classpath:/applicationContext.xml
        
    
    
    
        springmvc_dispatcher
        *.action
    
    
    
        index.jsp

index.jsp






  
    

    My JSP 'index.jsp' starting page
    
    
        
    
    
    
  

  
    This is my JSP page.

빅 데이터 공식 34

=

좋은 웹페이지 즐겨찾기