iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 29
0
AI & Data

MongoDB 初學者的筆記系列 第 29

WEB介面設計-刪除[Delete](29)

  • 分享至 

  • xImage
  •  

1.UI設計

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StockCode_D.aspx.cs" Inherits="Web.LStockCode_D" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <table style="width: 100%;">
            <tr>
                <td colspan="2">Delete StockCode</td>
            </tr>
            <tr>
                <td class="auto-style1">Code</td>
                <td>
                    <asp:TextBox ID="txtCode" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Name</td>
                <td>
                    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="auto-style1">Delete</td>
                <td>
                    <asp:Button ID="btnDeleteStockCode" runat="server" OnClick="btnDelete_Click" Text="Delete" Width="83px" />
                </td>
            </tr>
        </table>
        <table style="width: 100%;">
            <tr>
                <td>StockCode</td>
            </tr>
            <tr>
                <td>
                    <asp:GridView ID="gvStockCodes" runat="server">
                    </asp:GridView>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

2.內部設計

using Model;
using MongoDB.Driver;
using System;
using System.Collections.Generic;
using MongoDB.Driver.Builders;

namespace Web
{
    public partial class LStockCode_D : System.Web.UI.Page
    {
        private MongoDatabase myDB;

        protected void Page_Load(object sender, EventArgs e)
        {
            List<MongoStockCode> StockCodes = new List<MongoStockCode>();
            // 產生 MongoClient 物件
            string Link = "mongodb://10.10.10.234:27017";
            MongoClient _client = new MongoClient(Link);
            //_client.GetServer().Connect();
            
            // 取得 MongoServer 物件
            #pragma warning disable CS0618 
           
            MongoServer server = _client.GetServer();
            // 取得 MongoDatabase 物件
            myDB = server.GetDatabase("dbs");
            // 取得 Collection
            MongoCollection<MongoStockCode> _StockCodes = myDB.GetCollection<MongoStockCode>("StockCode");

            foreach (MongoStockCode StockCode in _StockCodes.FindAll())
            {

                StockCodes.Add(StockCode);
            }

            gvStockCodes.DataSource = StockCodes;
            gvStockCodes.DataBind();
        }

        protected void btnDelete_Click(object sender, EventArgs e)
        {
            MongoCollection<MongoStockCode> _StockCodes = myDB.GetCollection<MongoStockCode>("StockCode");


            if (!String.IsNullOrEmpty(txtCode.Text))
            {
                _StockCodes.Remove(Query.EQ("Code", txtCode.Text));
            }
            List<MongoStockCode> StockCodes = new List<MongoStockCode>();
            foreach (MongoStockCode stockCode in _StockCodes.FindAll())
            {

                StockCodes.Add(stockCode);
            }
            txtCode.Text = string.Empty;
            gvStockCodes.DataSource = StockCodes;
            gvStockCodes.DataBind();
        }
    }
}

3.刪除 0000 / TEST
https://ithelp.ithome.com.tw/upload/images/20181105/20091775KzbuFMZFze.png

4.刪除後狀態
https://ithelp.ithome.com.tw/upload/images/20181105/200917754KQbghkYUm.png


上一篇
WEB介面設計-修改[Update](28)
下一篇
WEB介面設計-查詢[Read](30)
系列文
MongoDB 初學者的筆記33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言