Học ASP NET qua dự án thực tế website giới thiệu sản phẩm, share design PSD, HTML, code deploy + database

2014-04-15: Học ASP.NET qua dự án website giới thiệu sản phẩm: file PSD, HTML CSS Jquery, ASP.NET,
Database và hướng dẫn sử dụng.
Xin chào các bạn!
Hôm nay mình muốn chia sẻ với các bạn yêu thích ASP.NET một dự án website giới thiệu sản phẩm, bao
gồm đầy đủ tài liệu: file PSD, HTML CSS Jquery, code ASP.NET, Code deploy và Database, cuối cùng là
hướng dẫn sử dụng website. Qua đây mình cũng muốn giới thiệu với những bạn còn chưa biết nhiều lắm
về nghề làm web, chưa biết một dự án website thông thường bao gồm những tài liệu gì và các giai đoạn
phát triển của một website hoàn chỉnh từ yêu cầu đến khi bàn giao cho khách hàng.
Link Mediafire: aoHuyHoang.rar
Mình xin giới thiệu qua về mặt kĩ thuật của dự án:
- Ngôn ngữ lập trình: C#, ASP.NET 3.5, SQL, HTML CSS Jquery.
- Công cụ phát triển: Visual Studio 2010, SQL Server 2008 Express, Code Smith,Photoshop CS5,
Flash CS5.
- Một số kĩ thuật lập trình:
+ SEO: URL rewriting, đăng ký google analytics
+ Mô hình phát triển 3-tiers.
+ Fck editor
+ Kĩ thuật phân trang
+ Tích hợp google map vào trang liên hệ
+ Jquery: aviaSlider và Tooltip sản phẩm
+ Sử dụng module Membership có sẵn của ASP.NET
+ Favi icon, logo icon của website trên thanh địa chỉ trình duyệt -> pro
P/s: Hy vọng các bạn có thể học tập tốt hơn về ASP.NET, các bạn cũng có thể từ dự án này để phát triển
những dự án website khác.
Một số hình ảnh của website:
Trang chủ
Trang chi tiết sản phẩm:
URL được rewrite
Trang danh sách sản phẩm:

Trang Liên hệ:
Trang đăng nhập
Trang quản trị sản phẩm:
Các bạn có thể thấy giao diện quản trị được lấy cảm hứng từ window xp tạo cảm giác thân thuộc với
người sử dụng, với các lệnh chức năng nằm bên tay trái, và nội dung bên tay phải. Tất cả các thao tác
không quá 3 lần chuyển trang, người ít có kiến thức về máy tính cũng có thể dễ dàng quản trị được nội
dung của website này!
Trang nhóm sản phẩm:
Trang loại sản phẩm:
Trang sửa sản phẩm:
Trang đổi mật khẩu:
Phần I: Cấu hình để chạy website
(Chú ý: Mọi hướng dẫn đây mình đều làm trên local host)
1 Restore database:
- Bước 1: Mở SQL Server 2008 Management và tạo 1 database với tên bất kỳ, ở đây mình đặt tên
là 04_giaohuyhoang
- Bước 2: Tạo 1 Script query mới
- Bước 3: Mở file script ScriptDb.sql trong thư mục DB ra, copy toàn bộ và paste vào Script Query
vừa chạy và ấn F5 để chạy, script này tạo lại toàn bộ cấu trúc website và và dữ liệu, điều này dễ
dàng cho các bạn có thể restore database trên host thực tế cũng rất dễ dàng.
Chúng ta cùng xem các thành phần của database:
Danh sách các tables:
Các bạn có thể thấy có cả những table có tiền tố là aspnet_, đây chính là các table được sử dụng bởi
module Membership của asp.net, các bạn đừng lo lắng, các table này được tự động sinh ra khi ta dùng
tool Aspnet_regsql.exe để tích hợp module Membership vào ứng dụng của chúng ta. Tool này ở đâu và
dùng thế nào mình sẽ hướng dẫn sau.
Danh sách các Stored procedures:
Trên đây chỉ là 1 phần của các stored procedures, nhưng tóm lại mỗi một module ta đều có các stored
procedures tương ứng với các chức năng: lấy ra 1 theo ID, lấy ra phân trang, lấy ra theo các tham số đầu

