giỚi thiỆu parse.com - bÀi 2: create, query, delete data

19
GIỚI THIỆU PARSE.COM CREATE, QUERY, DELETE DATA Người trình bày chuyên đề Anh: Ngô Thanh Tùng, giảng viên của Softech Aptech Email: [email protected] Một trong các chuyên đề về Cloud Computing trong chương trình đào tạo LẬP TRÌNH VIÊN QUỐC TẾ của SOFTECH APTECH Source code: https://mega.co.nz/#!AsoUhbDY!Aq_dZfQV7zBSR9X_GyodOXyBYyGmjRYaD_dpmExhOVY

Upload: ngo-thanh-tung

Post on 03-Jul-2015

1.227 views

Category:

Education


2 download

DESCRIPTION

GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

TRANSCRIPT

Page 1: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

GIỚI THIỆU PARSE.COMCREATE, QUERY, DELETE DATA

Người trình bày chuyên đềAnh: Ngô Thanh Tùng, giảng viên của Softech Aptech

Email: [email protected]

Một trong các chuyên đề về Cloud Computing trong chương trìnhđào tạo LẬP TRÌNH VIÊN QUỐC TẾ của SOFTECH APTECH

Source code:https://mega.co.nz/#!AsoUhbDY!Aq_dZfQV7zBSR9X_GyodOXyBYyGmjRYaD_dpmExhOVY

Page 2: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

TẠO MỘT ỨNG DỤNG TODOS

• Đây là một ứng dụng quản lý các công việc cá nhân.

• Gồm 02 tiêu chí task name và status

• Trong slide này sẽ hướng dẫn các bạn:

• Tạo mới 1 task

• Hiển thị danh sách

• Xóa 1 task

• Việc sửa thông tin 1 task xem như bài tập tự làm của

các bạn

Page 3: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

PHẦN I:TẠO FORM NHẬP DỮ LIỆU & LƯU DỮ LIỆU VÀO PARSE.COM

Page 4: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

TẠO 1 FORM ĐỂ NHẬP DỮ LIỆU

• Gồm 02 tiêu chí nhập liệu là: taskname &

status như hình sau:

Page 5: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#1: JAVASCRIPT & CSS

Page 6: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#2: HTML FORM

Page 7: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#3.1: PARSE CODE

Page 8: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#3.2: PARSE CODE

Page 9: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#4: JQUERY VALIDATE

Page 10: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#5: CHẠY THỬ FORM

Page 11: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#6: XEM DỮ LIỆU TRÊN PARSE.COM

Page 12: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

PHẦN II:HIỂN THỊ DỮ LIỆU TỪ PARSE.COM

Page 13: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

TẠO MỘT PAGE HTML ĐỂ HIỂN THỊ DỮ LIỆU TỪ PARSE.COM

Page 14: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#1: JAVASCRIPT & CSS

Page 15: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#2: HTML TABLE

Page 16: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#3.1: PARSE CODE

Page 17: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#3.2: PARSE CODE

Page 18: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

#5: CHẠY THỬ FORM

Page 19: GIỚI THIỆU PARSE.COM - BÀI 2: CREATE, QUERY, DELETE DATA

THANK YOUBài sau sẽ là ví dụ hoàn chỉnh về ứng dụng nhỏ này

Hẹn gặp lại!