2023년 PHP를 사용한 자동화된 웹 페이지 생성에 대한 종합 가이드

이 페이지의 링크에서 서비스에 가입하면 Reeves and Sons Limited가 수수료를 받을 수 있습니다. 우리의 윤리 성명서.

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

이 시나리오에서는 귀하의 고객이 일년 내내 다양한 ​​특별 행사에 대한 바우처를 제공하려는 레스토랑이라고 가정하겠습니다. 그러나 물론 그들은 업데이트에 대한 비용을 지불하고 싶어하지 않으므로 업데이트를 수행할 자동화 시스템에 대해 충분히 비용을 청구하는 것이 좋습니다.

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

이것은 단지 표준 웹페이지 뼈대일 뿐입니다. "pageBuilder.php" 같은 이름을 지정할 수 있습니다. 이를 위해 PHP를 사용할 필요는 없습니다. 다른 프로그래밍 언어를 사용할 수도 있지만 이 예에서는 작업을 단순하게 유지하고 모든 작업을 PHP에서 수행하겠습니다.

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

2. 부트 스트랩 추가

이렇게 하면 추가 작업 없이도 양식이 더 좋아 보이게 만드는 데 도움이 됩니다. 물론 이 작업을 수행하려면 Bootstrap이 필요합니다.

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 및 바우처Gen.php의 소스 코드를 다운로드할 수 있습니다. zip 파일.

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

코멘트 2 응답

  1. 우파스 웹마스터 말한다 :

    Très très instructif, j'ai Essée et ça Marche à merveille, Milles merci

    1. 보그 단 란 세아 말한다 :

      천만에요! 👍👍👍

댓글을 남겨주세요.

귀하의 이메일 주소는 공개되지 않습니다. *표시항목은 꼭 기재해 주세요. *

평점 *

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.