近一段时间要研究离线编码,然后上传至服务器端保存数据的方法,几年前就看到客户端的页面也能保存数据,想做一做这样的尝试,实现基于网页的客户端离线数据采集的方法,实现的方法其实挺简单。
第一:做一个通用的HTML页面,用FORM保存页面数据
第二:提交这个离线的HTML页面到服务端
第三:POST离线采集的数据
实现基于网页的离线数据采集
MSDN中的描述如下:
Persisting Form Data
Using HTML to design forms comes with some drawbacks, namely the need for a server or client-side script to process the form data. The saveSnapshot behavior can be used to save a Web page and persist the form data directly within the page itself. This allows a larger audience to use Web forms for day-to-day activities without needing a special script to process and deliver the information.
主要用到的就是saveSnapshot,代码如下:
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META content=snapshot name=save>
<STYLE>.saveSnapshot {
BEHAVIOR: url(#default#savesnapshot)
}
</STYLE>
<META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD>
<BODY>
<FORM class=saveSnapshot id=oPersistForm>First Name: <INPUT> Last Name: <INPUT>
Exemptions: <INPUT> </FORM>
<OBJECT id=ObjWB height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT><A
onclick=document.all.ObjWB.ExecWB(4,1); href="javascript:void(0);">Save As
</A></BODY></HTML>
标红部分是需要注意的
当用户在填完表单内容的时候,点击Save As,保存成网页,当你下次打开网页时,就可以看到数据已经存在页面上了,实现了离线的数据采集功能,自我感觉挺好使的,呵呵
详细内容可以到MSDN的帮助上看看:ms-help://MS.VSCC.v80/MS.MSDN.v80/MS.WEBDEV.v10.en/behavior/workshop/author/persistence/howto/formdata.htm
但在安全性方面得有一些考虑,MSDN上面对此也提出了见意。
分享到:
相关推荐
为了提高用户体验,我们可以使用AJAX(异步JavaScript和XML)技术,当用户保存更改时,将数据非同步地发送到服务器,进行持久化存储。不过,考虑到"editable_static_form"这个例子,可能并未涉及服务器交互,因此...
Cookie也是数据传递的一个选择,特别是对于客户端持久化的数据。在ASP.NET中,`HttpCookie`类用于创建和操作Cookie。例如,`Response.Cookies.Add(new HttpCookie("username", "John"));`用于设置Cookie,而`string ...
在本文中,我们将深入探讨如何在MVC(Model-View-Controller)框架中利用Form认证进行用户身份验证,并结合Cookie实现持久化的会话管理。同时,我们还将介绍如何利用Redis作为存储工具来记录异常信息,以提升系统的...
例如,你可能需要对这些数据进行持久化操作,如存储到数据库中: ```java public class SubmitAction extends Action { public ActionForward execute(ActionMapping mapping, ActionForm form, ...
如果数据量较大或者需要持久化存储,可以考虑将数据存入数据库,在需要时查询。JSP.NET提供ADO.NET框架与数据库交互,创建、查询、更新和删除记录。 9. **URL重写** 通过在URL中编码数据,可以在URL中传递信息。...
在Spring MVC框架中,基于注解的编程方式极大地简化了Web应用的开发,尤其是在处理HTTP请求,如form表单提交时。本篇文章将深入探讨如何使用注解来...同时,结合MySQL这样的关系型数据库,可以方便地实现数据的持久化。
由于题目要求不使用数据库,所以这里不涉及数据持久化操作。 ```java RequestDispatcher dispatcher = request.getRequestDispatcher("result.jsp"); request.setAttribute("username", username); request....
WebSocket是一种在客户端和服务器之间建立持久连接的协议,允许双向实时通信。开发者可以利用WebSocket API在HTML5中实现消息的即时发送和接收,模拟微信的实时聊天体验。 此外,为了模拟微信的对话条目,HTML5的`...
它可以实现跨请求的数据持久化,且生命周期可短可长,取决于设置。Cookies适合存储简单的、小量的数据,如用户偏好设置。然而,考虑到隐私和安全问题,使用Cookies需谨慎,尤其是在处理敏感信息时。 #### ...
这个JSON对象随后会被发送到服务器端,通常是一个Servlet,进行持久化存储或进一步的业务逻辑处理。Servlet是一种Java Web组件,它可以接收HTTP请求,处理后返回HTTP响应,是服务器端处理数据的关键角色。 为了实现...
sessionStorage仅在当前会话内有效,而localStorage则持久化存储。它们通过JavaScript操作,如`window.sessionStorage`和`window.localStorage`。 5. AJAX(异步JavaScript和XML): AJAX使得网页可以在不刷新整个...
主要涉及的技术栈包括HTML、CSS、JavaScript(特别是ES6语法)以及jQuery库,并利用了浏览器的LocalStorage功能来持久化存储学生数据。下面将详细讲解这些技术及其在项目中的应用。 首先,HTML(HyperText Markup ...
在HTML中,**FORM**元素用于创建表单,其中`name`属性定义表单的名称,`method`(GET或POST)定义数据发送方式,`action`指定处理表单数据的脚本。例如: ```html <form name="myForm" method="post" action=...
4. Session:ASP.NET提供的全局存储空间,可以在多个页面间持久化数据。使用`Session["key"] = value;`进行设置,`value = (Type)Session["key"];`获取。适合存储大量或敏感数据,但要注意会消耗服务器资源,过多...
5. HTML5 中的 Web Storage 功能可以在客户端本地存数据,localStorage 持久化本地存储,类似于 Cookie,但没有有效期,除非主动删除数据。 6. HTML5 中用于规定输入字段是必填的属性是 required。 7. HTML5 中定义...
sendRedirect()适合简单的页面跳转,session适合存储复杂或敏感数据,隐藏表单适用于页面间的数据传递,而cookie则适合持久化的用户偏好设置。在实际开发中,开发者需要根据具体情况灵活运用这些技术,以提供最佳的...
在本文中,我们将深入探讨基于WinForms的C# HTML编辑器工程源码,重点在于如何直接操作WebBrowser控件的文件流以及利用IPersistStreamInit接口进行数据持久化。WinForms是.NET Framework中的一个用户界面框架,而C#...
服务器端处理则负责验证数据的安全性和完整性,并可能将数据存储到数据库或其他持久化存储中。 在HTML表单中,`action`属性定义了表单提交后的处理方式,可以设置为URL,表示数据将被发送到哪个页面处理。`method`...
Session是服务器端的一种存储方式,可以用来在多个页面间持久化数据。在Page1中设置Session变量,如`Session["key"] = value;`,在Page2中可以使用`Session["key"]`来获取。Session适合存储用户会话信息,但过多的...
3. **Cookie对象的应用**:Cookie是存储在用户浏览器上的小型文本文件,用于在客户端持久存储信息。它们可用于跟踪用户偏好、身份验证等。创建和管理Cookie涉及Cookie类的构造函数、Name、Value属性,以及Expires、...