如何从 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来行代码，非常优雅。

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

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