Aspx.net / MVC, Thiết kế website — August 2, 2016 at 2:46 am

Giới thiệu các kĩ năng cần biết để xây dựng web tin tức bằng MVC

by

Hiện nay, trên thế giới hiện nay rất nhiều người dân xem tin tức mỗi ngày, Không chỉ trên truyền hình mà các thông tin truyền thông mạng. Một trang web tin tức cung cấp đầy đủ và chính xác các vụ việc của nhiều người nổi tiếng hay nghèo nàn sẽ làm cho trang web của bạn được nhiều người tin tưởng hơn. Nhưng kĩ năng lập trình của bạn có tốt như vậy để đưa trang web của mình đẹp hơn và hấp dẫn người đọc hơn. Qua bài viết dưới đây chúng tôi sẽ giúp bạn học tốt hơn về thiết kế trang web cùng kết hợp với chương trinh MVC  để tạo ra một trang web hấp dẫn.

1 Giới thiệu nội dung

– Tài liệu hướng dẫn chi tiết từng bước 1 ( bằng hình ảnh và diễn giải ) xây dựng 1 ứng dụng web tin tức

– Chúng tôi hướng dẫn trên mô hình MVC chung ( thực hành cụ thể trên MVC 4 ) .Nên dù các bạn đang nghiên cứu về MVC 3 , hay 4 đều có thể đọc tài liệu .Bởi chúng tôi không dùng nhiều nền tảng MVC 4 ( như web Api ) trong ứng dụng

– Chúng tôi hướng dẫn xây dựng phân hệ tin tức , một phân hệ tồn tại trong hầu hết của bất kỳ website nào .Với các kiến thức học được các bạn hoàn toàn có thể phát triển lên các tràn blog , giới thiệu sản phẩm , bán hàng , giới thiệu công ty …

– Trong tài liệu chúng tôi cũng trình bày luôn các kỹ thuật tối ưu mã nguồn , giúp các bạn mới học lập có thể dễ dàng áp dụng vào dự án của mình ( các kỹ thuật code tối ưu , bảo trì CSS , HTML , C# … )

– Ngoài ra tài liệu cũng hướng dẫn các phần rất quan trọng đối với người mới lập trình web đó là cách cấu hình 1 máy tính thông thường thành 1 máy chủ web , cách trỏ domain ( tên miền ) về hosting , cách cấu hình upload website lên hosting để có thể triển khai ứng dụng xây dựng lên Internet .

– Với các kỹ năng học được các bạn có thể phát triên các ứng dụng web cho riêng mình hoặc có thể tùy chỉnh các mã nguồn mở ( Open Source ) để triển khai lên Internet một cách dễ dàng

2. Yêu cầu kiến thức , công cụ hỗ trợ

– Để có thể hiểu được kiến thức chúng tôi hướng dẫn thực hành yêu cầu các bạn có kiến thức nền tảng về lập trình web

– Kiến thức về C# ( 2.0 , 3.0 , 4.0 ) , linq ( Entity Framework )

– Nếu các bạn đã có kiến thức về lập trình web ( chuyển sang từ nền tảng webform, php , jsp ) thì có thể đọc và thực hành luông .Bởi chúng tôi hướng dẫn rất đơn giản

– Nếu các bạn lần đầu đến với lập trình web thì nên đọc tài liệu về hướng dẫn lập trình web MVC ( 3 , 4 ) của chúng tôi

– Để làm theo các hướng dẫn của tài liệu yêu cầu máy tính các bạn cần được cài đặt Visual Studio 2012 .Hoặc các bạn thực hành MVC 3 thì có thể dùng Visual Studio 2010

3. Hướng dẫn mở và chạy mã nguồn mẫu ( đính kèm tài liệu)

  • Thư mục mã nguồn

– Để chạy được ví dụ mẫu các bạn cần cài đặt Visual Studio 2012 hoặc phiên bản mới hơn

Mở file NewsMvc chọn như hình sau :

– VS mở Project lên , các bạn có thể xem toàn bộ mã nguồn Controller , View , Model , các file CSS , javascript

– Nhấn debug như hình dưới để chạy thử ứng dụng

  • Thư mục website

– Các bạn có thể public trực tiếp file chứa website chúng tôi đã public hoàn chỉnh lên IIS hoặc hosting để chạy như 1 website hoàn chỉnh

– Các bạn xem hướng dẫn public lên IIS hoặc hosting ở phần 11 của tài liệu

4. Demo các chức năng chính của Web bán hàng

– Chạy ứng dụng như hướng dẫn tại phần 1.3

– Hoặc các bạn có thể upload lên hosting , IIS mã nguồn chúng tôi đã Public sẵn thành website chạy ngay ( Do dùng CSDL Sql Compact nên các bạn không cần cấu hình gì cả , chỉ cần upload và chạy ngay ( xem hướng dẫn tại phần 11 của tài liệu )

  • Giao diện người dùng

– Giao diện trang chủ  :

gioithieu-mvc-aspx-1
Giao diện trang chủ

– Nhấn vào Các link xem chi tiết , hay tiêu đề tin tức sẽ hiển thị chi tiết tin tức

– Nhần vào link trên Menu , sẽ hiển thị các tin tức tương ứng với Menu

  • Trang quản trị

– Khởi chạy ứng dụng , nhập đường dẫn : /admin sẽ được điều hướng tới trang đăng nhập như hình sau :

gioithieu-mvc-aspx-2
Khởi chạy ứng dụng , nhập đường dẫn

– Nhập thông tin đăng nhập như sau :

Tên đăng nhập : admin

Mật khẩu : 123456

( thông tin này được khai báo trong lớp DefaultData )

– Ta được điều hướng tới trang quản trị như sau :

gioithieu-mvc-aspx-3
điều hướng tới trang quản trị

– Ta có các chức năng quản lý các tài khoản quản trị , đổi mật khẩu

– Chức năng Quản lý menu cho phép thêm , sửa , xóa menu như hình sau :

gioithieu-mvc-aspx-4
Quản lý menu cho phép thêm , sửa , xóa menu

– Trở lại trang chủ , sẽ hiển thị các link cho phép thêm , sửa , xóa tin tức như hình sau :

– Nhấn vào Link Thêm Mới để xem demo sử dụng thư viện CkEditor và CkFinder như hình sau :

– Ta có thểm thêm mới ảnh trong khi soạn thảo , có tích hợp thư viện CkFinder , khi nhấn vào link Image trên trình soạn thảo CkEditor như sau :

– Nhấn vào button duyệt trên máy chủ để lấy các file ảnh sẵn trên server hoặc có thể upload ảnh lên server bằng CkFinder như hình sau

gioithieu-mvc-aspx-5
trên máy chủ để lấy các file ảnh sẵn trên server

Với những thông tin mà chúng tôi đưa trên hi vọng bạn sẽ bắt tay vào làm công việc của mình hiệu quả hơn. Cùng kết hợp với MVC mà trang web trở nên mượt mà tin tức hấp dẫn sẽ làm trang web của bạn trở nên thu hút lượng khách đối bạn. Chúc các bạn thành công khi học các kĩ thuật này nhé!

Nguồn: laptrinhvien.net

Leave a Comment

Your email address will not be published. Required fields are marked *