紫金桥web发布 step by step

web发布step by step
2014/6/23
1 web服务器选择。

紫金桥推荐使用微软的IIS。

但由于项目开发过程中使用的是Apache，并且经过测试，发现紫金桥也可以在Apache下使用。

因此选择Apache 作为web服务器。

安装Apache，使用的是wamp。

wamp是一个集成环境。

集成了Apache、PHP和MySQL。

安装wamp：安装过程很简单，一路next即可。

注意，请将wamp的安装目录修改为D:\wamp。

安装wamp完成之后，打开wamp。

在右下角的快捷菜单中选择Start All Services。

wamp在任务栏中的图标变为绿色。

表明Apache和MySQL服务已经启动。

验证：在快捷菜单中点击phpMyAdmin，在弹出的浏览器中如果能正确访问，说明wamp已经安装成功。

2. 新建紫金桥项目
鼠标指向wamp在任务栏中的图标，打开快捷菜单，单击www directory，打开wamp下的www目录。

紫金桥项目必须保存在该目录下。

下面以新建紫金桥项目为例，介绍如何web发布紫金桥项目。

a.打开紫金桥的工程管理器。

选择新建工程。

工程名：webdemo
路径：wamp的www目录下的webdemo文件夹。

注意：工程的路径一定要与工程名称相同。

方便管理。

说明：工程的简单描述。

建议添加
b.确定之后，在工程管理器中打开webdemo工程。

新建一个画面，命名为web。

为画面添加变量a，类型为real。

在画面中添加一个按钮和
一个圆。

并添加动作。

如果按下按钮，圆的填充色会变为红色，释放按钮，圆的填充色会变为绿色。

c.运行工程，查看画面执行效果。

确认可以正确执行。

3.web发布
在紫金桥软件中，切换到“公共”选型卡。

双击“web配置”，打开web服务器配置对话框。

将初始画面设置为web。

点击“高级”按钮，打开高级对话框。

保持默认选项即可。

注意：由于我们不使用Windows的IIS服务器，故不要选中只使用windows系统自身IIS服务器。

不设置web虚拟目录。

设置完成之后，点击确定按钮，退出。

单击工具栏中的“全部保存”按钮，保存设置。

选择菜单“文件”--“全部发布到web”命令，发布工程。

4. 通过浏览器查看
由于紫金桥的web发布使用的是微软的activeX技术，因此只能使用IE浏览器查看。

打开IE浏览器，在浏览器的地址栏中输入下列网址：
localhost/webdemo/index.htm
其中：webdemo指的是www目录下的webdemo文件夹。

index.htm指的是webdemo目录下的index.htm文件。

如果在IE浏览器中能出现web画面，并且点击按钮，圆的填充色能发生变化，证明已经发布成功。

5.修改html文件
将web压缩包解压，并复制到webdemo目录下。

使用文本编辑器打开web.html文件，将name是ViewName的param 的value修改为web。

如下所示。

<param name="ViewName" value="web">
保存，退出。

在IE浏览器的地址栏中输入localhost/webdemo/web.html。

如果能查看到如下画面，证明已经修改成功。

注意：下面的文字涉及到web开发的一些基本知识。

如果不理解，也没有关系。

紫金桥的web发布实质上是生成一个ActiveX文件。

将该文件嵌入到web页面中，即可实现web访问了。

web.html文件是一个模板文件，通过修改ViewName的值（value），就可以实现显示不同画面的功能。

因此在全场信号采集系统中，一个画面就需要一个html文件与之对应。

例如：有个画面名称为S101_D01，那么就需要有个S101_D01.html 文件，文件中ViewName的值为S101_D01.这样访问S101_D01.html 文件，就可以看到S101_D01画面了。