当前位置:首页 » 网页前端 » web页面与表格
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web页面与表格

发布时间: 2022-05-13 17:39:11

⑴ 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()">