PHP를 이용한 자동화 된 웹 페이지 생성

웹 페이지가있는 것보다 더 많은 일을하기 위해 웹 페이지가 필요할 때가 있습니다. 유지를 얻기 위해 필요합니다. 이를 수행하는 한 가지 방법은 작업을 수행하는 것이므로 모든 업데이트 또는 페이지 모드를 코딩 할 필요가 없습니다. 이와 같은 작업을 수행하는 방법을 배우는 가장 쉬운 방법은 실제로 수행하는 것이므로이 기사의 나머지 부분에서는 터치만으로 새 웹 페이지를 구축하는 시스템을 구현하는 한 가지 방법을 보여 드리겠습니다. 단추.

이 시나리오에서는 고객이 연중 다양한 특별 행사에 대한 바우처를 제공하고자하는 레스토랑이라고 가정합니다. 하지만 물론 업데이트 비용을 지불하고 싶지 않으므로 업데이트를 수행 할이 자동화 시스템에 대해 충분히 청구하는 것이 좋습니다.

1. 먼저 기본 웹 페이지 템플릿을 만들어야합니다.

이것은 단지 표준 웹 페이지 스켈레톤입니다. "pageBuilder.php"와 같은 이름을 지정할 수 있습니다. 이를 위해 PHP를 사용할 필요가 없습니다. 다른 프로그래밍 언어를 사용할 수 있지만이 예제에서는 모든 것을 간단하게 유지하고 PHP에서 모두 수행합니다.

2016 05-30-1.56.52 AM에서 스크린 샷

2. 부트 스트랩 추가

이렇게하면 추가 작업없이 양식을 더보기 좋게 만드는 데 도움이됩니다. 물론 이것이 작동하려면 부트 스트랩이 필요합니다.

2016 05-30-1.56.56 AM에서 스크린 샷

3. 컨테이너를 설정

모든 것을 깔끔하고 깔끔하게 유지하려면 페이지 내용을 저장할 컨테이너를 정의해야합니다.

2016 05-30-1.56.48 AM에서 스크린 샷

4. 웹 양식 만들기

웹 양식을 정의하면 양식에 멋진 제목을 추가 할 수 있습니다 (선택 사항이지만 좋은 아이디어 임).

2016 05-30-1.56.43 AM에서 스크린 샷

5. 양식 필드를 추가하십시오

이것은 정말 간단합니다. 로봇이 새 웹 페이지를 만드는 데 사용할 몇 가지 기본 세부 정보를 수집하면됩니다. 우리가 알아야 할 데이터는 다음과 같습니다.

  • 페이지의 배경 이미지
  • 축하되는 행사의 이름
  • 표제
  • 개시 진술
  • 일부 인용문 또는 추가 진술
  • 큰 따옴표에 대한 귀속
  • 네 가지 프레임 텍스트 요소 각각에 사용할 글꼴 스타일 (divi이중).
  • 바우처가 유효한 기간
  • 바우처에 광고 될 오퍼 1 및 오퍼 2.
  • 추가 바우처 메시지 (예 : 이용 약관)
  • 생성 될 바우처 QR 코드에 대한 데이터

그 모습은 다음과 같습니다.

2016 05-30-1.56.00 AM에서 스크린 샷

2016 05-30-1.55.54 AM에서 스크린 샷

2016 05-30-1.55.36 AM에서 스크린 샷

이 모든 노력을 마치면 다음과 같은 페이지가 나타납니다.

2016 05-30-1.55.22 AM에서 스크린 샷

 

좋은 소식은 이제 작업의 절반이 완료되었고 가장 어렵고 시간이 많이 걸리는 절반이었습니다. 나머지는 훨씬 쉽습니다.

6. 양식 처리기 파일 작성

양식을 만든 후 제출 된 데이터를 처리하고 작업을 수행 할 소프트웨어가 필요합니다. 이 경우 제출 된 데이터를 사용하여 새로운 HTML 페이지.

이제 이것은 데이터가 실시간으로 사용되고 사용자에게 동적으로 반영되는 일반적인 PHP 응답과는 다릅니다. 대신 덮어 쓸 때까지 영구적으로 존재하는 정적 페이지를 만듭니다.

파일 이름은 동작 양식 선언의 속성 값을 바우처젠.php경로를 지정하지 않았으므로 경로를 동일한 위치에 저장해야합니다 페이지빌더.php 그것이 작동하기 위해서.

7. 변수 초기화

제출 된 데이터 페이지빌더.php 라는 연관 배열로 반환되었습니다 $ _ POSTHTML 배열 컨트롤을 통해 배열의 모든 데이터 값에 액세스 할 수 있습니다. name 속성. 따라서 변수를 초기화하는 것은 실제로 매우 쉽습니다. 또한 선택 사항이지만 코드가 좀 더 깔끔하고 읽기 쉽게 보일뿐입니다. 확실히 직접 작업 할 수 있습니다. $ _ POST 원하는 경우 값.

