Ultradev 예제 튜토리얼: 5 비교적 간단한 웹사이트 백엔드 만들기 (2)
저자:Eve Cole
업데이트 시간:2009-05-26 16:34:27
먼저 최신 업데이트 뉴스 5개를 홈페이지로 만들어 보세요. 우리가 배운 Ultradev 기록 표시 기능을 사용하면 아래와 같은 페이지를 쉽게 만들 수 있습니다.
최근 5개의 업데이트된 기록을 표시하는 방법은 무엇입니까? 레코드세트 생성을 위한 대화 상자를 살펴보겠습니다.
레코드 세트를 생성하는 일반적인 방법을 따르면 위 그림의 SQL 열에 표시되는 내용은 다음과 같습니다.
SELECT ID, title, insert_time (뉴스 제목과 녹화시간만 표시하면 되며, 뉴스 내용이 현실적일 필요는 없으므로 내용 필드를 선택할 필요가 없습니다)
기사에서
위와 같이 보이도록 수정했습니다. top 5는 5개의 레코드만 선택한다는 의미이고, ORDER BY ID DESC는 ID 필드에 따라 레코드를 뒤에서 앞으로 선택한다는 의미입니다(DESC는 내림차순을 의미하며 ID 필드에 자동으로 번호가 매겨지는 것, 즉 기본값은 오름차순입니다. 이는 최근 업데이트된 5개의 레코드로 이동한다는 아이디어를 실현합니다.
서버 비헤이비어의 반복 영역 비헤이비어를 추가할 때 모든 레코드를 표시하도록 선택합니다(5개의 레코드만 가져왔기 때문입니다). 조심스러운 친구들은 이때쯤 '아, 여기 한 페이지에 몇 개의 기록을 표시해 놓으면 내가 몇 개의 기록을 표시하고 싶은지'라는 생각도 깨달을 수 있겠구나! 예, 그렇습니다. 페이지당 5개의 레코드를 표시하도록 선택할 수 있으며, 이를 통해 우리가 달성하려는 효과를 얻을 수도 있습니다. 하지만 잊지 마세요. ORDER BY ID DESC는 필수입니다^_^
그런 다음 제목 셀에서 {RECORDSET1.title}을 선택하고 그림과 같이 서버 동작----세부 정보 페이지로 이동을 추가합니다.
우리의 목적은 원하는 레코드를 올바르게 검색할 수 있도록 Detail.asp 페이지에 ID 값을 전달하는 것입니다. 이 작업을 완료한 후 more.asp를 가리키는 추가 연결을 추가하여 더 많은 뉴스 기록을 표시합니다.
페이지 효과는 그림과 같습니다.
more.asp 페이지에서는 지금 당장 홈 페이지만 수정하면 됩니다. 레코드 세트 생성을 위한 대화 상자를 열고 추가한 상위 5개를 제거한 다음(이렇게 하면 데이터베이스 테이블의 모든 레코드가 제거됨) 반복 영역의 각 페이지에 표시되는 항목 수를 10으로 수정한 다음 더 많은 항목을 삭제합니다. 연결한 다음 삽입 -> 라이브 개체 -> 레코드세트 Nagaviation Bar를 삽입하여 페이지를 넘겨 뉴스를 표시할 수 있습니다. 페이지는 다음과 같습니다.
다음으로 뉴스 세부 정보 페이지(예: Detail.asp)를 만듭니다. 위에서 언급했듯이 Detail.asp 페이지에서 수행하는 가장 중요한 작업은 이전 페이지에서 전달된 값을 가져오는 것입니다. 여기서는 ID=x입니다. 그림과 같이:
아래 그림과 같이 테이블을 만들고 생성된 레코드 세트의 항목을 하나씩 드래그하면 됩니다.
이제 프런트엔드 페이지가 완성되었으며, 다음으로 백엔드 관리 페이지를 생성해야 합니다.
원래 올바른 순서는 백엔드 관리 페이지를 먼저 생성한 다음, 데이터를 올바르게 추가, 삭제, 편집할 수 있을 때만 프런트엔드 페이지를 생성하는 것입니다. 결국 프런트엔드 페이지는 데이터 표시용일 뿐이기 때문입니다. 데이터를 추가할 수 없다면 프런트엔드 페이지가 아무리 아름다워도 쓸모가 없습니다. 그리고 백엔드 관리 페이지를 만든다면, 페이지의 아름다움을 너무 추구할 필요는 없습니다. 실수하면 다시 수정해야 합니다. 또한 한 번 페이지를 디자인하면 매우 손이 많이 가는 프런트 데스크와는 다릅니다. 변경하십시오(Ultradev가 이 작업을 비교적 간단하게 만들었지만 여전히 문제가 발생하기 쉽습니다). 그러나 우리 페이지는 상대적으로 단순하고 데이터 구조도 단순하고 오류가 없기 때문에 이 점은 강조하지 않겠습니다. 하지만 친구들아, 앞으로 할 땐 백스테이지 -> 프론트스테이지 순서대로 하는 게 좋을 것 같다.
5장: 비교적 간단한 웹사이트 백엔드 만들기 (2)
배경 관리 페이지는 세 부분으로 나눌 수 있습니다.
데이터 추가
데이터 편집 및 삭제
로그인 인증
데이터를 추가하는 것부터 시작해 보겠습니다. 이전 연구에서 우리는 Ultradev에서 데이터 추가 페이지를 만드는 것이 삽입 -> 라이브 개체 -> 레코드세트 삽입 양식으로 매우 간단하다는 것을 알고 있습니다. 그림과 같이 뉴스를 추가하는 페이지이므로 관리자를 추가하는 방법도 비슷하므로 자세한 내용은 다루지 않겠습니다.
그림과 같이 생성이 완료되면 다음과 같습니다.
새로운 사용자를 추가하는 페이지는 다음과 같습니다.
브라우저를 열고 효과를 확인하세요.
그러나 여기에 문제가 있습니다. 늦은 데이터를 추가한 후, 홈 페이지에서 해당 상세정보 페이지를 열면, 방금 추가했을 때 명확하게 구분되어 있던 데이터가 이제는 공처럼 뭉쳐져 있는 것을 볼 수 있습니다. 원래 세그먼트가 사라졌습니다!
UltraDev 소프트웨어를 사용하는 모든 네티즌들은 ASP 페이지의 텍스트가 데이터베이스에서 내보낸 후 공 모양으로 눌려지고 원래 입력한 공백과 줄 바꿈이 사라지는 현상을 경험했을 것입니다. 데이터베이스의 공백과 줄 바꿈은 asp 문에서 전혀 처리되지 않기 때문입니다. 물론 asp 프로그래밍을 배운 네티즌들은 자신만의 코드를 추가해 데이터베이스의 공백과 줄바꿈을 html 코드로 변환할 수도 있고, 텍스트를 데이터베이스에 제출한 후 출력할 때 먼저 공백과 줄바꿈을 html 코드로 변환할 수도 있다. 그러나 어떤 방법을 사용하더라도 ASP를 배우지 않은 네티즌들에게는 악몽과도 같은 일임에 틀림없다. 변환하는 방법을 배우더라도 여전히 각 ASP 페이지에서 소스 코드를 수동으로 수정해야 하는데 이는 시간이 많이 걸리고 힘든 작업입니다. 오랫동안 매우 편리한 솔루션이 없었습니다.
무엇을 해야 할까요? 하하, 걱정하지 마세요. 여기서는 앞서 얘기했던 플러그인 기능을 사용해야 합니다.
여기서는 기능 구현을 돕기 위해 플러그인---Spdesign 형식을 사용할 것입니다(플러그인을 다운로드하려면 여기를 클릭하십시오).
다음으로 이 문제를 해결할 수 있는 UltraDev 플러그인을 추천해 드립니다. 사용 방법은 매우 간단합니다. 동적 데이터를 선택한 후 플러그인의 명령을 적용하기만 하면 공백 및 줄 바꿈의 서식이 완료됩니다.
플러그인 설치 후 그림과 같이
이 플러그인을 어떻게 적용하나요? 아래 그림을 보면 아주 간단하죠? *_"
플러그인을 적용한 후 저희 페이지를 다시 확인해 보세요. 아, 원하는 효과인가요?
기록 페이지를 추가하는 것은 비교적 간단합니다. 이전에 설명한 내용을 주의 깊게 읽고 연습해 보면 곧 할 수 있을 것입니다. 자, 다음으로는 기록 편집 및 삭제에 대해 이야기하겠습니다. 이전에 레코드를 편집하고 삭제하려면 실제로 한 페이지에서 다른 페이지로 값을 전달한 다음 다른 페이지를 사용하여 전달된 값을 기반으로 해당 고유 레코드를 추출하여 편집을 적용해야 합니다. 삭제 행위. 따라서 먼저 값을 전달하기 위한 페이지를 만들어야 합니다. 이 페이지는 실제로는 매우 간단하지만 두 개의 연결이 추가됩니다. 이 두 연결을 수정, 삭제하고 선택하고 서버 동작(change_article.asp 및 del_article.asp)에서 세부 정보 페이지로 이동 동작을 각각 적용합니다. (여기서는 뉴스 편집, 삭제를 예로 들며, 사용자 관리도 동일합니다)
마지막 페이지는 그림에 표시됩니다.
브라우저에 표시 효과: