Kết nối CSDL và hiển thị DataList cơ bản trong ASP.NET

Thảo luận trong 'ASP.NET' bắt đầu bởi Trần Văn Cường, 26/10/16.

  1. Trần Văn Cường

    Trần Văn Cường I love CNTT Thành viên BQT Thành viên BQT

    Tham gia ngày:
    8/11/15
    Bài viết:
    3,693
    Đã được thích:
    43
    Điểm thành tích:
    48
    Giới tính:
    Nam
    Nghề nghiệp:
    Sinh Viên
    Nơi ở:
    Quảng Ninh thân yêu!
    Web:

    DEMO Hiển Thị

    ket-noi-csdl-trong-asp-net-17.png

    Tạo CSDL


    VD:
    Database ShopOnline
    Table SanPham
    Điền các trường như ảnh

    ket-noi-csdl-trong-asp-net-1.png

    Nhập CSDL vào

    edit-top-200-rows.PNG

    Giao diện kết nối CSDL
    View -> Server Explorer

    ket-noi-csdl-trong-asp-net-3.png
    Data Connect -> Add Connection...

    ket-noi-csdl-trong-asp-net-4.png

    Chọn SQL Server (Nếu không có thì bỏ qua)

    sql-server.jpg

    Copy paste Server name của bạn vào và chọn database ShopOnline

    ket-noi-csdl-trong-asp-net-5.png
    Hiển thị:

    Kéo DataList từ ToolBox vào giao diện

    ket-noi-csdl-trong-asp-net-6.png

    Choose Data Source -> New data source

    ket-noi-csdl-trong-asp-net-7.png
    Chọn Database

    ket-noi-csdl-trong-asp-net-8.png
    Chọn ShopOnlineConnectionString

    ket-noi-csdl-trong-asp-net-9.png

    Chọn các trường muốn hiển thị

    ket-noi-csdl-trong-asp-net-10.png
    Xem thử rồi Fishish

    ket-noi-csdl-trong-asp-net-11.png
    Edit Datalist

    ket-noi-csdl-trong-asp-net-12.png
    Edit Templates

    ket-noi-csdl-trong-asp-net-13.png

    Kéo images từ Toolbox vào rồi edit. Những tên trong khung [] sẽ hiển thị trong SQL

    ket-noi-csdl-trong-asp-net-14.png
    Edit DataBindings...

    ket-noi-csdl-trong-asp-net-15.png

    Chọn Custom binding
    Chèn link ảnh
    "~/image/" + Eval("ANHSP")
    /image/ là thư mục chứa ảnh thay đổi cho phù hợp

    ket-noi-csdl-trong-asp-net-16.png
    Các bạn view thử. Các bạn sửa CSS để hiển thị đẹp hơn

    ket-noi-csdl-trong-asp-net-17.png
    [​IMG]
     

    Bình Luận Bằng Facebook

    data-href="https://cnttqn.com/threads/ket-noi-csdl-va-hien-thi-datalist-co-ban-trong-asp-net.3020.html"
  2. Nguyễn Thành Đạt It

    Nguyễn Thành Đạt It Guest Registered

    Tham gia ngày:
    28/9/16
    Bài viết:
    435
    Đã được thích:
    4
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nghề nghiệp:
    N/A
    Nơi ở:
    N/A
    Web:
    N/A

    bài viết rất hay và bổ ích !!!
     
  3. Trần Văn Cường

    Trần Văn Cường I love CNTT Thành viên BQT Thành viên BQT

    Tham gia ngày:
    8/11/15
    Bài viết:
    3,693
    Đã được thích:
    43
    Điểm thành tích:
    48
    Giới tính:
    Nam
    Nghề nghiệp:
    Sinh Viên
    Nơi ở:
    Quảng Ninh thân yêu!
    Web:

    Còn thiếu phần chi tiết và mua hàng nữa
     
  4. Nguyễn Thành Đạt It

    Nguyễn Thành Đạt It Guest Registered

    Tham gia ngày:
    28/9/16
    Bài viết:
    435
    Đã được thích:
    4
    Điểm thành tích:
    18
    Giới tính:
    Nam
    Nghề nghiệp:
    N/A
    Nơi ở:
    N/A
    Web:
    N/A