이 기사에서는 웹 표준이 대중화됨에 따라 웹 사이트 프로그래머의 위치와 웹 표준을 준수하는 웹 사이트 프로젝트를 개발하기 위해 디자이너와 협력하는 방법에 대해 설명합니다.
이 기사는 전통적인 TABLE 레이아웃에서 업무 분담이 명확하지 않은 프로그래머에게 적합합니다.
1: 작업을 더 쉽게 하기 위해 웹 표준을 배우십시오.
웹 표준은 일반적인 추세이므로 웹 사이트 프로그래머로서. 세뇌하고 웹표준을 배워야 합니다. html 태그를 다시 인식하고 페이지에서 요구하는 코드를 프로그램이 출력하도록 만드는 방법을 이해합니다.
희미한 HTML
rs=server.createobject("adodb.recordset")를 설정합니다.
Sql = "ID 설명에 따라 tbl_News 순서에서 상위 10개 ID, 제목 선택"
rs.open SQL,콘,1,1
oHtml="<ul>"
rs.eof가 아닌 동안 수행
oHtml=oHtml & "<li><a href=""shownews.asp?id=" & rs("id") & """ title=""" & rs("title") & """>" & rs("제목") & "</a></li>"
rs.movenext
고리
oHtml=oHtml & "</ul>"
RS.닫기
rs=아무것도 설정하지 않음
response.write(oHtml)
전통적인 TABLE 레이아웃이라면 프로그래머는 훨씬 더 많은 HTML 코드를 작성해야 하며, 줄바꿈을 위해 TR을 출력할 시점을 판단해야 하고, 작은 아이콘을 출력하려면 각 뉴스 항목 앞에 IMG를 추가해야 합니다. . , 출력 제목의 길이를 제어하는 프로그램을 사용합니다. 모든 작업에는 프로그래머가 이 프로그램을 작성하기 전에 페이지 코드를 작성해야 합니다.
프로그래머에게는 웹 표준을 일종의 복음으로 여겨 페이지 코드가 실제로 요구하는 것이 무엇인지 이해해야 합니다. 당신은 이전보다 훨씬 더 편안해졌습니다. 웹 표준은 성능과 콘텐츠의 분리에 중점을 두기 때문에 프로그램은 콘텐츠 데이터만 담당합니다. 이제부터는 프로그램 코드를 사용하여 대체 행 색상 변경을 제어하는 방법, 행을 여러 열로 출력하는 방법 등을 더 이상 생각할 필요가 없습니다. 당신이 해야 할 일은 장식 없이 페이지에 가장 직접적인 콘텐츠를 출력하는 것입니다.
물론 .net에서 개발한다면 더 철저하게 할 수 있습니다. 객체 구축, 클래스 라이브러리, 데이터 액세스 등에 완전히 집중할 수 있으며 프레젠테이션 계층에 메서드만 제공할 수 있습니다. 아래 예는 제가 이전에 작업한 프로젝트에서 가져온 것이며 참조 가치가 있어야 합니다.
2: 웹사이트 프로그래머 여러분, HTML 태그가 여러분의 시야를 가리게 두지 마십시오.
번거로운 HTML 태그가 정말 싫고 학습 방향이 웹사이트의 프리젠테이션 레이어에 있지 않다고 생각된다면 HTML 태그와 완전히 작별하세요.
나는 전통적인 데스크톱 소프트웨어 개발 회사에서 일했는데, 웹 사이트 프로젝트가 빡빡할 때 프로그래머 중 누구도 HTML을 아는 사람이 없었습니다. Visual Studio .Net 2003에 포함된 몇 가지 예를 들어 객체 지향 구조의 계층형 개발 모델에 따라 주의 깊게 분석해 보겠습니다. 뉴스 모듈 개발을 예로 들어보겠습니다.
1단계: 웹 사이트 프로그래머는 수요 분석을 기반으로 데이터베이스를 설계할 수 있으며, 귀하는 테이블 구축 및 저장 프로시저 작성을 담당할 수 있습니다. 프로그래머들은 이런 종류의 일에 매우 익숙합니다.
2단계: 개체를 정의합니다. 다음과 같은 웹사이트 정보를 객관화합니다.
공개 수업 뉴스
_id를 정수로 보호함
보호된 _typeId를 정수로 저장
보호된 _title을 문자열로
보호된 _author를 문자열로
보호된 _original을 문자열로
보호된 _updateTime을 DateTime으로
문자열로 보호된 _content
보호된 _clickCount를 정수로 저장
공용 속성 ID()를 정수로 사용
얻다
_id 반환
종료 종료
Set(ByVal 값을 정수로)
_id = 값
최종 세트
끝 속성
공용 속성 TypeId()를 정수로 사용
얻다
Return_typeId
종료 종료
Set(ByVal 값을 정수로)
_typeId = 값
최종 세트
끝 속성
공개 속성 제목()을 문자열로
끝 속성
공공 재산 작성자()를 문자열로
끝 속성
공용 속성 Original() As String
끝 속성
공용 속성 UpdateTime()을 DateTime으로 사용
끝 속성
공용 속성 Content()를 문자열로 사용
끝 속성
공용 속성 ClickCount()를 정수로 사용
끝 속성
수업 종료
이처럼 웹사이트의 모든 테이블을 객관화해 보세요. 그런 다음 객체와 관련된 레코드 세트를 정의합니다. 위의 정의는 단일 뉴스 객체이고 뉴스 레코드 세트를 정의합니다.
공개 수업 뉴스
...
수업 종료
3단계: 공공 데이터 접근 방법 세트를 정의합니다.
데이터베이스를 조작하고 저장 프로시저를 실행하기 위한 몇 가지 공개 메서드를 정의합니다.
4단계: 객체 기반 메서드 계층을 작성합니다. 좋다:
공개 함수 ReadNews(ByVal ID As Integer) As News
기능 종료
함수가 반환하는 것은 뉴스 객체입니다. 기능적 요구에 따라 일반적으로 다음과 같은 일부 관련 기능이 정의됩니다.
'뉴스 목록을 읽어보세요
공용 함수 ReadNewss(ByVal newsType As eNewsType, ByVal nCount As Integer) As News
기능 종료
'뉴스 추가
공용 함수 InsertNews(ByVal n As News)를 정수로 사용
기능 종료
'뉴스 업데이트
공개 함수 UpdateNews(ByVal n As News)를 정수로 사용
기능 종료
뉴스를 삭제하다
공용 함수 DeleteNews(ByVal ID As Integer) As Integer
기능 종료
이러한 방식으로 웹 사이트 개발은 개체 계층, 데이터 액세스 계층, 방법 계층 및 프리젠테이션 계층으로 나눌 수 있습니다. 프로그래머는 프리젠테이션 계층에서 요구하는 메소드만 제공하면 됩니다. 이러한 방식으로 프레젠테이션 레이어가 뉴스 목록을 표시해야 할 때 페이지 디자이너는 다음 코드에 표시된 대로 .net의 Repeater 컨트롤만 사용하면 됩니다.
<asp:Repeater ID="topNewsList" runat="서버" >
<헤더템플릿>
<ul>
</HeaderTemplate>
<항목 템플릿>
<li><a href="shownews.asp?id=<%#Container.DataItem("id")%>"><%#Container.DataItem("title")%></a></li>
</ItemTemplate>
<바닥글 템플릿>
</ul>
</FooterTemplate>
</asp:리피터>
프리젠테이션 레이어의 프로그램 코드에서는 다음만 추가하면 됩니다.
topNewsList.DataSource = 새로운 Facade.newsFacade().ReadNewss(eNewsType, newsCount)
이 경우 프로그래머는 기본적으로 HTML과 완전히 분리될 수 있습니다. 그리고 이 경우 전체 프로젝트 팀의 구성원이 동시에 작업할 수 있습니다. 전체 프로젝트의 개발 효율성을 크게 향상시킬 수 있습니다. 또한 웹 2.0 모델의 등장으로 백엔드 데이터베이스 개발에 대한 요구 사항이 더욱 높아졌습니다. Douban 및 365Kit과 같은 웹사이트의 경우 백그라운드 데이터베이스 마이닝 작업이 매우 복잡합니다. 따라서 오늘날 노동 분업이 명확해지면 HTML 코드 외에도 웹 사이트 프로그래머가 수행해야 할 더 많은 중요한 작업이 기다리고 있습니다.
3: 사용자 중심 디자인은 프런트엔드 개발 엔지니어와 분리될 수 없습니다.
익숙한 HTML 코드를 떠나는 것이 조금 꺼려지더라도 문제가 되지 않습니다. 간단히 웹 기술의 선두에 서십시오. 제품 디자인과 밀접한 프론트 엔드 개발 엔지니어가 되십시오.