iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 30
0
AI & Data

MongoDB 初學者的筆記系列 第 30

WEB介面設計-查詢[Read](30)

1.UI設計

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

<!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">Read Product</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">Query StockCode</td>
                <td>
                    <asp:Button ID="btnReadStockCode" runat="server" OnClick="btnQueryByID_Click" Text="Query" 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_R : 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 btnQueryByID_Click(object sender, EventArgs e)
        {
            List<MongoStockCode> StockCodes = new List<MongoStockCode>();
            MongoCollection<MongoStockCode> _StockCodes = myDB.GetCollection<MongoStockCode>("StockCode");

            var _stockCode = _StockCodes.FindOne(Query.EQ("Code", txtCode.Text));

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

3.要以0000查詢

https://ithelp.ithome.com.tw/upload/images/20181105/20091775HJtlCLj28y.png

4.查詢結果

https://ithelp.ithome.com.tw/upload/images/20181105/20091775OSLwz0gW68.png


上一篇
WEB介面設計-刪除[Delete](29)
下一篇
資料庫設計III(31)
系列文
MongoDB 初學者的筆記33

尚未有邦友留言

立即登入留言