专利名称：在网页上生成动态可编辑表格的方法
技术领域：
本发明涉及一种动态可编辑表格的方法，特别是指一种在网页上生成动态可编辑表格的方法。
再者，由于愈来愈多的网页(Web)设计，提供多方的控管、输入、编辑的实时性更新功能，因此，一种在网页上生成动态可编辑表格的方法遂成为一被关注的议题。
本发明之方法还可以在表格中动态插入按扭、选择框、输入框等控件和HTML元素。从而使浏览器(Browser)不仅能浏览数据，更能编辑和组织数据。
本发明的另一目的在于方便开发程序者重复使用表格，满足不同的需求，而无需重新设计。
本发明是按如下技术方案实现的，本发明的主要功能模块方块图如
图1所示，其中包括一数据产生模块101，依据使用者需求由服务器端(Server)100向客户端(Client)200传送数据；一表格处理模块102，用以生成动态表格并显示在浏览器(Browser)的网页(Web)105中；一动态操作模块103，提供使用者针对动态表格进行各种编辑、统计等操作，并将操作结果在网页(Web)105上直接修改，同时还可以呼叫一保存数据模块104，进行服务器端100数据的同步修改。以下针对各模块之功能叙述如下(1)数据产生模块101图2为本发明之数据产生模块流程图，首先分析使用者数据需求(步骤201)；接着判断是否需要使用数据库中的数据(步骤202)？若不使用数据库，则直接按客户要求生成数据(步骤203)，也可以是空数据，留待使用者进行添加；若使用数据库，则生成符合要求的数据查询条件(步骤204)；并依据该条件打开数据库(步骤205)；然后获取数据(步骤206)；最后，使用“Response.Write方法”将所有得到的数据逐条发送到客户端(Client)200的网页(Web)105(步骤207)。
(2)表格处理模块102在客户端(Client)200的网页(Web)105中，表格处理模块102直接处理原始数据，生成表格。其流程请参考图3所示，首先，获取一原始数据(步骤301)，进行处理表头(步骤302)，生成字段头HTML语句，在字段头中设置排序事件和字段宽度；然后处理表体(步骤303)，逐条记录生成HTML语句，并在表体中设置记录选中事件、编辑方式、控件和HTML元素插入等；接着是处理表尾(步骤304)，设置统计值等。最后将生成表格HTML语句(步骤305)，将表头、表体、表尾合成后显示在网页(Web)105上。
(3)动态操作模块103
使用者操作主要包括鼠标操作1031及键盘操作1032。
鼠标操作如图4所示当鼠标点选(Click)字段表头(FieldName)时(步骤401)，模块会产生排序(Sorting)事件(步骤402)，该排序会按照点选的字段正序排序，再次点选时会反序排序。当鼠标点选表体(Body)时(步骤403)，则判断是否已有选中记录(步骤404)，如果有，则将已选记录设为未选中状态(步骤405)，例如选中某行，则保存该行内容，该行插入控件消失，然后该行设为不选中；如果没有，则选择点中记录(步骤406)，例如将点选行的内容置为选中状态；接着设置字段(field)为可编辑(步骤407)，以生成可编辑输入框供使用者选择记录编辑，接着插入指定控件和HTML元素(E1ement)(步骤408)以方便使用者使用。
键盘操作如图5所示使用者按键盘方向键时，先保存原先行内容，原先行插入控件消失，然后方向键向上键(Up Key)时选择上一行(步骤501)、方向键向下键(Down Key)时选择下一行(步骤502)内容、上一页键(PageUp Key)时选择上一页第一行(步骤503)、下一页键(PageDown Key)时选择下一页第一行(步骤504)。
使用者指定操作1033如图6所示通过生成表格时预制的方法，可以添加记录(步骤601)，即可在网页(Web)105增加新元素(步骤6011)；可以删除记录(步骤602)，即可在网页(Web)105删除指定元素(步骤6021)；可以修改记录(步骤603)，即可在网页(Web)105修改指定元素(步骤6031)；还可以获取当前记录属性(步骤604)，即可获取指定元素相关数据(步骤6041)，如行号，当前行记录内容等。
(4)保存数据模块104该模块在服务器端运行，请参考第7图所示。首先生成SQL语句(步骤701)，使用UPDATE、DELETE、INSERT等子句指定更新内容(步骤702)。然后使用数据连接(Connection)的Open方法呼叫SQL语句(步骤703)，保存到数据库(步骤704)。
本发明揭露的一种可以在网页(Web)上实现动态表格的方法，其有益效果为这种动态表格能实现对表格中的记录进行增加、删除、修改等编辑，能实现统计、排序、记录选择、输入装置控制的功能。同时所有动态操作都在客户端(Client)完成，不必透过服务器端(Server)更新页面。
虽然本发明以前述之较佳实施例揭露如上，然其并非用以限定本发明，任何熟习此技艺者，在不脱离本发明之精神和范围内，当可作更动与润饰。
权利要求
1.一种在网页上生成动态可编辑表格的方法，其特征在于至少包含下列步骤依据使用者需求由一服务器端向一客户端传送一数据；透过该客户端将该数据用以生成该动态可编辑表格，并显示在一浏览器的一网页中；该客户端针对该动态可编辑表格进行各种编辑、统计等操作；及将该服务器端的该数据进行同步修改，并将该数据加以储存。
2.如权利要求1所述的在网页上生成动态可编辑表格的方法，其特征在于是采用Java Script语言实现该表格的动态交互性操作。
3.如权利要求1所述的在网页上生成动态可编辑表格的方法，其特征在于所述数据是透过一数据产生模块加以产生。
4.如权利要求3所述的在网页上生成动态可编辑表格的方法，其特征在于所述数据产生模块的执行流程包含下列步骤分析一使用者数据需求；提供该使用者使用一数据库中的数据；生成符合要求的数据查询条件；依据该条件打开该数据库，并获取该数据；及将所有得到的该数据逐条发送到客户端的该网页中。
5.如权利要求4所述的在网页上生成动态可编辑表格的方法，其特征在于还包含该客户端直接要求生成数据的步骤。
6.如权利要求1所述的在网页上生成动态可编辑表格的方法，其特征在于所述生成该动态可编辑表格的步骤是透过一表格处理模块加以产生。
7.如权利要求6所述的在网页上生成动态可编辑表格的方法，其特征在于所述表格处理模块的执行流程包含下列步骤获取一原始数据；处理表头，生成一字段头HTML语句，在该字段头中设置一排序事件和一字段宽度；处理表体，逐条记录生成该HTML语句，并在该表体中设置记录选中事件、编辑方式、控件和HTML元素插入；处理表尾，设置一统计值；及生成一表格HTML语句，将该表头、该表体、该表尾合成后显示在该网页上。
8.如权利要求1所述的在网页上生成动态可编辑表格的方法，其特征在于所述针对该动态可编辑表格进行各种编辑、统计等操作的步骤是透过一动态操作模块加以产生。
9.如权利要求8所述的在网页上生成动态可编辑表格的方法，其特征在于所述动态操作模块可选自一鼠标操作、一键盘操作及使用者指定操作的组合中任选其中一种。
10.如权利要求9所述的在网页上生成动态可编辑表格的方法，其特征在于当执行所述鼠标操作时，当一鼠标点选一字段表头时，该动态操作模块会产生一排序事件。
11.如权利要求9所述的在网页上生成动态可编辑表格的方法，其特征在于当执行所述鼠标操作时，当该鼠标点选一表体时，则选择点中记录。
12.如权利要求11所述的在网页上生成动态可编辑表格的方法，其特征在于所述选择点中记录是用以设置该字段为可编辑，并生成一可编辑输入框供该使用者选择记录编辑。
13.如权利要求12所述的在网页上生成动态可编辑表格的方法，其特征在于还包含插入指定控件和HTML元素以提供该使用者使用。
14.如权利要求9所述的在网页上生成动态可编辑表格的方法，其特征在于当执行该使用者指定操作时，可以选自添加记录、删除记录、修改记录及获取当前记录属性的组合中任选其中一种。
15.如权利要求1所述的在网页上生成动态可编辑表格的方法，其特征在于所述将该数据加以储存的步骤是透过一保存数据模块加以产生。
16.如权利要求15所述的在网页上生成动态可编辑表格的方法，其特征在于该保存数据模块的执行流程包含下列步骤生成一SQL语句；指定更新内容；呼叫SQL语句；及保存到一数据库。
17.如权利要求16所述的在网页上生成动态可编辑表格的方法，其特征在于所述指定更新内容的步骤是使用UPDATE、DELETE、INSERT等子句指定更新内容。
全文摘要
一种在网页上生成动态可编辑表格的方法，至少包含下列步骤依据使用者需求由一服务器端(Server)向一客户端(Client)传送一数据；透过客户端将数据用以生成该动态可编辑表格，并显示在一浏览器(Browser)的一网页(Web)中；接着客户端针对动态可编辑表格进行各种编辑、统计等操作；同时将该服务器端的该数据进行同步修改，并将该数据加以储存。
文档编号G06F17/24GK1395193SQ01120118
公开日2003年2月5日 申请日期2001年7月5日 优先权日2001年7月5日
发明者李翼松, 宋建福, 林光信 申请人:英业达股份有限公司