JQuery 모바일 휴대 전화 및 태블릿에 대 한 PHP 프로그래밍

PHP를 사용 하 여 모바일 장치에서 실행 하도록 응용 프로그램을 개발 하는 것을 상상합니다. JQuery Mobile 당신이 Ajax 통해 웹 서버와 상호 작용 하는 인터페이스를 만들.


프레 젠 테이 션

아무 마법은! 평소 무엇입니까: HTML을 사용 하 여 캔버스와 Javascript를 맞게 (AJAX) 웹 서버에 게 요청 하, 수신할 PHP 소스는 어디 입니까, 처리 하 고 정보를 반환. 그리고이 대 한, 우리는 JQuery 수 기능 집합에 셀 수 있습니다..

jQuery 모바일

jQuery Mobile은 스마트폰 및 태블릿에 최적화 된 웹 프레임 워크. 그것은 가장 인기 있는 모바일 장치 플랫폼 HTML5 호환 인터페이스 기반 시스템. JQuery와 jQuery UI에 내장 된, 코드 수 있도록 유연한 디자인, 쉽게 사용자 정의.

실제로

간단한 예를가지고 가자, 우리는 텍스트 필드에 입력 하는 사용자 인터페이스를 “이름”. 버튼을 클릭 하 여 “보내기”, 폼 서버에 전송 됩니다. (Ajax를 통해), 메시지를 표시 하 “안녕하세요 nomeDoUsuario!” 또는 “전 세계 여러분 안녕하세요!”, 이름 필드가 비어 있는 경우.

전 세계 여러분 안녕하세요!

index.php | 사용자 인터페이스 (클라이언트-사이드)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<?PHP
<!DOCTYPE html>
<HTML>
    <머리>
    <제목>전 세계 여러분 안녕하세요! Jquery 모바일</제목>
    <메타 이름="viewport" 콘텐츠="width=device-width, 초기 스케일 = 1"> 
    <링크 rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
    <스크립트 src="http://code.jquery.com/jquery-1.6.4.min.js"></스크립트>
    <스크립트 src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></스크립트>   
    <스크립트>
        $(함수() { 
            $("#bt-enviar").클릭(함수() {
                $.AJAX({
                  유형: "POST",
                  URL: "http://taylorlopes.com/util/jquerymobile/olamundo/olamundo.php",
                  날짜: ({이름: $.트림($("#nome").()) }),
                  데이터 형식: "text",
                  성공: 함수(날짜) {
                    $("#nome").("");
                    $("#resultado").HTML(날짜);
                  }
                });
            });
        });
    </스크립트>     
</머리>
<바디> 
    <div 날짜-스크롤="page" ID="indexPage">
        <div 날짜-스크롤="header">
            <H1>전 세계 여러분 안녕하세요 - Jquery 모바일</H1>
        </div>
        <div 날짜-스크롤="content">
            <div 날짜-스크롤="fieldcontain">
                <레이블 ="nome">당신의 이름을 알림합니다:</레이블>
                <입력된 형식="text" ID="nome" 이름="nome"="" />
            </div>
            <입력된 id="bt-enviar" 유형="button"="Enviar" />
            <div id="resultado"></div>
        </div>
    </div> 
</바디>
</HTML>
?>
olamundo.php | PHP 코드 (서버-사이드)
1
2
3
 
  <?PHP 헤더("Content-Type: text/html;  문자셋 =는 ISO-8859-1",true) ?>
  <H3>안녕하세요 <?PHP 에코 $_ 포스트[' 이름 '] ? $_ 포스트[' 이름 '] : "Mundo" ?>!</H3>

결과 뭔가:


이 코드 작업 참조!

메타 태그에 JQuery 모바일의 큰 거래는 “뷰포트”, 위치 매개 변수 “장치-폭 폭 =” 자동으로 내용에 액세스 하는 모바일 장치의 화면으로 크기를 조정합니다. 이 방법으로, 바탕 화면에 액세스 하 여 프레 젠 테이 션은 다른 휴대 전화에서.

더 나은 귀하의 페이지 동작 하 고 휴대 전화에 표시 하는 방법을 시각화 하는 에뮬레이터를 사용할 수 있습니다., 타블렛, 등, 위의 그림에서 보듯이. 크롬의 경우, 그냥 설치 된 확장 형식 “리플 에뮬레이터” 테스트 도구로 그것을 사용 하 여. 몇 가지 유사한 솔루션.

