[NET] 如何从 Winform 移植到 Webform [自己搞定HTTP协议]

Winform 如何移植到 WebForm。

这个问题其实也就是要找一个好的方案，最大程度的复用现有的资源。

同时，WebForm的话，不一定要走ASPNET这条路，可以自己搞定HTTP协议的。

    下图是Winform版

    

    下图是Web版本

    

1。如何自己搞定HTTP协议

     WebForm，可以重头老老实实的用ASPNET来做，不过，现在Oracle，MongoDB这样的数据库都支持本地的浏览器方式管理了，这样的应用，不用安装ASP，PHP这样的服务器，完全自己实现一个简单的HTTP服务器。

      OK，我们也实现一个吧，侦听13000（这里随便什么都可以的，不过推荐使用10000以上的端口号）端口，开启多线程，做HTTP服务吧。

 

        public void Start()

        {

            TcpListener server = null;

            try

            {

                // Set the TcpListener on port 13000.

                Int32 port = 13000;

                IPAddress localAddr = IPAddress.Parse("127.0.0.1");



                // TcpListener server = new TcpListener(port);

                server = new TcpListener(localAddr, port);



                // Start listening for client requests.

                server.Start();



                // Enter the listening loop.

                while (true)

                {

                    ///对于每个请求创建一个线程，线程的参数是TcpClient对象

                    TcpClient client = server.AcceptTcpClient();

                    OutputLog("[Init]" + DateTime.Now + "Connected!", 0);

                    ParameterizedThreadStart ParStart = new ParameterizedThreadStart(ProcessFun);

                    Thread t = new Thread(ParStart);

                    t.Start(client);

                }

            }

            catch (SocketException e)

            {

                OutputLog("SocketException: " + e, 0);

            }

            finally

            {

                // Stop listening for new clients.

                server.Stop();

                server = null;

            }



        }

这里就是不停的启动ProcessFun来响应客户端（写客户端），同时用一个无限循环来侦听请求。

 private void ProcessFun(object clientObj)
        {
            TcpClient client = clientObj as TcpClient;
            // Buffer for reading data
            Byte[] bytes = new Byte[512];

            OutputLog("[Init]Waiting for a connection... ", 0);

            // Get a stream object for reading and writing
            NetworkStream stream = client.GetStream();
            int i;
            // Loop to receive all the data sent by the client.
            while ((client.Available != 0) && (i = stream.Read(bytes, 0, bytes.Length)) != 0)
            {
                // Translate data bytes to a ASCII string.
                String data = System.Text.Encoding.ASCII.GetString(bytes, 0, i);
                //OutputLog("Received:" + data);

                string[] OrgRequest = data.Split(Environment.NewLine.ToCharArray());
                if (OrgRequest[0].StartsWith("GET"))
                {
                    String[] Request = OrgRequest[0].Split(" ".ToCharArray());
                    String RequestItem = HttpUtility.UrlDecode(Request[1], System.Text.Encoding.UTF8);
                    OutputLog("[RequestItem]Received : " + RequestItem, 0);
                    String[] RequestPath = RequestItem.Split("?".ToCharArray());
                    switch (RequestPath[0])
                    {
                        case "/":
                            //根节点 
                            GETPage(stream, GetPage.ConnectionList());
                            break;
                        case "/Connection":
                            GETPage(stream, GetPage.Connection(RequestPath[1]));
                            break;
                        default:
                            GETFile(stream, RequestItem.Replace("/", "\\"));
                            break;
                    }
                }
                else
                {
                    if (OrgRequest[0].StartsWith("POST"))
                    {

                    }
                }
            }

            // Shutdown and end connection
            client.Close();
        }

 这里响应请求，我只写完了GET，POST还没有开始动手呢。这里我们通过Stream.Read来获取请求，然后根据请求内容来寻找资源，将资源返还给客户端。

        /// <summary>
        /// 
        /// </summary>
        /// <param name="stream"></param>
        /// <param name="FileName"></param>
        private void GETFile(NetworkStream stream, String FileName)
        {
            byte[] msg = null;
            byte[] bFile = new byte[0];
            String data = String.Empty;
            Boolean IsFound = false;
            if (File.Exists(ServerPath + FileName))
            {
                IsFound = true;
                bFile = ReadFile(ServerPath + FileName);
            }
            else
            {
                //资源文件里面获得
                if (FileName.StartsWith("\\MainTreeImage"))
                {
                    //MainTreeImage00.png -- 从MainTreeImage 里面获得
                    int MainTreeImageIndex = Convert.ToInt32(FileName.Substring("\\MainTreeImage".Length, 2));
                    Image img = GetSystemIcon.MainTreeImage.Images[MainTreeImageIndex];
                    bFile = GetSystemIcon.imageToByteArray(img,ImageFormat.Png);
                    IsFound = true;
                }
            }

            if (IsFound)
            {
                // Process the data sent by the client.
                data = "HTTP/1.1 200 OK" + Environment.NewLine;
                //if content-type is wrong,FF can;t render it,but IE can
                string filetype = String.Empty;
                switch (new FileInfo(FileName).Extension)
                {
                    case ".css":
                        filetype = "text/css";
                        break;
                    case ".js":
                        filetype = "text/javascript";
                        break;
                    case ".png":
                        filetype = "image";
                        break;
                    default:
                        break;
                }
                data += "Content-Type: @filetype; charset=utf-8".Replace("@filetype", filetype) + Environment.NewLine;
                data += "Content-Length: ";
                data += (bFile.Length).ToString();
                data += Environment.NewLine + Environment.NewLine;
                msg = System.Text.Encoding.ASCII.GetBytes(data);
                // Send back a response.
                stream.Write(msg, 0, msg.Length);
                stream.Write(bFile, 0, bFile.Length);
                OutputLog("[System]Sent HTML OK", 0);

            }
            else
            {
                data = "HTTP/1.1 404 Not Found" + Environment.NewLine;
                msg = System.Text.Encoding.ASCII.GetBytes(data);
                // Send back a response.
                stream.Write(msg, 0, msg.Length);
                OutputLog("[System]FileName Not Found:" + FileName, 0);
            }
            stream.Flush();

        }
    }

 将资源（文件）给客户端，就是将资源转换为Bytes字节流，然后写入NetStream里面去。

 当然，为了“欺骗”浏览器，我们还要在成功找到资源的时候，给个200 OK的标记，如果没有资源的话，给个404的标记。

 以后，还要考虑 缓存的问题，已经请求过的资源，就给个3XX的，不用再重复取得资源了。

 对于有些资源内容，这里干脆不从实体文件里面取了，直接从资源里面取了。客户才不知道这个文件到底怎么来的。  