vào, thêm mới, sửa, xóa, xóa theo điều kiện v.v…
2. Ok tiếp theo chúng ta cùng xem code ASP.NET và sửa file web.config, ấn f5 để xem website của chúng
ta nhé:
- Bước 1: Mở Visual Studio lên, và chọn Open Website nhé:
Cửa sổ hiện lên, chúng ta chọn đến thư mục mà chúng ta để code, ở đây tôi đặt tên thư mục là
giaohuyhoang:
Cùng xem code nào:
- Bước 2: Mở file web.config ra và sửa lại chuỗi kết nối ConnectionString ở dòng 96:
Các bạn thay đổi tên server, tên database, user ID, và password tương ứng của các bạn!
- Bước 3: Đổi virtual path của website từ “/giaohuyhoang” thành “/”, cái này có tác dụng là để
chạy trên local host giống y hệt trên host thật, tức là một số tài nguyên như là ảnh hay file đều
được tham chiếu một cách tuyệt đối từ thư mục gốc, khắc phục lỗi làm trên visual studio thì
chạy ngon còn khi triển khai trên host thật thì lại bị mất hình hay không kết nối được tới file css
hoặc javascript. Cái này tuy nhỏ nhưng rất hiểm à nha!
- Bước 4: Chạy F5 tận hưởng website và tiếp tục đọc phần tiếp theo, phần hướng dẫn quản trị nội
dung website :D
Phần II: Hướng dẫn quản trị nội dung website
1. Vào trang đăng nhập theo đường dẫn: localhost/quantri
Đăng nhập bằng tài khoản: quantri với pass là quantri123!
Click vào nút Đăng nhập sẽ hiện ra trang đầu tiên là trang quản trị danh sách sản phẩm
*******************************************
CHÚC CÁC BẠN HỌC TỐT!
*******************************************
Hy vọng project giúp ích thiết thực cho việc học tập nghiên cứu của các bạn, bạn nào muốn có
bộ code ASP.NET của project trên thì hãy liên hệ với mình, mình sell bộ code cùng đầy đủ các tài
liệu. Bao gồm:
+ Bộ full code ASP.NET, C#, SQL
+ Tổng hợp hơn 50 các giao diện website đẹp bao gồm cả giao diện ảnh và một số giao diện
HTML, CSS, Jquery
+ Một số dự án khác được làm từ bộ code này

+ Hướng dẫn chi tiết làm chủ bộ code trên.
+ Trợ giúp, trao đổi với tác giả bằng teamviewer.
+ Tool hỗ trợ: lấy nguyên HTML của 1 trang, code smith + template 3-tiers của bộ code trên (do
chính tác giả tự tạo)
Giá của tất cả tài liệu trên là 500K, đây là tổng hợp tất cả những kinh nghiệm, công cụ làm nghề
của mình. Đây là toàn bộ tâm huyết của mình, mình sell ở đây cũng trên tinh thần chia sẻ là
chính, với 500K đảm bảo các bạn sẽ học hỏi được khá nhiều về ASP.NET, các bạn sẽ có trong tay
1 bộ code cho riêng mình, các bạn có thể tự kinh doanh với bộ code này, hoặc có thể làm web
giúp bạn bè, làm đồ án tốt nghiệp.
Cách thức thanh toán: các bạn có thể thanh toán qua 2 tài khoản của mình:
1.Ngân hàng ACB: Số tài khoản: 1525 13279 Chủ tài khoản: DO ANH DUC
2.Ngân hàng Vietcombank: Số tài khoản: 049100 1790 447 Chủ tài khoản: DO ANH DUC
Khi chuyển khoản các bạn nhớ ghi nội dung là: "email của bạn" mua bộ code giaohuyhoang
Sau khi chuyển khoản xong các bạn gọi điện hoặc sms cho mình để xác nhận, số: 0936480075,
sau đó các bạn email về email: , nội dung có ghi kèm thời
điểm các bạn chuyển khoản, tài khoản chuyển vào cho mình nhé
Mình sẽ gửi mail cho các bạn các tài liệu kể trên