PHP 웹 폼 생 성기 사례 분석

8400 단어 PHP웹 폼 생 성기
이 글 의 실례 는 PHP 웹 폼 생 성 기 를 다 루 고 있다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
1.실례:
在这里插入图片描述
2.수요 분석
프로젝트 의 실제 개발 에 있어 서 항상 각종 양식 을 설계 해 야 한다.HTML 폼 을 직접 작성 하 는 것 은 간단 하지만 수정,유지 보수 가 상대 적 으로 번 거 롭 습 니 다.
따라서 PHP 를 이용 하여 웹 폼 생 성 기 를 실현 하여 구체 적 인 수요 에 따라 다양한 기능 의 폼 을 맞 출 수 있 도록 할 수 있다.구체 적 인 실현 수 요 는 다음 과 같다.
  • 다 차원 배열 로 폼 에 대한 정 보 를 저장 합 니 다
  • 지원 하 는 폼 항목 은 텍스트 상자,텍스트 필드,체크 상자,체크 상자 와 드 롭 다운 목록 5 가지 유형
  • 을 포함 합 니 다.
  • 각 폼 항목 의 태그,알림 텍스트,속성,옵션 값,기본 값 등 을 저장 합 니 다
  • 기능 을 함수 로 밀봉 하고 전달 하 는 매개 변수 에 따라 지정 한 폼 을 생 성 합 니 다
  • 데이터 의 저장 형식 은 프로그램의 실현 방식 을 결정 한다.
    따라서 상기 개발 요구 에 따라 모든 폼 항목 을 하나의 배열 요소 로 할 수 있 습 니 다.각 요 소 는 하나의 관련 배열 설명 을 이용 하여 태그,제시 텍스트 text,속성 배열 attr,옵션 배열 option 과 기본 값 default 입 니 다.
    在这里插入图片描述
    3.사례 실현
    1.양식 준비
    폼 의 주요 기능:웹 페이지 에서 정 보 를 입력 하 는 구역 에서 사용자 가 입력 한 정 보 를 수집 하고 이 를 백 엔 드 서버 에 제출 하여 처리 하여 사용자 와 서버 의 상호작용 을 실현 하 는 것 이다.
    예 를 들 어 쇼핑 결제,정보 검색 등 은 모두 양식 을 통 해 이 루어 진다.
    2.폼 준비-폼 만 들 기
    하나의 완전한 폼 은 폼 필드 와 폼 컨트롤 로 구성 되 어 있다.그 중에서 폼 도 메 인 은 form 태그 로 정의 되 어 사용자 정보의 수집 과 전달 을 실현 합 니 다.
    
    <form action="form.php" method="post" enctype="multipart/form-data">
      <!--        -->
    </form>
    
  • type 속성 은 서로 다른 값 을 설정 하면 서로 다른 폼 컨트롤
  • 을 얻 을 수 있 습 니 다.
  • name 속성 은 컨트롤 의 이름 을 지정 하 는 데 사 용 됩 니 다.폼 에 있 는 여러 개의 같은 컨트롤
  • 을 구분 합 니 다.
  • value 속성 은 폼 컨트롤 의 기본 값
  • 을 설정 하 는 데 사 용 됩 니 다.
    
    //input  
    
      
      
    
       
       
       
    
  • checked 속성 은 기본 선택 항목
  • 을 설정 하 는 데 사 용 됩 니 다.
    
    //textarea  
    
    
  • textarea 컨트롤 은 자기 평가,논평 등 대량의 정 보 를 입력 해 야 할 수 있 는 기능
  • 에 적용 된다.
  • 속성 cols 와 rows 는 텍스트 필드 의 높이 와 너비
  • 를 정의 하 는 데 사 용 됩 니 다.
    
    //select  
    
    
  • select 는 드 롭 다운 목록 을 정의 하 는 태그
  • option 은 드 롭 다운 목록 의 구체 적 인 옵션 을 정의 하 는 태그
  • selected 속성 은 기본 선택 항목
  • 을 설정 하 는 데 사 용 됩 니 다.
    4.폼 준비-label 태그
    폼 컨트롤 을 작성 할 때 더 좋 은 사용자 체험 을 제공 하기 위해 input 컨트롤 을 label 태그 와 결합 하여 사용 하여 컨트롤 의 선택 범 위 를 확대 합 니 다.
    예 를 들 어 성별 을 선택 할 때 알림 문자 인'남'이나'여'를 누 르 면 해당 하 는 체크 단 추 를 선택 할 수 있 습 니 다.
    label 태그 패키지 선택 단추 와 알림 텍스트 를 사용 하면 label 태그 의 내용 을 누 르 면 해당 폼 컨트롤 이 선 택 됩 니 다.
    
    
    
    
    5.다 차원 배열
    사례 의 수요 분석 을 통 해 알 수 있 듯 이 폼 항목 의 관련 데 이 터 는 다 차원 배열 에 통일 적 으로 저장 된다.그 중에서 디지털 키 이름 을 이용 하여 서로 다른 폼 항목 을 구분 하고 각 폼 항목 은 2 차원 의 관련 배열 이다.
    
    //             
    [
      0 => [],	//    ---    
      1 => [],	//    
      2 => [],	//    ---   
      3 => [],	//    
      ……
    ];
    
    
    //           
    0 => [
      'tag' => '', 	//   ----input、textarea、select
      'text' => '', 	//     ----label        
      'attr' => [],	//     ----       , type
      'option' => [], 	//     ----             
      'default' => ''	//    ----   
    ],
    
    
    //      
    // $elements        
    $elements = [
      0 => [],		//  1      
      1 => [],		//  2      
    ];
    
    
    //   
    0 => [
      'tag' => 'input',
      'text' => '    :',
      'attr' => ['type' => 'text', 'name' => 'user']
    ],
    
    
    //   
    3 => [
      'tag' => 'input',
      'text' => '    :',
      'attr' => ['type' => 'radio', 'name' => 'gender'],
      'option' => ['m' => ' ', 'w' => ' '],
      'default' => 'm'
     ],
    
    option 은 관련 배열 을 이용 하여 구체 적 인 단일 옵션 을 저장 합 니 다.키 이름 m,w 는 단일 선택 상자 의 value 속성 값 입 니 다.해당 하 는 값 은'남','여'는 이 옵션 의 알림 정보 입 니 다.
    default 의 값 은 option 관련 배열 의 키 입 니 다.기본 값 으로 어떤 것 을 선택 하 는 지 표시 합 니 다.
    
    //   
    4 => [
      'tag' => 'input',
      'text' => '    :',
      'attr' => ['type' => 'checkbox', 'name' => 'hobby[]'],
      'option' => ['swimming' => '  ', 'reading' => '  ', 'running' => '  '],
      'default' => ['swimming', 'reading']
    ],
    
    
    //    
    5 => [
      'tag' => 'select',
      'text' => '    :',
      'attr' => ['name' => 'area'],
      'option' => ['' => '--   --', 'BJ'=>'  ', 'SH'=>'  ', 'SZ'=>'  ']
    ],
    
    
    //   
    6 => [
      'tag' => 'textarea',
      'text' => '    :',
      'attr' => ['name' => 'introduce', 'cols' => 50, 'rows' => 5]
    ],
    
    
    //    
    7 => [
      'tag' => 'input',
      'attr' => ['type' => 'submit', 'value' => '  ']
    ]
    
    폼 자동 생 성
    1.폼 의 자동 생 성―$elements 배열 읽 기
    사고의 방향 을 실현 하 다.
  • 사용자 가 제출 한 데 이 터 를 편리 하 게 처리 하기 위해$elements 의 모든 폼 항목 을 지정 한 배열 과 합 쳐 모든 폼 항목 에 tag,text,attr,option 과 default 다섯 개의 요 소 를 포함 하고 순서 가 같 습 니 다.
  • tag 값 에 따라 접 두 사 를 각각"generate"로 호출 합 니 다.의 함수 가 폼 항목 의 연결 을 진행 합 니 다
  • 각 폼 항목 이 한 줄 을 차지 하고 맞 춤 형 폼
  • 을 되 돌려 줍 니 다.
    2.폼 의 자동 생 성―폼 요소 의 속성 결합
    사고의 방향 을 실현 하 다.
  • 정의 함수 generateattr($attr,$items=')폼 요소 속성 을 완성 하 는 데 사용 되 는 조합
  • $attr 배열 에서 요소 의 키 는 속성 이름 이 고 요소 의 값 은 속성 값
  • 입 니 다.
  • 속성 과$items 의 연결 을 옮 겨 다 니 며 되 돌려 줍 니 다.예 를 들 어 type="radio"name="gender"
  • 3.폼 의 자동 생 성―조합 input 요소
    사고의 방향 을 실현 하 다.
  • option 요소 가 포함 되 어 있 는 지 에 따라 단일 선택 또는 다 중 선택 여 부 를 판단 한다
  • 그렇지 않 으 면 속성 함 수 를 직접 호출 하여 폼 항목 의 조합 을 완성 합 니 다
  • 만약 에 여러 옵션 의 조합 을 순서대로 완성 하고 되 돌려 줍 니 다.
    在这里插入图片描述
  • 4.폼 의 자동 생 성―조합 select 요소
    사고의 방향 을 실현 하 다.
  • 드 롭 다운 목록 을 연결 하 는 옵션 option
  • select 태그 의 전체 조합 을 완성 하고 되 돌려 줍 니 다在这里插入图片描述
  • 5.폼 의 자동 생 성-textarea 요 소 를 결합 합 니 다.
    사고의 방향 을 실현 하 다.
  • textarea 요 소 를 연결 하 는 속성
  • textarea 를 완전 하 게 연결 하고 되 돌려 줍 니 다.
    在这里插入图片描述
  • 더 많은 PHP 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
    본 논문 에서 말 한 것 이 여러분 의 PHP 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.-->

    좋은 웹페이지 즐겨찾기