2.6기초 HTML 필터 파일 ("filter/*.html")

1) 인증확인 필터 ( auth_check.html )
2) 오류 표시 필터 ( err_access.html)
3) 로그인 필터파일 ( login.html )
4) 로그인 성공 ( ok_login.html )

인트라셀의 필터디렉토리("filter/")에는 웹서비스를 관장하는 전용웹필터 파일들이 위치하고 있습니다. 다음은 필터디렉토리에 위치하는 웹필터파일의 기본 목록입니다.

인증 필터 ( auth_check.html )
오류 필터 ( err_access.html )
로그인 필터 ( login.html )
로그인 성공 필터( ok_login.html )
게시판 편집필터 (*post_edit.html )
게시판 목록필터 (*post_list.html )
게시판 보기필터 (*post_view.html )
게시판 환경설정 필터 (*board_rc.html )

위에 표시된 기초 필터 가운데 게시판 관련(*표시)필터는 게시판 관리 부분의 도움말에서 별도로 설명됩니다.

1) 인증확인 필터 ( auth_check.html )

맨위로

게시판에서 게시물을 작성할 때 패스워드를 등록하는 경우가 있습니다.. 이는 다른 사람이 읽거나 편집하는 등의 접근을 차단할 목적으로 하거나 손님의 경우 추후 게시물을 삭제하거나 편집할 수 있도록 합니다. 비밀번호가 맞는지 확인하기 위하여 웹페이지가 나타나는데 이때의 화면을 구성해주는 필터파일입니다. 다음은 인증확인을 위한 필터파일의 표준 예제입니다.

샘플: auth_check.html english 2008.01.03

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head>
<title>$#i.name#;</title>

<style type="text/css">
.msg_contain {
	width:250px;padding:2px;
	background:#5BACF2;
}
.title_line {
	padding:4px;color:#FFFFFF;
	background:#5BACF2;
	heght:30px;text-align:left;
	font-weight:bold;
}
.icon { vertical-align:middle; }
.pass_line{
	padding:4px;text-align:left;
	background:#FFFFFF;
	color:#000000;
}
.base_line{
	padding:4px;text-align:center;
	background:#FFFFFF;
}
.pw_input{
	border:inset 1px #EEEEEE;
	width:60px;height:20px;
	background:#C9C9C9;
	color:#FFFFFF;
}
</style>
</head>
<body>
$#shell#;
<div align="center" style="padding:20px;">
<form target="action_pw" method="post" acti0n=""
	enctype="multipart/form-data" name="auth_form">

<input type="hidden" name="referer" value="$#l.referer#;" />

<div class="msg_contain">
<div class="title_line">
  <img src="/segio/filtimg/b_icon.gif" class="icon" alt="pw" />
Input the password.
</div>

<div class="pass_line">
 &nbsp;  <b>PassWord:</b>  
  <input name="passwd" type="password" class="pw_input"  value=""/> 
</div>
<div class="base_line">
  <butt0n type="submit">Submit</button>
  <butt0n name="cancel"  0nclick="history.back();">Cancel</button>
</div>
</div>

</form>
<iframe frameborder="0" height="0" width="0"
	 name="action_pw"></iframe>

</div>
</body>
</html>

이 표준 샘플을 카피하여 사용하여도 됩니다. 다음 그림은 비밀번호가 입력된 게시물을 읽으려고 할 때 접근권한을 확인하기 위하여 비밀번호를 묻는 웹화면의 예입니다.

게시물에 대하여 한번 접근권한이 확인되면 브라우저가 닫히기 전까지 다시 비밀번호를 필요로 하지 않습니다. 손님의 경우 처음 비밀번호를 입력하여 게시판을 작성하여도 브라우저를 닫기 전까지는 비밀번호를 확인하는 절차를 거치지 않고 편집하거나 지울 수 있습니다.

2) 오류 표시 필터 ( err_access.html)

맨위로

오류 표시 필터는 다양한 형태의 오류를 표시하는 화면을 구성하기 위한 필터파일입니다. 시스템에서의 오류 안내는 크게 두가지 방식으로 이루어집니다. 하나는 자바스크립트에 의한 경고문구 표시인데 이는 다이얼로그박스 형태로 나타납니다. 또 다른 하나는 웹페이지에 오류정보를 표시하는 것으로 바로 오류표시 필터에 의해 구현됩니다.

다음은 오류표시 필터의 샘플입니다.

샘플: err_access.html english 2008.01.03

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head>
<title>$#i.name#;</title>