2016 05-30-1.55.15 AM에서 스크린 샷

 8. 조건문을 사용하여 글꼴을 올바른 값으로 변경

이 작업을 일찍 수행하면 나중에 시간과 문제를 절약 할 수 있습니다. 어떤 값이 선택되었는지 확인한 다음 실제 글꼴 이름으로 바꿉니다.

2016 05-30-1.55.10 AM에서 스크린 샷9. 생성기 문자열 구축 시작

여기에서해야 할 일은 새 페이지를 만드는 데 필요한 모든 것을 포함하는 하나의 정말 긴 문자열을 만드는 것입니다. 문자열 연결을 사용하여 가독성을 유지하고 데이터 값이 삽입 된 위치를 쉽게 확인할 수 있습니다. 이것은 기본 HTML 페이지 설정으로 시작됩니다.

2016 05-30-1.55.06 AM에서 스크린 샷

우리가 이것으로 어디로 가는지 볼 수있을 것입니다. 끝에 세미콜론이 있습니다. 그것은 중요합니다. 또한 텍스트 내에서 발생하는 세미콜론 (CSS 선언 또는 클라이언트 측 스크립트의 일부)은 따옴표 안에 포함되어야합니다.

10. 생성기 문자열에 페이지 본문 추가 시작

이 문자열을 작성하는 더 효율적인 방법이 있지만 코드를 깔끔하게 정리하여 읽기 쉽도록 만들고 싶습니다. 속기 방법을 사용하여이 작업을 수행 할 수 있으며 9 단계의 별도 프로세스로 수행 할 필요도 없습니다. 페이지의 다른 섹션이이 방법으로 분할되면 이해하기가 더 쉽습니다.

2016 05-30-1.55.00 AM에서 스크린 샷

11. 생성기 문자열을 HTML에 작성

이 경우 파일 이름을 하드 코딩하고 있지만 pageBuilder 양식의 필드를 만들 수도 있습니다.

2016 05-30-1.54.55 AM에서 스크린 샷

12. 테스트 링크 추가

BUILD IT 버튼을 클릭하면 일반적인 PHP 프로그램처럼 웹 페이지로 리디렉션되지 않으므로 링크 나 다른 것을 추가하여 결과를 확인해야합니다.

2016 05-30-1.54.50 AM에서 스크린 샷

13. 커스텀 CSS 파일 만들기

이 파일에 추가 스타일링 명령을 저장할 수 있지만 현재 가장 중요한 것은 스타일링 지침입니다. 본관 DIV.

2016 05-30-1.54.45 AM에서 스크린 샷

14. wrap.png 생성 및 업로드

이것이 제대로 작동하려면 하나의 반투명 픽셀 이미지를 생성하고 이름을 지정해야합니다 랩.png 그런 다음에 지정한 경로에 업로드하십시오. custom.css 파일.

15. 적합한 배경 이미지를 업로드하고 pageBuilder를 테스트하십시오.

우리가 거의 끝났다는 사실에 기뻐할 것입니다. 이제 실제로 발생하는 오류를 테스트하고 수정하면됩니다. 너무 바쁘지 않고 특별한 이벤트 나 행사와 관련이있는 멋진 간단한 이미지를 선택합니다 (이 예에서는 어머니의 날과 아버지의 날에갔습니다). 웹 사이트 용 이미지를 저장하는 경로에 이미지를 업로드합니다. 그런 다음 양식을 작성하고 버튼을 클릭 한 다음 어떤 일이 발생하는지 확인하십시오. 다음은 모든 데이터 필드가 채워진 양식의 예입니다.

Picture1

다음과 비슷한 것을 생성해야합니다.

2016 05-30-1.54.11 AM에서 스크린 샷

우리는 이미 모든 것을 처음부터 입력하고 싶지 않다고 생각 했으므로 pageBuilder.php 및 voucherGen.php의 소스 코드를 다운로드 할 수 있습니다 zip 파일.

HTML 파일을 문자열로 만든 다음 모든 종류의 상황에서 파일에 쓰는이 기술을 적용 할 수 있습니다. 이와 같은 것을 반복 루프에 넣지 않도록주의하십시오. 그렇지 않으면 하드 드라이브가 가득 차고 서버가 충돌 할 수 있습니다.

카탈린 조르지 니

나는 웹 디자인 블로거이고 몇 주를 보냈다가 최고의 전자 상거래 플랫폼 나 자신을 위해. 내 현재 확인 10 대 전자 상거래 사이트 구축 업체.