jsf 인증 코드 기능 구현

http://stenlylee.iteye.com/blog/317179  이 친구 의 이 글 을 배우 고 나 는 실현 절 차 를 상세 하 게 쓰 고 있다.
 
우선 제 예 환경 은 hibenate + spring + jsf 입 니 다.
 
다시 한 번, 백 빈 의 코드 를 조금 수정 해 보 겠 습 니 다. 다음 과 같 습 니 다.
public class ImageData implements Serializable {

	private static final long serialVersionUID = -8161565799237268271L;
	private BufferedImage image;
	Integer width = 60;
	Integer height = 20;
	Color bankgroud = new Color(0xFFFFFF);
	Color drawColor = new Color(0x000000);
	Font textFont = new Font("Comic Sans ms", Font.PLAIN, 18);
	String str = "0,a,2,x,e,5,j,7,l,9,1,b,c,d,4,f,g,h,i,6,k,8,m,n,o,p,q,r,s,t,u,v,w,3,y,z";
	Random random = new Random();

	public void paint(OutputStream out, Object data) throws IOException {
		if (data instanceof ImageData) {
			// create the image
			image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
			Graphics graphics = image.getGraphics();
			graphics.setColor(bankgroud);
			graphics.fillRect(0, 0, width, height);
			graphics.setColor(drawColor);
			graphics.drawRect(0, 0, width - 1, height - 1);
			graphics.setFont(textFont);
			//      
			for (int i = 0; i < 160; i++) {
				int x = random.nextInt(width);
				int y = random.nextInt(height);
				int xl = random.nextInt(12);
				int yl = random.nextInt(12);
				graphics.setColor(getRandColor(100, 250));
				graphics.drawLine(x, y, x + xl, y + yl);
			}
			//      
			graphics.setColor(drawColor);
			String code = "";
			String[] array = str.split(",");
			for (int i = 0; i < 4; i++) {
				String rand = array[random.nextInt(36)];
				code += rand;
				graphics.drawString(rand, 13 * i + 6, 16);
			}
			/**
			 *                 ,       facesUtil   ,
			 *                session
			 */
			FacesContext facesContext = FacesContext.getCurrentInstance();
			try {
				HttpSession session = (HttpSession) facesContext
						.getExternalContext().getSession(true);
				session.setAttribute("code", code);
			} catch (Exception e) {
				e.printStackTrace();
			}

			// FacesUtil.getSession().setAttribute("code", code);
			graphics.dispose();
		}
		ImageIO.write(image, "JPEG", out);
	}

	private Color getRandColor(int fc, int bc) {
		Random random = new Random();
		if (fc > 255)
			fc = 255;
		if (bc > 255)
			bc = 255;
		int r = fc + random.nextInt(bc - fc);
		int g = fc + random.nextInt(bc - fc);
		int b = fc + random.nextInt(bc - fc);
		return new Color(r, g, b);
	}

}

  그리고 이 bean 은 jsf 프로필 에 쓰 려 고 합 니 다.
 
<managed-bean>      
		<managed-bean-name>validateCodeImageData</managed-bean-name>  
   	<managed-bean-class>  
       com.express.bb.ImageData   
   	</managed-bean-class>  
   		<managed-bean-scope>request</managed-bean-scope>  
	</managed-bean> 

 
그 다음 에 생 성 된 랜 덤 코드 를 jsf 페이지 에 표시 하려 면 richfaces 태그 로 표시 해 야 합 니 다. http://www.jboss.org/jbossrichfaces/downloads/ 여기 서 가방 (제 가 사용 하 는 3.1 버 전) 을 내 려 서 가방 을 프로젝트 에 안내 한 후에...
웹. xml 파일 에 다음 코드 를 추가 합 니 다.
<!--                   richfaces              -->
	<context-param>
	<param-name>org.richfaces.SKIN</param-name>
	<param-value>blueSky</param-value>
	</context-param>
	<filter>
	<display-name>RichFaces Filter</display-name>
	<filter-name>richfaces</filter-name>
	<filter-class>org.ajax4jsf.Filter</filter-class>
	</filter>
	<filter-mapping>
	<filter-name>richfaces</filter-name>
	<servlet-name>Faces Servlet</servlet-name>
	<dispatcher>REQUEST</dispatcher>
	<dispatcher>FORWARD</dispatcher>
	<dispatcher>INCLUDE</dispatcher>
	</filter-mapping>

 마지막 으로 표시 할 페이지 에 추가 할 수 있 습 니 다.
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>


<a4j:mediaOutput element="img" cacheable="flase" session="false"
				rendered="true" createContent="#{validateCodeImageData.paint}"
				value="#{validateCodeImageData}" mimeType="image/jpeg" />

 
여기까지 만 하면 공 사 를 좀 운영 해서 효 과 를 볼 수 있다.
good luck !!
 
 

좋은 웹페이지 즐겨찾기