2。最大程度的复用代码

    为了展示这个树形结构，原来的Windows代码非常的冗长（不是冗余）。

    如何将这个树形Winform转为WebForm？如果最大程度的复用代码，这是必须要考虑的。树形展示，我使用了zTree这个Jquery插件。只要能够给他一个JSON的节点信息，就可以帮你自动完成树形了。

    原来的代码的目标是生成一个Treeview，现在的目标是做个JSON。当然，可以将原来的代码里面的TreeNode的构成逻辑化为BsonDocument（MongoDB的概念，类似JSON）。不过，最最正确的做法是，直接将Treeview的结果转换为JSON。不用修改任何原来的代码，最大限度的使用原来的代码。

#region"展示数据库结构 WebForm"
        /// <summary>
        /// 
        /// </summary>
        /// <param name="ConnectionName"></param>
        /// <returns></returns>
        public static String FillConnectionToJSON(String ConnectionName)
        {
            String strJSON = String.Empty;
            TreeView tree = new TreeView();
            FillConnectionToTreeView(tree);
            //Transform Treeview To JSON
            //必须这样做，防止二重管理的问题。如果这里的逻辑有两套的话，维护起来比较麻烦。
            //一套逻辑，来控制树的内容。然后将TreeView的内容转换为JSON。
            //递归GetSubTreeNode
            strJSON = GetSubTreeNode(tree.Nodes[0]).ToJson(SystemManager.JsonWriterSettings);
            return strJSON;
        }
        /// <summary>
        /// 
        /// </summary>
        /// <param name="SubNode"></param>
        /// <returns></returns>
        private static BsonDocument GetSubTreeNode(TreeNode SubNode)
        {
            if (SubNode.Nodes.Count == 0)
            {
                BsonDocument SingleNode = new BsonDocument();
                SingleNode.Add("name", SubNode.Text);
                SingleNode.Add("icon", "MainTreeImage" + String.Format("{0:00}",SubNode.ImageIndex) + ".png");
                return SingleNode;
            }
            else
            {
                BsonDocument MultiNode = new BsonDocument();
                MultiNode.Add("name", SubNode.Text);
                BsonArray ChildrenList = new BsonArray();
                foreach (TreeNode item in SubNode.Nodes)
                {
                    ChildrenList.Add(GetSubTreeNode(item));
                }
                MultiNode.Add("children", ChildrenList);
                MultiNode.Add("icon", "MainTreeImage" + String.Format("{0:00}", SubNode.ImageIndex) + ".png");
                return MultiNode;
            }
        }
        #endregion

     原来的FillConnectionToTreeView(tree);是一个很庞大的方法，用来构建一个Treeview，里面存放着数据库的完整结构。

     这里我们将这个Treeview ，通过GetSubTreeNode 这个方法转换为了BsonDocument，然后直接使用内置方法转为JSON，一切搞定了。10来行代码，非常优雅。

    通过这个例子，我想说，作为程序员，一定要时刻注意，不要出现同样的代码，不要双重管理代码，不要改了一个地方，另一个地方也必须改动。

    明天去 埃森哲 入职，上海埃森哲的朋友，多多关照阿。。。。