Bài 7: Thư viện jQuery và thư viện jQuery UI - Giáo trình FPTMasterCode.vn
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Tài liệu Zend Framework 2 - Cài đặt và cấu hình Zend Framework 2 - Bài 2KhanhPham
Tài liệu Zend Framework 2 - Cài đặt và cấu hình Zend Framework 2 - Bài 2. Hướng dẫn cách cài đặt, cấu hình ZF2.
Để tìm hiểu kỹ hơn các bạn hãy truy cập;
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Hướng dẫn xây dựng ứng dụng web theo mô hình MVC bằng ngôn ngữ JavaHuy Vũ
Hướng dẫn xây dựng ứng dụng web bằng ngôn ngữ Java theo mô hình MVC
Tham khảo sourcecode vui lòng liên hệ email: pinuit11@gmail.com
Chúc các bạn học tập thật tốt!
Bài 7: Thư viện jQuery và thư viện jQuery UI - Giáo trình FPTMasterCode.vn
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Thự viện và cách tạo thư viện
Thư viện JavaScript
Sử dụng thư viện jQuery
Sử dụng jQuery để tạo hiệu ứng
Hiệu ứng ẩn hiện
Hiệu ứng mờ
Hiệu ứng chuyển động
Sử dụng thư viện jQuery UI
Tạo tính năng kéo thả (drag and drop)
Tạo menu chồng nhau
Tài liệu Zend Framework 2 - Cài đặt và cấu hình Zend Framework 2 - Bài 2KhanhPham
Tài liệu Zend Framework 2 - Cài đặt và cấu hình Zend Framework 2 - Bài 2. Hướng dẫn cách cài đặt, cấu hình ZF2.
Để tìm hiểu kỹ hơn các bạn hãy truy cập;
Website: www.zend.vn
Facebook: https://www.facebook.com/zendvngroup
Hướng dẫn xây dựng ứng dụng web theo mô hình MVC bằng ngôn ngữ JavaHuy Vũ
Hướng dẫn xây dựng ứng dụng web bằng ngôn ngữ Java theo mô hình MVC
Tham khảo sourcecode vui lòng liên hệ email: pinuit11@gmail.com
Chúc các bạn học tập thật tốt!
Slides nói rõ về mô hình MVC trong lập trình ứng dụng web với ngôn ngữ Java.
Tham khảo Sourcecode vui lòng liên hệ email: pinuit11@gmail.com
Chúc các bạn học tập tốt!
Bài 1 Lập trình website theo mô hình MVC - Xây dựng ứng dụng webMasterCode.vn
Cách tổ chức mô hình MVC
Ưu điểm của mô hình MVC trong việc phát triển
ứng dụng web
Cách tạo và gọi hàm theo phong cách mô hình
MVC
Phân biệt khi nào nên forward hoặc chuyển
hướng yêu cầu HTTP
Giới thiệu về framework CakePHP
BÀI 2 Tổng quan về ILLUSTRATOR CS4 - Giáo trình FPTMasterCode.vn
Vẽ hình trong Illustrator
Thay đổi kích thước của vật thể với nhóm công cụ
Transform
Cắt và dán vật thể
Nhân bản vật thể
Quản lý nhóm vật thể (Group)
Một số phím tắt thông dụng trong Adobe Illustrator
CS4
Chế độ đặc biệt trong Adobe Illustrator
Vẽ hình trong Illustrator
Thay đổi kích thước của vật thể với nhóm công cụ
Transform
Cắt và dán vật thể
Nhân bản vật thể
Quản lý nhóm vật thể (Group)
Một số phím tắt thông dụng trong Adobe Illustrator
CS4
Chế độ đặc biệt trong Adobe Illustrator
Bài 1: Làm quen với SQL Server 2008 - Giáo trình FPTMasterCode.vn
Truy cập tới CSDL qua mạng
Hỗ trợ mô hình Client/Server
Kho dữ liệu (Data WareHouse)
Tương thích với chuẩn ANSI/ISO SQL -92
Hỗ trợ tìm kiếm Full- Text (Full- Text Search)
Hỗ trợ tìm kiếm thông tin trực tuyến (Books Online)
Các kiểu dữ liệu mới và các hàm thư viện làm việc với
các kiểu dữ liệu này như XML, Các kiểu dữ liệu giá trị lớn
(lưu ảnh, video…)
Hỗ trợ FileStream để thao tác với các đối tượng nhị phân
lớn (BLOB)
Language-Integrated Query (LINQ)
Hỗ trợ DotNet 3.5
……
Một số tính năng của SQL Server 2008
Các kiểu dữ liệu mới và các hàm thư viện làm việc với
các kiểu dữ liệu này như XML, Các kiểu dữ liệu giá trị lớn
(lưu ảnh, video…)
Hỗ trợ FileStream để thao tác với các đối tượng nhị phân
lớn (BLOB)
Language-Integrated Query (LINQ)
Hỗ trợ DotNet 3.5
……
2. M c đíchụ
Gi i thi u t ng quan v công ngh J2EE.ớ ệ ổ ề ệ
Bi t các thành ph n J2EEế ầ
3. J2EE là gì?
Challenges
Portability
Diverse
Environments
Time-to-market
Core Competence
Assembly
Integration
Key
Technologies
J2SE™
J2EE™
JMS
Servlet
JSP
Connector
XML
Data
Binding
XSLT
Products
App Servers
Web Servers
Components
Databases
Object to DB
tools
Legacy
Systems
Databases
TP Monitors
EIS Systems
4. J2EE là gì?
N n t ng công ngh chu n và m cho vi c:ề ả ệ ẩ ở ệ
Phát tri n, tri n khai, và qu n lýể ể ả
Các ng d ng l n d a vào các thành ph n, qu n lýứ ụ ớ ự ầ ả
t p trung, d ng web, n t ng.ậ ạ ầ
5. N n t ng công ngh Javaề ả ệ
High-End
Server
Java Technology
Enabled Desktop
Workgroup
Server
Java Technology
Enabled Devices
6. N n t ng công ngh Javaề ả ệ
Optional
Packages
Java 2
Enterprise
Edition
(J2EE)
Java 2
Standard
Edition
(J2SE)
JVM
Java
Card
APIs
CardVM
Optional
Packages
Personal
Basis Profile
Personal
Profile
Foundation Profile
CDC
MIDP
CLDC
KVM
Java 2 Platform Micro Edition
(J2METM
)
7. T i sao s d ng J2EEạ ử ụ
Platform có giá tr cho nhà phát tri n.ị ể
Platform h tr đa d ng công ngh có giáỗ ợ ạ ệ
tr đ i v i ng i s d ng.ị ố ớ ườ ử ụ
8. Java EE 4 APIs
J2SE 1.4 (improved)
JAX-RPC (new)
Web Service for J2EE
J2EE Management
J2EE Deployment
JMX 1.1
JMS 1.1
JTA 1.0
Servlet 2.4
JSP 2.0
EJB 2.1
JAXR
Connector 1.5
JASS
JAXP 1.2
JavaMail 1.3
JAF 1.0
9. Java EE 5
JAX-WS 2.0 & JSR 181
Java Persistence
EJB 3.0
JAXB 2.0
JavaSever Faces 1.2 – new to Platform
JSP 2.1 – Unification w/ JSF 1.2
StAX – Pull Parser – new to Platform
10. Servlet là gì?
Các đ i t ng Java mà nó k th a ch cố ượ ế ừ ứ
năng c a HTTPServerủ
T o n i dung đ ng.ạ ộ ộ
M t s thay th t t CGI, NSAPI, ISAPI, ..ộ ự ế ố
Hi u quệ ả
Đ c l p Platform và server.ộ ậ
Qu n lý Sessionả
D a trên ngôn ng Javaự ữ
11. Servlet và CGI
CGI
Based
Webserver
Request CGI2
Request CGI1
Request Servlet1
Request Servlet2
Request Servlet1
CGI
Based
Webserver
Child for CGI2
Child for CGI1
Servlet Based Webserver
JVM
Servlet1
Servlet2
Request CGI1
Child for CGI1
12. JSP là gì?
Cho phép tách bi t x lý nghi p v v i vi cệ ử ệ ụ ớ ệ
trình bày giao di n.ệ
Trình bày d ng HTML ho c XML.ở ạ ặ
X lý nghi p v trình bày d ng Java Bean ho cử ệ ụ ở ạ ặ
custom tag.
Có th duy trì và c i ti n d dàng.ể ả ế ễ
M r ng thông qua custom tag.ở ộ
Xây d ng d a trên công ngh Servlet.ự ự ệ
13. Công ngh EJB là gì?ệ
Công nghệ ở server-side
Phát tri n và tri n khai ng d ng d a trên côngể ể ứ ụ ự
ngh này d dàng.ệ ễ
Giúp th hi n ti n ích c a công ngh phía serverể ệ ệ ủ ệ
side.
Tách bi t vi c x lý nghi p v v i h th ng code.ệ ệ ử ệ ụ ớ ệ ố
Cho phép c u hình trong th i gian tri n khai.ấ ờ ể
16. Java Message Service (JMS)
Các h th ng thông đi p cung c pệ ố ệ ấ
Các cu c giao ti p d ng c p.ộ ế ạ ặ
Giao ti p đ ng b hóa.ế ồ ộ
Đóng vai trò là b u đi n trung tâm.ư ệ
Ti n l i c a h th ng qu n lý thông đi p.ệ ợ ủ ệ ố ả ệ
Linh ho t, tin c y, g n.ạ ậ ọ
JMS là th vi n chu n cho qu n lý thôngư ệ ẩ ả
đi p.ệ
17. Ki n trúc Connectorế
Đ nh nghĩa API chu n cho vi c tích h p công nghị ẩ ệ ợ ệ
J2EE v i h th ng EIS.ớ ệ ố
CICS, SAP, PeopleSoft, etc.
Tr c khi có Connector, m i ng d ng server ph iướ ỗ ứ ụ ả
cung c p b đi u khi n thu c tính cho m i EIS.ấ ộ ề ể ộ ỗ
m (# of App servers) x n (# of EIS's) Adaptors
V i ki n trúc connector, cùng m t adaptor có thớ ế ộ ể
th c hi n v i nhi u container J2EE.ự ệ ớ ề
1 (common to all App servers) x n (# of EIS's) Adaptors
18. Bài toán mxn tr c ki n trúc Connectorướ ế
App
Server1
App
Server
App
Server3
App
Server2
SAP
EIS4
EIS3
m n
EIS2
19. JAAS: Authentication
G n framework cho vi c ch ng th cắ ệ ứ ự
Userid/password
Smartcard
Kerberos
Biometric
L c đ ch ng th c kh chuy n.ượ ồ ứ ứ ả ể
Cung c p l c đ ch ng th c đ c l p API.ấ ượ ồ ứ ự ộ ậ
L c đ ch ng th c đ c đ c t b i t p tin c uượ ồ ứ ự ượ ặ ả ở ậ ấ
hình mà nó đ c đ c b i JAAS.ượ ọ ở
21. JNDI
Giao di n d ch v Naming và Directory.ệ ị ụ
Ti n l i cho ng d ng J2EE xác đ nh tài nguyên vàệ ợ ứ ụ ị
các đ i t ng.ố ượ
ng d ng s d ng tên đ tham chi u đ n tài nguyên quaỨ ụ ử ụ ể ế ế
JNDI.
Tên t ng tr ng và tham chi u đ i t ng ph i đ c c uượ ư ế ố ượ ả ượ ấ
hình b i qu n tr khi ng d ng đ c tri n khai.ở ả ị ứ ụ ượ ể
22. JDBC
Cung c p th vi n l p trình java cho c sấ ư ệ ậ ơ ỏ
d li u quan h .ữ ệ ệ
S d ng SQLử ụ
Nhà cung c p JDBC driver (đ c g i thôngấ ượ ọ
qua các hàm chu n c a Java).ẩ ủ
23. Qu n lý J2EEả
M t platform cho phép quan lý J2EEộ
server.
JMX
24. Tri n khai J2EEể
Tools J2EE Platforms
Standard
Deployment API
(Universal Remote)
IDEs
Vendor Deploy
Tools
Management Tools
26. Ki n trúc Plagform J2EEế
B2B
Applications
B2C
Applications
Web
Services
Wireless
Applications
Application Server Enterprise
Information
Systems
Existing
Applications
29. Phân tích ng d ng EJBứ ụ
DB & EIS
Resources
Browser
Stand-alone
Web Server EJB Server
Web Server EJB Server
30. Phân tích ng d ng EJBứ ụ
4-t ngầ
HTML client, JSP/Servlets, EJB, JDBC/Connector
3-t ngầ
HTML client, JSP/Servlets, JDBC
3-t ngầ
EJB standalone applications, EJB, JDBC/Connector
B2B
S d ng JMS ho c thông nghi p d a vào XML.ử ụ ặ ệ ự
31. Công c thi t l p môi tr ngụ ế ậ ườ
NetBean
IDE
Glassfish
JDK 1.6
IE
34. Các b c vi t m t ng d ngướ ế ộ ứ ụ
web
Vi t và biên d ch code cho các thành ph n x lýế ị ầ ử
(Servlet or JSP) và các l p b tr khác.ớ ổ ợ
T o các ngu n tài nguyên tĩnh (ví d : nh, HTML)ạ ồ ụ ả
T o t p tin c u hình miêu t tri n khai (web.xml).ạ ậ ấ ả ể
Đóng gói ng d ng Web (t p tin *.war ho c thứ ụ ậ ặ ư
m c đ c deloyment).ụ ượ
Tri n khai ng d ng web vào Web server.ể ứ ụ
Web client truy c p ng d ng URL.ậ ứ ụ
35. C u trúc th m cấ ư ụ
Th m c g c – l u d ng file *.warư ụ ố ư ạ
build.xml
src: source các thành ph n d ng servlets và JavaBeansầ ạ
web: các trang JSP, trang HTML, các nh.ả
Ví d : hello2ụ
Hello2
• src/servlets
– GreetingServlet.java
– ResponseServlet.java
• web
– WEB-INF
» web.xml
– duke.waving.gif
• build.xml
36. Tri n khai m t ng d ng webể ộ ứ ụ
S d ng công c h tr deloy c a web server.ử ụ ụ ỗ ợ ủ
Sao chép t p tin *.war vào th m c tri n khai.ậ ư ụ ể
C u trúc t p tin *.war.ấ ậ
What is J2EE? In short, it is an open, standard-based, development and deployment platform for building n-tier, web-based and server-centric, and component-based enterprise applications.
What is Servlet? A servlet is a Java object that extends the functionality of HTTP server by providing the capability of dynamic contents generation. Now you might remember that people used to use CGI for dynamic contents generation. “What is wrong with CGI?” Lots of things. First, inefficiency. In CGI, every HTTP request from client results in a creating of a new process, even if they are from a same client, which is quite inefficient and of course because of that, cannot scale to handle large number of clients at the same time. The servlet technology is designed to solve these problems associated with using CGI, or proprietary APIs such as NSAPI or ISAPI. For example, Servlet handles the HTTP client requests much more efficiently than CGI because it does not have to create new process every time there is a new client request. Instead, it creates a new thread. Because it is Java and because it is standard-based, most of the web servers out there support servlet. It also handles session management for you so that you don’t have to deal with it yourself. By being Java code, it is cross-platform technology as opposed to vendor-specific or product-specific technologies such as NSAPI or ISAPI.
This picture shows difference between CGI and servlet-based model. In CGI, for every HTTP request, a new process has to be created while in servlet model, it is the thread that gets created in the same Java VM (Virtual Machine) and that thread can stay there for serving other requests.
This picture shows a somewhat simplified architecture of EJB. We will talk about the concept of containers and components later on. But a key architectural concept of EJB is that there is a separation of business logic components from the hosting execution environment in which those components are running. The business logic components under EJB architecture are represented as EJB beans while the hosting environment is represented by EJB container (sometimes called as EJB server) . As a business component developer, you have to write three Java files and a deployment descriptor. First you have to write EJB home interface which defines the methods that will be used by clients in order to create and locate your bean through the container. Second, you have to write EJB remote interface which defines the business methods of your bean. Finally, you will build your bean and deployment descriptor which specifies which Java interface is home interface and which Java interface is remote interface, and which class is in fact your bean class. Now container, at the time of deployment of your beans, will create two internal and intermediary objects, EJB home object and EJB remote object. These objects are implementation of home and remote interface you have defined. So when the client wants to invoke some business methods of the EJB bean you created, it is actually talking to these two intermediary objects instead. Why this indirection? This is to allow the container to intercept the calls so that it can provide system services such as security, transaction, persistence, resource management, life cycle management, and so on.
As more businesses move towards an e-business strategy, integration with existing Enterprise Information Systems (EIS) becomes a key to success. Enterprises with successful e-businesses need to integrate their existing EISs with new web-based applications. They need to extend the reach of their EISs to support business-to-business (B2B) transactions. Before the J2EE Connector architecture was defined, no specification for the Java platform addressed the problem of providing a standard architecture for integrating EISs to J2EE application server in a standard-fashion. Most EIS vendors and application server vendors use non-standard vendor-specific adaptors to provide connectivity between application servers and enterprise information systems. The J2EE Connector architecture provides a Java solution to the problem of connectivity between the many application servers and EISs already in existence. By using the J2EE Connector architecture, EIS vendors no longer need to customize their product for each application server. Application server vendors who conform to the J2EE Connector architecture do not need to add custom code whenever they want to add connectivity to a enterprise information system. So it solves the m (appservers) times n (enterprise information systems) adaptor problem. That is with connector architecture, the number of adaptors that need to be developed are the same number of enterprise information systems since a common adaptor can be used for all J2EE compliant application servers.
JAAS addresses both authentication and authorization. So let's talk about authentication aspect of JAAS first. JAAS provides pluggable authentication framework. It is expected that different business organizations would employ different authentication schemes. Examples of authentication schemes they might use include userid/password based authentication, smartcard, Kerberos, or Biometric authentication. The idea of JAAS pluggable authentication framework is to allow Java application that performs the authentication to be portable regardless of the underlying authentication schemes. So JAAS provides authentication scheme independent API that can be used by the Java application. There is also login configuration file that contains information on the authentication schemes that are deployed for a particular operational environment. And this login configuration file will be read by JAAS runtime.
This picture shows the pluggable authentication framework of JAAS. The application uses the API that is provided by the JAAS runtime implementation. So the boxes of purple color represents the implementation code that is provided by the JAAS. And this code reads the login configuration file during runtime. And each authentication scheme should provide a class file that is compliant to loginModule service provider interface that JAAS architecture defines.
JNDI stands for Java naming and directory interface and it is a common method for locating resources or objects under J2EE framework. JNDI is utilized by J2EE applications to locate resources and objects in a portable fashion. That is, in your application, you are using a symbolic name to refer an object assuming that symbolic name has been configured to real object reference or resource by the system administrator. Because the system administrator can configure the association of the symbolic name and actual object at the time of deployment, the code portability is still assured.