<style type="text/css">
.msg_contain {
	width:250px;padding:2px;
	background:$#s.headbg#;;
}
.title_line {
	padding:4px;color:$#s.name#;;
	background:$#s.headbg#;;
	heght:30px;text-align:left;
	font-weight:bold;
}
.icon { vertical-align:middle; }
.pass_line{
	padding:4px;text-align:left;
	background:$#s.textbg#;;
	color:$#s.text#;;
}
.base_line{
	padding:4px;text-align:center;
	background:$#s.listbg#;;
}
.pw_input{
	border:inset 1px $#s.border#;;
	width:60px;height:20px;
	background:$#s.namebg#;;
	color:$#s.name#;;
}
</style>
</head>
<body>
$#shell#;

<div align="center" style="padding:20px;">


<input type="hidden" name="referer" value="$#l.referer#;" />

<div class="msg_contain">
<div class="title_line">
  <img src="/segio/filtimg/b_icon.gif" class="icon" alt="pw" />
Access Error message !!
</div>

<div class="pass_line">
 <b>"$#error#;"</b>  
</div>

<div class="base_line">
<butt0n 0nclick="history.back(-1);">Return</button>
</div>
</div>


</div>
</body>
</html>

3) 로그인 필터파일 ( login.html )

맨위로

사용자가 로그인을 하기 위해서는 사용자 아이디와 비밀번호를 입력하여 서버로 전송하여야 합니다. 이러한 로그인 과정을 위해서 "<form>"태그 구문을 포함하는 로그인 폼문을 필요로 하는데 기초적인 로그인 폼문을 제공하기 위하여 준비되는 필터파일입니다. 다음은 로그인필터파일의 샘플입니다.

샘플: login.html english 2008.01.03

로그인 필터파일은 가급적 편집하지 마시고 보존하시기 바랍니다. 로그인 필터파일에는 강제접속을 포함하여 로그인시 기본적으로 동작해야 하는 기능들이 구성되어 있습니다. 간혹 일반적인 로그인폼이 변형되어 관리자 로그인이 안되는 경우 비상 로그인 목적으로 활용될 필요가 있습니다. 일반적인 로그인 폼은 웹디자인 과정에서 웹레이아웃에 잘 어울리도록 별도로 구성하여 사용할 수 있습니다.

다음 그림은 로그인 필터로 구성된 팝업윈도우의 예입니다.

4) 로그인 성공 ( ok_login.html )

맨위로

로그인 성공 필터는 로그인 성공시 웹브라우저에 뿌려지는 웹화면을 구성합니다. 이 로그인 성공 필터파일은 히든 프레임에 보여지기 때문에 사람에게 직접 보여지지는 않습니다. 그럼에도 불구하고 로그인 성공필터가 필요한 이유는 로그인에 성공했을 경우 로그인과 동시에 필요한 후처리 기능을 보완하도록 하기 위함입니다.

다음은 로그인성공필터의 샘플로 카피하여 사용하실 수 있습니다.

샘플: ok_login.html english 2008.01.03

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head>
<title>Welcome sign in "$#i.host#;"</title>
</head>
<body>
<script type="text/javascript">
<!--
function chatframe_reload()
{
  chatframe=null;
  if(typeof(top)!='undefind'){
    if(typeof(top.chatframe)!='undefined'){
	chatframe=top.chatframe;
    }
    else if(typeof(top.opener)!='undefind'){
       if(typeof(top.opener.top.chatframe) != 'undefind'){
	chatframe = top.opener.top.chatframe;
       }
    }
  }
  if(chatframe != null){
       chatframe.location.reload();
  }
  return;
}


chatframe_reload();
-->
</script>
</body>
</html>

로그인 성공필터 파일은 직접 보여지지 않기 때문에 웹디자인에 신경쓸 필요는 없습니다. 샘플에서는 로그인에 성공했을 경우 탑 화면에 chatframe이 존재하는 경우 이 프레임을 리로드하도록 하고 있습니다. 이 부분은 웹채팅에 있어 매우 중요한 부분입니다.

일반적인 쎄지오 레이아웃에서 chatframe.html 파일은 로그인된 사용자의 경우 웹채팅을 위한 자바애플릿을 구동하도록 하고 있습니다. 사용자가 로그인 되어있지 않은 상태에서는 웹채팅에 사용되는 자바 애플릿이 로딩되어 있지 않습니다. 따라서 로그인에 성공하면 ok_login.html 에서는 자바스크립트를 이용하여 chatframe.html 문서가 자동으로 리로드 되도록 하여 줍니다. 이 과정에서 java 애플릿이 기동하게 되어 웹채팅 서비스가 작동되는 것입니다.

웹 채팅 이외에도 로그인 인증과 동시에 연계된 다른 사이트를 사용할 수 있도록 허용하기 위한 쿠키를 설정한다거나 하는 추가적인 작업을 설계할 수도 있습니다.

댓글달기

