RUBY-FLEX實踐—利用swfobject在RUBY工程中載入SWF

meteorlwj發表於2010-05-11

FlexObject

開發環境：

Ruby:Ruby1.9.1

Rails:Rails2.3.5

IDE:RubyMine2.0.1

Flex Builder:Flex Builder4

開發思路：

1）在Flex Builder中建立Flex工程

2）在RubyMine中建立Rails工程

3）將Flex工程bin-debug下編譯的swfobject.js拷貝至Ruby工程指定位置

4）引用Flex工程編譯後的html中的內容實現在Rails頁面中嵌入SWF

一、建立FLEX工程

建立FLEX應用RailsProject.mxml，程式碼如下：

<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <fx:Declarations>  </fx:Declarations> <s:Panel x="368" y="79" width="446" height="318"> <s:TextArea x="128" y="31" text="Welcome to study flex on rails!" height="75"/> </s:Panel> </s:Application>

二、建立RAILS工程

建立Rails工程，建立成功後將生成對應的目錄及檔案

三、複製檔案

將bin-debug/swfobject.js複製到Ruby工程public/javascripts下

在public下建立swf目錄，將FLEX工程bin-debug下的所有swf檔案複製到Rails工程public/swf下

（注：複製不完全，在執行時將無法載入SWF，伺服器報錯資訊：無法找到/swf/rpc_4.0.0.14159.swf 等檔案）

四、新增RHTML

在public下新建HTML檔案，實現SWF的嵌入應用

建立flex.html

程式碼如下：（嵌入程式碼參考FLEX工程bin-debug下的RailsProject.html，將其中有用的程式碼複製）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Flex On Rails</title> <mce:script type="text/javascript" src="/javascripts/swfobject.js" mce_src="javascripts/swfobject.js"></mce:script> <mce:script type="text/javascript"> var swfVersionStr = "10.0.0";  var xiSwfUrlStr = "playerProductInstall.swf"; var flashvars = {}; var params = {}; params.quality = "high"; params.bgcolor = "#ffffff"; params.allowscriptaccess = "sameDomain"; params.allowfullscreen = "true"; var attributes = {}; attributes.id = "RailsProject"; attributes.name = "RailsProject"; attributes.align = "middle"; swfobject.embedSWF( "/swf/RailsProject.swf", "flashContent", "100%", "100%", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes);  swfobject.createCSS("#flashContent", "display:block;text-align:left;"); // --></mce:script> </head> <body> <div id="flashContent"> <p> To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed. </p> <mce:script type="text/javascript"></mce:script> </div> </body> </html>

五、修改index.html

在RAILS介面上新增連結，方便執行

修改程式碼如下：

<li> <h3>Join the community</h3> <ul class="links"> <li><a href="http://www.rubyonrails.org/" mce_href="http://www.rubyonrails.org/">Ruby on Rails</a></li> <li><a href="http://weblog.rubyonrails.org/" mce_href="http://weblog.rubyonrails.org/">Official weblog</a></li> <li><a href="http://wiki.rubyonrails.org/" mce_href="http://wiki.rubyonrails.org/">Wiki</a></li> <li><a href="flex.html" mce_href="flex.html">Flex On Rails</a></li> </ul> </li>

六、執行服務

執行伺服器，點選 http://localhost:3000

RUBY-FLEX實踐—利用swfobject實現Rails與Flex傳遞引數
2010-05-11
FlexObjectAI
人肉工程在機器學習實踐中的作用
2015-08-25
機器學習
HTML載入FLASH(*.swf檔案)詳解
2019-08-14
HTML
Weex在內涵發現頁中的工程實踐
2017-08-22
Ruby實踐—連線Mysql
2010-04-27
MySql
Fragment 懶載入實踐
2018-06-04
Fragment
win10系統怎麼在PPT中匯入SWF動畫檔案
2019-08-19
Win10動畫
RUBY實踐—Ruby Report之Ruport簡單應用
2010-05-13
小程式分屏載入實踐
2019-03-02
Apache Druid 在 Shopee 的工程實踐
2022-02-07
ApacheUI
Ruby Ruport實踐—報表引數實現
2010-05-25
在 Ali Kubernetes 系統中，我們這樣實踐混沌工程
2019-03-20
Elasticsearch 7.2 在 Laravel 中實踐
2019-09-03
ElasticsearchLaravel
Elasticsearch在Laravel中的實踐
2021-02-23
ElasticsearchLaravel
利用Dawn工程化工具實踐MobX資料流管理方案
2017-11-02
混沌工程在創業公司的實踐 - 陸蓉蓉
2020-06-12
創業
利用xlrd模組在Django專案中實現Excel檔案匯入
2021-09-09
DjangoExcel
實時增量學習在雲音樂直播推薦系統中的工程實踐
2022-03-23
Ruby On Rails實踐—中文亂碼問題
2010-05-19
AI
RUBY實踐—資料庫簡單操作
2010-04-29
資料庫
Ruby實踐—will_paginate實現分頁
2010-04-29
Ruby Ruport實踐—報表引數實現（二）
2010-05-26
Android在WebView中載入HTML並實現互動
2014-12-12
AndroidWebViewHTML
axios在vue中的實踐
2019-12-01
iOSVue
Proxyless Mesh 在 Dubbo 中的實踐
2023-01-03
協程在RN中的實踐
2018-05-29
Immutable 操作在 React 中的實踐
2018-05-07
React
Ruby Ruport實踐—中文PDF報表之PRAWN
2010-05-21
Ruby Ruport實踐—中文PDF報表之FPDF
2010-05-20
在React工程中利用Mota編寫物件導向的業務模型
2018-02-11
React物件模型
在 React 工程中利用 Mota 編寫物件導向的業務模型
2018-02-06
React物件模型
在 Spark 資料匯入中的一些實踐細節
2020-11-25
Spark
Kafka 負載均衡在 vivo 的落地實踐
2022-09-30
Kafka負載
JVM自定義類載入器在程式碼擴充套件性的實踐
2022-03-21
JVM套件
在Ubuntu 15.04中安裝Ruby on Rails
2015-07-14
UbuntuAI
在AngularJS中實現一個延遲載入的Directive
2016-01-25
AngularJS
Vue SPA 首屏載入優化實踐
2017-12-08
Vue優化
廣告平臺化的探索與實踐 | 美團外賣廣告工程實踐專題連載
2022-03-09

RUBY-FLEX實踐—利用swfobject在RUBY工程中載入SWF

相關文章