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

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,

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: http://www.mediafire.com/download/j5 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: info.caydenthan.com@gmail.com, 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