쎄지오 매뉴얼 게시판의 게시물 목록
번호	글제목	작성자	일시	조회
61	10.4 CMS개요	케이시크	09-07-21	150024
60	4.5 환경설정	케이시크	09-07-17	185899
59	6.8 게시판자동생성 [3]	관리자	09-07-14	187231
58	6.7 게시판아이콘	관리자	09-07-14	186980
57	6.6 게시판환경설정	관리자	09-07-14	186419
56	6.5 게시판관리	관리자	09-07-14	170124
55	3.7 환경 설정	관리자	09-07-14	203248
54	3.6 웹메일 필터	관리자	09-07-14	207136
53	8.7 사용자관리	관리자	09-07-13	186325
52	10.3 플래시쇼 관리	sysop	09-07-10	194719
51	10.3 플래시쇼 개요	sysop	09-07-10	193026
50	10.2 메뉴관리	sysop	09-07-10	171088
49	10.1 프론트페이지	sysop	09-07-10	193674
48	9.4 업무용 메신저	sysop	09-07-10	464010
47	9.3 명함관리	sysop	09-07-10	198532
46	9.2 업무진행	sysop	09-07-10	190903
45	9.1 전자결재	sysop	09-07-10	203617
44	9.2 시스템구성	sysop	09-07-10	187077
43	9.1 전자결재개요	sysop	09-07-10	182883
42	8.6 자바환경설정	sysop	09-07-10	191609
41	8.5 웹게시판	sysop	09-07-10	180892
40	8.4 웹쪽지	sysop	09-07-10	188069
39	8.3 웹메신저	sysop	09-07-10	379921
38	8.2 웹메일 서비스	sysop	09-07-10	258956
37	8.1 사용자 웹서비스	sysop	09-07-10	209819
36	7.8 커뮤니티 게시판관리	sysop	09-07-10	205499
35	7.7 커뮤니티 회원관리	sysop	09-07-10	211651
34	7.6 사용자 환경설정	sysop	09-07-10	209949
33	7.5 동호회 연결하기	sysop	09-07-10	713472
32	7.4 신규동호회 개설	sysop	09-07-10	217231
31	7.3 커뮤니티 관리도구	sysop	09-07-10	219624
30	7.2 동호회, 사용자 홈페이지 로그인	sysop	09-07-10	200346
29	7.1 커뮤니티 개요	sysop	09-07-10	193628
28	6.3 게시판 관리와 응용	sysop	09-07-09	207881
27	6.2 게시판 스타일	sysop	09-07-09	199561
26	6.1 게시판 목록/인증필터	sysop	09-07-09	341671
25	6.1 게시판 편집/보기필터	sysop	09-07-09	199454
24	5.4 확장개발-JSP	sysop	09-07-09	198854
23	5.3 확장개발-사용자 관리	sysop	09-07-09	199797
22	5.2 확장개발-PHP	sysop	09-07-09	180328
21	5.1 확장개발-CGI 바이너리	sysop	09-07-09	275444
20	4.4사용기록보기	sysop	09-07-09	186513
19	4.3 사용자관리	sysop	09-07-09	200073
18	4.2 로그인 및 관리도구 [1]	sysop	09-07-09	209034
17	4.1 인트라셀이란	sysop	09-07-09	1243725
16	3.5 스팸메일 설정	sysop	09-07-09	600666
15	3.4 웹메일 사용자 기능	sysop	09-07-09	230017
14	3.3 웹메일 구성	sysop	09-07-09	232859
13	3.2 웹메일 환경설정	sysop	09-07-09	554864
12	3.1 웹메일 개요	sysop	09-07-09	222654
11	2.6 기초필터파일	sysop	09-07-09	395948
10	2.5 웹편집기	sysop	09-07-09	197954
09	2.4 웹 디렉토리	sysop	09-07-09	224080
08	2.3 웹 레이아웃	sysop	09-07-09	250019
07	2.2 웹필터링	sysop	09-07-09	331582
06	2.1 쎄지오 웹자원	sysop	09-07-09	334498
05	1.5 쎄지오 관리	sysop	09-07-09	222535
04	1.4 처음 로그인 하기	sysop	09-07-09	230858
03	1.3 쎄지오 설치 2	sysop	09-07-09	441032
02	1.2 쎄지오 설치	sysop	09-07-09	813880
01	1.1 intro	sysop	09-07-09	190900

make_title('/segiohelp.brd?shell=none','쎄지오 매뉴얼 게시판');

2.6기초 HTML 필터 파일 ("filter/*.html")

1) 인증확인 필터 ( auth_check.html )

맨위로

2) 오류 표시 필터 ( err_access.html)

맨위로

3) 로그인 필터파일 ( login.html )

맨위로

4) 로그인 성공 ( ok_login.html )

맨위로