나머지 필요과 창의성에 간다…

총 조회 수: 64871

11 에 대 한 의견 “JQuery 모바일 휴대 전화 및 태블릿에 대 한 PHP 프로그래밍

  1. 파비오 고 말했다:

    안녕하세요, 게시물에 대 한 축 하. 의심의 여 지를 명확 하 게 자신의 콘텐츠를 걸릴 하 고 싶습니다.(당신이 나를 도울 수 있다면 감사 합니다.). PHP에서 간단한 쿼리를 확인 하 고 모바일 또는 jquery를 사용 하 여 은행에 등록 된 사용자의 화면에 표시 하 고 싶습니다.. 어떻게 내가 할 수 있는 알으십시오? 관심에 대 한 감사.

    • 안녕 파비오. 예, 내가 어떻게 해야할지, 하지만 당신은 설명 이해 프로그래밍 조금 알고 있다. 원리 같은 예제에 사용 되는 “olamundo.php”; 차이점은 데이터베이스와의 연결을 확인 해야 합니다., 원하는 결과 얻을 (당신의 SQL 설정) 그것을 표시. 포옹!

      • 최대 고 말했다:

        안녕하세요 테일러, JQuery 모바일 휴대 전화 및 태블릿에 대 한 PHP 프로그래밍의 전체 과정을 할 것입니다.. 입력 한 CRUD.

        예를 들어 달력 시스템 어디에서 오는 데이터베이스 클릭 하면 과정에 과정의 목록을 보여 코스의 모든 여행 정보를 볼 수.

      • 안녕하세요 맥스. 이 과정 없어요. :( 이 게시물에서 예제가 가깝습니다 이미 매우 필요한, 단지 당신이 작동 하는 요청 (ajax 데이터/html/양식 보내기) 그리고는 응답 (데이터 반환 처리 php/sql/서버). 인터넷은 CRUD PHP에서.

        오늘 경우 모바일에 대 한 뭔가를 할 거 야, 사용 하는 것은 이오니아.

  2. 어떤 소프트웨어에 있을 것입니다 우리의 프로그램을 소스 코드를 붙여 “전 세계 여러분 안녕하세요” 다른 많은 passen를 타고??

    • 코드는 HTML 기반, CSS와 자바 스크립트. 그래서, 브라우저 자체 (IE, 파이어 폭스, 크롬) 장치의 (휴대 전화, 타블렛, 노트북) 해석의. 어떤 소프트웨어를 설치할 필요가 없습니다.. 클라이언트-사이드, 텍스트 파일에 코드를 삽입 (메모장, 예를 들어) html 파일 확장명으로 저장. 서버-사이드, 데이터를 조작 하, 프로그래밍 언어를 사용 해야 합니다, PHP로, 자바, ASP, .NET, 등.

  3. 라파엘 아우 고 말했다:

    안녕하세요,

    첫 번째, 축 하 기사.

    그래서 모두 안 드 로이드 애플 리 케이 션을 개발할 수 있습니다와 Jquery 모바일 Phonegap 및 수를 사용 하 여 IOS를 사용 하 여 PHP와 MYSQL 서버에 연결?

    • 안녕히 주무세요, 네 그것은 아주 가능성이. 당신은 html/js에서 응용 프로그램 만들는 Phonegap (클라이언트 쪽) 그리고 안 드 로이드, iOS에서 실행 하는 그녀, 서버 쪽 리소스에 액세스 (PHP와 MySQL), Ajax를 통해.

  4. 1 월 고 말했다:

    플레이 당신이 google에 설치 했던 샘플 프로그램으로는 ? 또는 그냥 휠, 웹 브라우저에서 액세스 ?

    • 예, 당신은 html 응용 프로그램, CSS와 자바 스크립트, 다음 사용 같은 프로그램 Phonegap 응용 프로그램을 생성 하 (거의) 안 드 로이드와 iOS 같은 플랫폼에 대 한 원주민. 다음 그것은 그냥 구글 플레이 (안 드 로이드). 응용 프로그램은 일반적으로 Ajax 요청을 하 고 당신의 PHP와 통신할 수 있을 것입니다., 예제와 같이.

응답을 남기다

귀하의 이메일 주소가 게시 되지 것입니다. 필수 항목으로 표시 됩니다. *