⑴ web頁面如何實現可以編輯的表格
很簡單就兩句話
在頁面最底部加上
Response.ContentType ="application/vnd.ms-excel" 'application/msword
Response.Addheader "Content-Disposition", "attachment;Filename="&kname&".xls"
請參考
⑵ web的table與excel表格是如何對應的
word表格為文字排版為主,有簡單計算功能。
可以成版面excel表格可以用於大量的計算公式。
⑶ web表格怎樣做得美
下面我們以一個簡單的示例來體會體會一下表單。
最終效果如下:
如何用web表格控制項FineReport做web表格
2
新建表單
點擊文件>新建表單,如下圖
如何用web表格控制項FineReport做web表格
拖入組件
如上圖所示的效果圖,我們可以看到該表單需要有1個下拉框控制項以及對應的1個標簽控制項和一個查詢按鈕,還需要一個以表格形式顯示數據的報表塊和顯示圖表的圖表塊,此時,我們確定了需要在表單中添加一個報表塊,一個圖表塊,3個控制項。
註:在組件介紹中,我們知道控制項即可依附於參數面板組件存在,也可以單獨以組件的形式存在,在這里可隨意使用哪種形式,效果都一樣,那麼使用依附於參數面板組件存在的形式。
參數組件
從工具欄中將參數組件拖拽至表單主體中,並將相應的三個控制項:下拉框、文本控制項和查詢按鈕拖拽至參數組件中,並設置標簽控制項的控制項值為:客戶,如下圖:
如何用web表格控制項FineReport做web表格
報表塊組件
從工具欄中將報表組件也拖拽至表單主體中,如下圖:
如何用web表格控制項FineReport做web表格
註:如果組件數量過多,在web端展示的時候自適應在一頁內顯示會比較擁擠,那麼此時可以在右側下方選中整體框架body,在右側上方的屬性表中將組件縮放修改為自適應原樣縮放,如下圖:
如何用web表格控制項FineReport做web表格
充滿展現區域:是指在web端展示的時候,所有組件自適應充滿整個瀏覽器頁面顯示,不出現滾動條;
自適應原樣縮放:是指在web端展示的時候根據製作表單時候組件大小比例顯示,並不縮放充滿整個web頁面,如果超過頁面大小,會出現滾動條。
其詳細顯示樣式請查看錶單樣式
圖表組件
再從工具欄中將圖表組件拖曳至報表塊組件的下方,如下圖:
如何用web表格控制項FineReport做web表格
控制項綁定數據
定義數據集
效果圖中,新建數據集ds1:SELECT 產品名稱,庫存量,產品.成本價 ,產品.單價 FROM 訂單,訂單明細,產品 where 客戶ID='${company}'and 訂單.訂單ID=訂單明細.訂單ID and 訂單明細.產品ID=產品.產品ID,參數company的默認值為VINET,。
註:參數名字必須與客戶ID下拉框控制項名稱保持一致。
客戶下拉框控制項
選中下拉框控制項拖拽到適當位置,下拉框控制項名設為「company」,數據字典來自FRDemo資料庫的客戶表(數據類型選擇資料庫表,資料庫選擇FRDemo),實際值和顯示值分別為客戶ID和客戶名稱,控制項值為VINET:
如何用web表格控制項FineReport做web表格
報表塊
參數面板與控制項都已經設置好之後,點開報表塊裡面的觸筆按鈕,進行報表塊編輯界面,如下圖:
如何用web表格控制項FineReport做web表格
新建數據集
效果圖中,報表塊裡面要顯示訂單明細數據,根據客戶ID進行過濾,新建數據集ds2:select * from 訂單 where 客戶ID='${company}',company默認值為VINET.
表樣設計
如下圖所示,設計表樣:
如何用web表格控制項FineReport做web表格
點擊左下角的表單按鈕回到表單的設計界面,選中報表塊,可在右側的屬性表中設置其報表塊工具欄是否可見,如下圖:
如何用web表格控制項FineReport做web表格
圖表塊
滑鼠選中圖表塊所在區域,為該圖表綁定數據,圖表數據源來源於數據集數據源,其分類系列設置如下:
如何用web表格控制項FineReport做web表格
條件屬性
由於該圖表塊類型為組合圖,即需要通過圖表條件屬性來修改不同系列的圖表類型,如下圖,新增一個條件屬性,設置當系列序號為3的時候,其坐標軸為次坐標軸,圖表類型為折線圖:
如何用web表格控制項FineReport做web表格
13
註:設置條件選擇系列序號的時候需要與數據綁定時的數據列順序相匹配,在上圖設置圖表數據時,庫存量、成本價和單價的系列序號依次為1、2、3,條件屬性主要是設置庫存量系列用柱形圖展示,成本價和單價用折線圖展示並使用次坐標軸。在添加一個組合圖時,會默認添加2個條件屬性,詳細請查看組合圖
到此為止,表單就已經製作好了。
⑷ 如何新建一個web頁面篩選和查詢excel表裡面的數據
兩種方法:
方法一、用JS編寫程序實現,JS代碼完全可以實現EXCEL的篩選功能,不過為了簡化代碼,可以只實現部分功能。給列標題增加下拉框,實現自動篩選功能是可以的。
這鍾方法可以誇平台使用,在什麼機器、什麼瀏覽器上都可以使用,但是程序編寫比較復雜。
方法二、利用EXCEL本身的交互功能,把你的數據輸入到EXCEL裡面,選擇另存為,類型為WEB網頁,選中「添加交互」功能,這樣會生成一個HTML文件,把這個文件裡面的代碼插入到你的網頁裡面即可。
這鍾方法實現很簡單,幾分鍾就做好了,但是由於是調用<object>實現的,要強瀏覽的人PC要安裝相應版本的OFFICE,否則不能使用。
⑸ web開發中怎樣添加表格
1.問題描述 現在用戶開發的系統基本上趨向於BS架構的瀏覽器/伺服器模式,這些系統可能由不同的語言開發,如HTML、ASP、JSP、PHP等,因此需要將製作好的報表嵌入到這些頁面中。 FineReport製作出的報表可以通過Frame框架集成到Web頁面中。
⑹ 也許本人異想天開,想在WEB頁面上設置一個表格,然後填寫,內容自動到我伺服器上的EXCEL表格里
當然可以了,每個文本框設置onblur事件,每次離開文本框用ajax方式向後台請求數據,或者在編輯完畢之後觸發某個按鈕往後台提交,每次保存到資料庫之後,同時你可以寫到excel中
⑺ 如何用報表工具將報表嵌入到Web頁面中
Smartbi電子表格報表怎麼集成到第三方系統中報表集成通常分為兩個步驟:單點登錄、報表集成。
單點登錄:通過CAS、AD域等方式,完成單點登錄
報表集成:每個電子表格報表都是一個URL,可以通過URL鏈接將報表嵌入到第三方系統中
Smartbi從報表開發的數據准備、樣式設計、數據計算、數據可視化、互動邏輯、共享發布六大步驟上都有特色的功能,充分利用了Excel的現有能力,堪稱企業報表平台的解決方案專家。尤其集成了Excel和ECharts後,使得Smartbi具有豐富的展現力、強大的互動性(基於單元格和對象的數據模型)、超級靈活的布局能力,而且這些都可以在Excel界面上全部完成。
集群:提高系統性能和可靠性
高一致性:所有通過Smartbi產品進行的配置和文件都可以隨時同步到集群的各個節點。
高可用性:支持所有單機功能。單一節點宕機後,系統仍可正常訪問。
強擴展性:基於良好的架構設計,隨著節點的增加,系統所支持的並發幾乎呈線性增長,且每個節點的負載更加均衡。
使用簡單:可在平台中通過簡單的操作快速配置集群環境,其中節點的增刪支持熱部署。此外,還可在平台中監控各個節點的運行情況和日誌。Smartbi一站式大數據分析平台
⑻ 怎麼在web頁面顯示excel
你描述的不夠清除。WEB頁面並不能直接顯示EXCEL。可以顯示的當時有以下幾種
1、用高級語言編寫程序實現表格功能
2、用高級語言載入模塊如入(ACTIVEX)來顯示EXCEL
總之必須是網頁的代碼提供了某種功能才能實現顯示EXCEL
⑼ 在word中,web視圖下表格怎麼比普通視圖變寬了 怎麼改過來
只能在web視圖下把表格的寬度調小了,或者把紙張的大小設置成a3或其他比a4大的樣式
⑽ 如何在web頁面打開excel
web直接打開一個excel文檔並可以使用方法如下:
安裝Office以後,有一個ActiveX控制項被安
裝到了系統中,這個控制項位於「Program Files\Microsoft
Office\OFFICE11\owssupp.dll」。通過這個控制項,客戶端頁面上的java
script就可以激活本地的Office軟體,來實現打開、編輯Office(Word,Excel)文檔。(另,Office
XP應該就已經包含這個ActiveX控制項了。)
首先,用Script創建一個本地的對象:
openDocObj = new ActiveXObject("SharePoint.OpenDocuments.2"); // 為了兼容Office XP,可以創建「SharePoint.OpenDocuments.1」
然後,調用openDocObj的相應的方法。比如打開伺服器上的一個Office文檔:
openDocObj.ViewDocument("http://www.dzwebs.net/sample.doc");
openDocObj對象會根據參數中不同的Office文檔類型(.doc、.xls、.ppt)來打開不同的程序(Word、Excel、PowerPoint)。ViewDocument()方法還有一個重載簽名,可以讓我們手工指定激活哪個程序來打開文檔:
openDocObj.ViewDocument("http://www.dzwebs.net/sample.doc", 要激活的程序的ProgID);
那麼要打開Office程序在線編輯文件又如何?
openDocObj.EditDocument("http://www.dzwebs.net/sample.doc");
就
可以直接激活Word,在Word裡面編輯文檔,然後直接點擊Word裡面的保存功能,就可以將文件保存會伺服器上了。注意:為了讓Word能將編輯後的
文檔直接保存會伺服器,訪問Web站點的當前上下文的Windows
Identity必須對伺服器的相應目錄(即「http://www.abc.com/documents」這個虛擬目錄所對應的伺服器上的物理路徑)有
相應的寫許可權,否則保存動作會失敗。編輯完成後,EditDocument()會返回一個bool值,來反映編輯操作是否成功。
我們還可以通過打開伺服器上的一個文檔模版,來創建一個新的文檔:
openDocObj.CreateNewDocument("http://www.dzwebs.net/sampleTemplate.dot", "http://www.dzwebs.net/documents/");
就
可以使用「http://www.dzwebs.net/sampleTemplate.dot」這個模版來創建一個新的文檔,默認新文檔的保存地點是
「http://www.dzwebs.net/documents/」。創建新文檔時使用的程序取決於模版文件的類型(比如.dot模版會對應
Word)。新文檔的保存同樣需要注意許可權問題。CreateNewDocument()方法同樣會返回一個bool值來反映操作是否成功。
CreateNewDocument()方法的第一個參數,除了可以使用一個模版的地址外,還可以直接指定為希望用來創建新文檔的客戶端程序的ProgID。
應用實例:
<Script Language="java script">
function OpenWord()
{
var openDocObj;
openDocObj = new ActiveXObject("SharePoint.OpenDocuments.1");
openDocObj.ViewDocument("http://www.dzwebs.net/document/shouce.doc");
}
</script>
<input type="button" name="button" value="shouce" onclick="OpenWord()">