Thứ Ba, 25 tháng 2, 2014

THIẾT KẾ TRANG WEB BÁN CD QUA MẠNG

2.2 Cơ chế hoạt động của JSP :
- Công nghệ JSP gắn liền với Servlet. Mã Java trong trang JSP được biên dịch
thành Servlet khi trình duyệt phía khách (Client) truy xuất trang JSP lần đầu tiên.
Quá trình diễn ra như sau: mã Java được tách ra khỏi nội dung bình thường của
trang JSP, tạo thành mã nguồn của Servlet. Kết quả xử lý của Servlet được thay
vào chỗ biểu thức JSP trong trang Web ban đầu (trang Web mà trình duyệt nhận
được là trang HTML thuần túy).
2.3 Những điểm nổi bật của công nghệ Java Server Page (JSP) :
* Tận dụng được sức mạnh của ngôn ngữ lập trình Java:
- Từ trước đến nay chúng ta đều biết đến Java như là một công cụ hỗ trợ đắc lực
trong việc xây dựng các ứng dụng Web Client-side (Applet) . Nhưng Java cũng
còn là một môi trường lý tưởng để tạo thành phần server cho ứng dụng Web. Do
nền tảng của JSP dựa trên Java nên JSP cũng tận dụng được các ưu điểm trên.
JSP cung cấp một phương pháp rất mạnh để xử lý yêu cầu từ Client, cũng như
những ưu việt trong chế độ an toàn, chống rò rỉ bộ nhớ (memory leak) và hỗ trợ
chế độ xử lý đa tuyến đoạn (multithreading). Ngoài ra, môi trường Java đã đưa
ra rất nhiều sự mở rộng cho việc phát triển các ứng dụng Enterprise. JSP ngày
nay đã là một thành phần cốt lõi trong môi trường J2EE. Vì vậy, với công nghệ
JSP, người ta hoàn toàn có thể tạo ra được những ứng dụng có quy mô lớn với
chất lượng cao.
* Quá trình phát triển, triển khai và duy trì phát triển ứng dụng Web trở nên dễ
dàng và nhanh chóng:
- JSP đã làm đơn giản hóa và tăng tốc quá trình phát triển ứng dụng Web. Thay
cho việc phải viết một chương trình Java, giờ đây người ta chỉ cần tạo một trang
HTML, thêm các thẻ tựa XML (XML - like tags) và nếu cần thiết, sử dụng thêm
các đoạn mã nhúng (scriptlet). Bằng việc hỗ trợ các thư viện thẻ tự tạo
(customized tag) và mô hình phát triển dựa trên thành phần (component - based
development), JSP không chỉ làm giảm công sức phải bỏ ra của những người
phát triển mà nó còn cung cấp một cơ sở vững chắc cho các công cụ phát triển.
Khi đã được xây dựng, các trang JSP còn dễ bảo trì bởi sự tách biệt các xử lý
nghiệp vụ (thường được đặt trong các thư viện customized tag hay các thành
phần JavaBeans) ra khỏi giao tiếp, hình thức của trang.
* Tận dụng được những thành phần có thể dùng lại (reusable components):
- Hầu hết các trang JSP đều dực trên những thành phần xuyên nền (cross-
platform components) có thể dùng lại (các thành phần JavaBeans hay Enterprise
JavaBeans) để thực hiện những xử lý nghiệp vụ phức tạp. Những nhà phát triển
có thể trao đổi hay chia sẻ những thành phần chuyên trách xử lý chung (common
operations), do đó sẽ làm giảm đáng kể chi phí khi xây dựng ứng dụng. Cách
tiếp cận dựa trên thành phần của JSP đã làm tăng tốc độ phát triển ứng dụng và
cho phép đạt được kết quả tối ưu trên sản phẩm sau cùng.
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
* Tách biệt nội dung với giao diện:
- Với công nghệ JSP, người phát triển sử dụng các thẻ HTML hay XML để thiết
kế giao tiếp trang Web, các thẻ JSP hay các đoạn scriptlet để phát sinh nội dung
động của trang (nội dung này phụ thuộc vào yêu cầu của user). Các xử lý phát
sinh nội dung được đóng gói trong các thẻ hay thành phần JavaBeans và được
liên kết lại trong scriptlet, sau đó được thực hiện ở server. Do những xữ lý cốt lõi
đã được đóng gói trong các thẻ và Beans, Web master và page designer có thể
hiệu chỉnh và làm việc trên trang JSP mà không ảnh hưởng đến xử lý nghiệp vụ
của trang. Các điều trên giúp bảo vệ các đoạn code sở hữu độc quyền và vẫn
đảm bảo cho mọi HTML - based web Browser có thể truy xuất đến các trang JSP
theo yêu cầu.
* Sự phát triển mở rộng và hỗ trợ công nghiệp rộng lớn:
- JSP được phát triển dưới Java Community Process. Ðiều này đảm bảo nó có
một sự hỗ trợ công nghiệp rộng lớn của hầu hết các Web server và Application
server. Hơn nữa, công nghệ này giờ đây đã được phát triển mở trong dự án của
Apache Software Foundation. Với điều này, công nghệ JSP mới nhất sẽ có được
một ảnh hưởng tầm cỡ Thế Giới trong công nghệ thông tin. Sun Microsystems
được ủy nhiệm việc duy trì tính đa nền và mở của công nghệ này.
* Sự độc lập nền:
- Công nghệ JSP đưa ra khả năng sử dụng lại ứng dụng trên bất kỳ nến và server
nào (đây cũng chính là khẩu hiệu nổi tiếng của ngôn ngữ Java: "Write Once, Run
Anywhere"). Nó cung cấp một phương pháp hướng thành phần, độc lập nền
trong việc xây dựng ứng dụng Web. Hầu hết Web server và Application server
đã và đang đưa ra những sản phẩm hỗ trợ công nghệ JSP. Sự hỗ trợ đa nền, rộng
lớn này cho phép Wwb developer viết code JSP một lần nhưng có thể triển khai
khắp mọi nơi.
* Ðơn giản hóa quá trình phát triển với các thẻ:
- Những nhà phát triển trang Web không phải lúc nào cũng là một lập trình viên
thông thạo với ngôn ngữ kịch bản. Công nghệ JSP đóng gói nhiều chức năng cần
thiết trong việc phát sinh nội dung động ở dạng dễ sử dụng. Các thẻ JSP chuẩn
có thể truy xuất và khởi tạo những thành phần JavaBeans, thiết lặp hay nhận về
giá trị của thuộc tính và thực hiện những xử lý mà nếu viết code sẽ khó khăn và
mất nhiều thời gian. Công nghệ JSP có thể mở rộng thông qua sự phát triển của
các thư viện thẻ tự tạo (customized tag library). Hiện nay đã có khá nhiều các
thư viện loại này, từ đó giúp nhà phát triển trang Web có thể làm việc với những
công cụ quen thuộc khi thực hiện những xử lý phức tạp.
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
3. Chương trình ứng dụng về WebCD
3.1. Mô tả về chương trình và các công cụ sử dụng.
Đây là chương trình quảng cáo buôn bán CD và VCD các loại trên
mạng ,chương trình được viết bằng ngôn ngữ JSP kết hợp với Servlet,cơ sở dữ
liệu được quản lý bằng Mysql Server,Web Server được cài đặt là Tomcat
Apache.
Các phần mềm được sử dụng trong chương trình
-Cài đặt Tomcat làm server
-Cài đặt Phpmyadmin để quản trị cơ sở dữ liệu
-Cài đặt Macromedia Dreamweaver để dùng công cụ lập trình.
-Cài đặt Apache win.
-Cài đặt Mysqladmin.
3.1.2 Giới thiệu về Tomcat Server.
-Là một trình chủ web server hiểu Java(JSP) rất mạnh , nhưng không có giao
diện đồ họa như JRun hay WebLogic . Mặc định Tom Cat dùng cổng 8080 , để
kiểm tra bạn có thể gọi http://localhost:8080/index.html (hiển thị trang chủ
của Tom Cat) .
- Trước khi cài Tom Cat bạn cài JDK , và sua đó cài Tom Cat , chỉ cho Tom Cat
thấy JDK bằng lệnh SET JAVA_HOME=[thư mục cài đặt JDK]
- Thư mục làm việc : Các ứng dụng Web của Tom Cat được đặt trong thư mục
[TOMCAT_HOME]\webapps. bạn có thể cấu hình để gọi các trang JSP /servlet
của ứng dụng bằng cách chỉ ra vị trí ứng dụng trong file
[TOMCAT_HOME]\config\server.xml . Ví dụ bạn tạo thư mục examples bên
trong thư mục webapps và chỉ định vị trí trong server.xml như sau :
<context path=”/examples”
docBase=”webapps/examples”
crossContext=”false”
debug=”0”
reloadable=”true”>
</context>
Sau đó gọi trang JSP trong thư mục examples :
http://localhost:8080/examples/helloworld.jsp
-Muốn gọi servlet của ứng dụng , bạn chép các file class và thư mục WEB_INF
sau đó cấu hình trong file web.xml .
- Muốn thay đổi số hiệu cổng mặc định của TomCat , ví dụ từ 8080 thành 80 ,
bạn thay đổi mục sau trong file server.xml
<Connectior className=”org.apache.tomcat.service.PoolTcpConnector”>
<Parameter name=”port” value=”8080”/>
</Connector>
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
Trang Web chính của Tomcat Server
Màn hình quản trị cơ sở dữ liệu bằng Mysqladmin
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
3.1.3 Giới thiệu Macromedia Dreamweaver MX 2004 :
- Dreamweaver là một chương trình dùng để tạo ra và quản lý các trang web. Cốt
lõi là HTML ( Ngôn ngữ đánh dấu siêu văn bản)
- Là một công cụ dễ dùng , rất mạnh và ưu thích với các nhà thiết kế web chuyên
nghiệp. Với Dreamweaver bạn dễ dàng phát triển một trang web hoặc một
website rất lớn . BẠn cũng thể mở các trang HTML soạn thảo từ các chương
trình soạn thảo HTML khác ( FrontPage , HomeSite ….) chỉ để chỉnh mã và thay
đổi cách viết phù hợp với Dreamweaver bằng các tiện ích một cách dễ dàng.
- Là một công cụ trực quan mà bạn có thế bổ sung các Sript , biểu mẫu , bảng
biểu , nhiều loại đối tượng khác mà không phải viết đoạn mã này.
- Sử dụng các công nghệ HTML , web chuẩn , và cũng cung cấp khả năng tương
thích với các trình duyệt cũ , bằng cách kiểm tra độ tương thích mã với từng loại
trình duyệt bằng tiện ích có sẳn.
- Ngoài ra còn cung cấp cho người thiết kế khả năng thêm mã , khả năng kiểm
tra mã hoạt động trên trình duyệt ra sao, khả năng đặt các Control ( tương tự
Visual Basic) vào trang web một cách thuận tiện , sau đó cũng có thể viết mã
bằng cách chuyển chế độ hiển thị, ngoài ra Dremweaver còn hỗ trợ chế độ
Desing and code cho ai thích vừa viết code vừa xem trang hiển thị .
- Dreamwear hỗ trợ thiết kế tất cả các định dạng file hiện nay ( ASP, JSP, PHP ,
HTM, XML … ) , đây là đặc điểm nổi trội trong khi các chương trình soạn thảo
cùng loại không có được .
- Trong phiên bản MX 2004 hiện nay , hỗ trợ tốt Unicode , các loại định dạng ,
kết nối với cơ sở dư liệu nhanh chóng và tự nhiên ( tương tự dùng Wizard
connect Database trong .NET) , với các Hệ CSDL : Acess, SQL server thông qua
ODBC . Vì thế các nhà thiết kế không cần phải viết một đoạn mã nào mà vẫn có
thể truy cập CSDL để thêm, xoá, sửa .
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
3.1.3 Giới thiệu về WinMySQLadmin :
WinMySqlAmin Server dùng để lưu thông tin cấu hình của hệ thống và
tài nguyên,kiểm tra cơ sở dữ liệu thông báo các tiến trình xử lý của Server,đồng
thời khởi động Mysql Server
Màn hình winmysqlAdmin dùng để khởi động mysqladmin
Cơ sở dữ liệu được phát sinh từ file scripts Alamaxx.sql sử dụng ngôn
ngữ MysqlServer.
# phpMyAdmin SQL Dump
# version 2.5.3
# http://www.phpmyadmin.net
# Host: localhost
# Generation Time: Apr 05, 2004 at 08:37 AM
# Server version: 4.0.18
# PHP Version: 4.3.4
# Database : `alamaxx`
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
3.2.Mô tả về màn hình giao diện.
3.2.1 Màn hình giao diện chính.
3.2.2 Màn hình cấu trúc của Web
-Cấu trúc của một trang thông thường của một trang Web thông thường
gồm các phần chính như sau:
+Phần đầu hay còn gọi là header
+Phần phía trái của Web còn gọi là left
+Phần phía phải của Web còn gọi là right
+Phần phía dưới cùng của Web còn gọi là footer
+Phần chính của trang web hay còn gọi là phần main
-Màn hình cắt phần đầu của trang web hay còn gọi là header
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
-Màn hình cắt phần phía trái của trang web hay còn gọi là left
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
Màn hình cắt phần phía phải của trang web hay còn gọi là right
-Màn hình cắt phần phía dưới của trang web hay còn gọi là footer
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368
Phần chính của trang web hay còn gọi là phần main
Website: http://www.docs.vn Email : lienhe@docs.vn Tel : 0918.775.368

Không có nhận xét nào:

Đăng nhận xét