您的位置：首页 > 其它

web快速开发c/s软件构架

2013-10-06 22:26 323 查看

很久没用.net winform 做东西，对控件相对比较陌生，另外控件的UI也不是那么好改。公司项目需要有web客户端，同时有软件客户端形式。考虑再三采用webBrowser+html 来实现。用html 可以实现灵活的UI设计，js操作数据相应效果也不差。但是有以下几个问题需要解决

　　一、兼容性

　　webBrowser 调用的是IE浏览器，一般的在 xp操作系统之前包括xp 用的是兼容IE6的系统默认浏览器。何为兼容IE6的默认浏览器呢。比如XP 赚的是IE7 那么我们知道每个IE版本里头实际上是有兼容下一个版本的兼容视图。那么这个时候webBrowser调用的浏览器是系统默认浏览器，如果系统是IE7调用的就是IE7，但是渲染的效果是兼容IE6的视图，说白了就是IE6的渲染效果。 win7以上的系统用的就是兼容IE7的系统默认浏览器（道理跟上述一样）。

　　知道了调用的分别是什么用渲染效果的浏览器，那么我们要做的html 、js的兼容就只需要做到IE6、IE7这两种浏览器兼容。事实上比起原始的winForm多了要做兼容的痛苦，而且有万恶的IE6要做。

　　网上有些童鞋为了避免兼容性的痛苦直接用 WebKit .NET 项目，我也考虑到用WebKit .NET，但是通过以下两个权衡放弃了
客户端必须打包 WebKit .NET 到时客户端变臃肿
项目同时又web端，web端做了IE的activex控件，activex直接调取控件不了

　　二、form窗体和js交互

　　Form 和 js交互是我要考虑的核心问题，起初我想到的是，在html端通过ajax请求一个地址，地址里面带一些参数。然后Form端通过webbrowser嗅探到地址的变化做出相应测处理：

　　

<html>
<head>echosong Test</head>
<script type="text/javascript">//发送命令给Form
function IframCmd (str) {
document.getElementById("myFram").src=str;
}
</script>
<body >
<input type="button" value="发送页面改版命令"  onClick="IframCmd(‘发送字符’)"/>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
using System.Diagnostics;

namespace web
{
/// <summary>
/// Description of MainForm.
/// </summary>
public partial class MainForm : Form
{
public MainForm()
{
InitializeComponent();
//加载本地的html文件 如果是服务器上直接跟绝对URL地址
this.webBrowser1.Navigate(System.Environment.CurrentDirectory+"/1.html");
}

//监控地址变化，实现通宵方法（1
void WebBrowser1Navigating(object sender, WebBrowserNavigatingEventArgs e)
{
string cmdStr =e.Url.ToString();

            if(cmdStr.Contains("__")){

                MessageBox.Show(cmdStr);

            }
}
}
}

运行的效果当点击发送命令的时候 Form会弹出发送字符

这种交互能达到目的，但是效率上有点问题，每次需要请求一个不必要的地址，反应速度让人有点不爽。那么有么有js可以直接跟Form交互的办法呢，我们知道用.net 写的dll只要对外公开（注册托管库），那么js就能调用其的方法，那么webbowser Form具有这样的特性没有呢。赶紧实验上代码：

<html>
<head><title>echosong Test</title></head>
<script type="text/javascript">
//直接调用Form里头的函数
function FormFun() {
if (typeof window.external.getMaterialList != "undefined") {
str = document.getElementById("inputTest").value;
window.external.getMaterialList(str);
}
}
function initialize () {
//由于要等页面加载完，Form才能给其赋值所以用这个函数来初始化告诉From页面加载完毕让From来初始化 inputTest数据
if (typeof window.external.inInt != "undefined") {
window.external.inInt();
}
}
//发送命令给Form
function IframCmd (str) {
document.getElementById("myFram").src="http://www.baidu.com?="+str;
}
</script>
<body onLoad="initialize()">
<input type="text" value="" id="inputTest" ><!--获取Form数据-->
<input type="button" value="直接调用FormFun函数"  onClick="FormFun()"/>
<input type="button" value="发送页面改版命令"  onClick="IframCmd('__发送字符')"/>
<iframe src="" name="" id="myFram" width="1" height="1"></iframe>
</body>
</html>

/*
* 由SharpDevelop创建。
* 用户： song
* 日期: 2013/10/4
* 时间: 22:50
*
* 要改变这种模板请点击 工具|选项|代码编写|编辑标准头文件
*/
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Windows.Forms;
using System.Diagnostics;

namespace web
{
/// <summary>
/// Description of MainForm.
/// </summary>
public partial class MainForm : Form
{
public MainForm()
{

InitializeComponent();

//加载本地的html文件 如果是服务器上直接跟绝对URL地址
this.webBrowser1.Navigate(System.Environment.CurrentDirectory+"/1.html");

//建立脚本通宵
this.webBrowser1.ObjectForScripting = this;
}

//用来直接被js调用的函数
public void getMaterialList(string str){

MessageBox.Show(str);
}

//在html文档加载完全后用来给html原始赋值
public void inInt(){
this.webBrowser1.Document.GetElementById("inputTest").SetAttribute("value","页面加载赋值给文本框");
}

//监控地址变化，实现通宵方法（1
void WebBrowser1Navigating(object sender, WebBrowserNavigatingEventArgs e)
{
string cmdStr =e.Url.ToString();
if(cmdStr.Contains("__")){
MessageBox.Show(cmdStr);
}
}
}
}

然后在 C#项目的属性文件

这里原本是false改成true。

这样一来代码正常跑通！！！

运行效果：

　　这里 js 里面有个 window.external.***() 意思表示调用浏览器提供的外部方法。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： winform cs web

相关文章推荐

新的分享

章节导航