`

WEB复杂表单开发中,前台与后台开发人员的一种有效协作方式

阅读更多

    HTTP协议的工作机制是一种请求响应式的,即客户端负责传送用户的表单信息到服务器,运行在服务器上的后台应用程序接收用户请求信息,进行处理以后发回响应信息。


    对于表单结构较复杂的页面,前台与后台的协作比较重要。前台负责样式以及客户端JS的编写,同时在用户触发服务器访问时,将相应的后台所需的数据发送到服务器端。


    所以表单数据是前台与后台之间进行协作的桥梁。对于简单的表单,可以直接使用表单控件来传递值。而对于复杂的表单结构,单纯通过表单控件来传递值会显得有些力不从心。


    对于复杂的表单,一种比较好的工作模式如下:

     1. 阅读文档,确定表单的功能。同时确定有哪些表单数据需要从页面传递到服务器应用程序。

     2. 确定数据变量以后,将每一个所需的变量在页面上以:<input type="hidden" name="paramName"              id="paramId"/>的形式列出,为方便维护,可以将其列于form的最开始处。

    3. 这样前台应用程序不管如何更改JS函数和页面内容,只要保持这些hidden控件的name参数不变,就能成功将参数传递到后台。

    4. 所有的前台页面编程就是设置页面动作,以及设置这些hidden变量。需要注意的一个问题是,这些hidden变量不要与已有的控件重名。这可以通过控制hidden控件name值的命名规范来实现,比如在其前加上val字样,如:valUserType

2
1
分享到:
评论

相关推荐

    react-面向复杂场景的中后台表单解决方案UForm

    面向复杂场景的中后台表单解决方案,UForm 谐音 Your Form,代表,这才是你想要的 Form 解决方案

    JQuery表单提交和后台交互源码20130509

    JQuery表单提交和后台交互源码 源码描述: jQuery表单提交和后台交互,非常简单。 也许你习惯了使用基于jQuery的表单插件,裸写也不错 仅使用jQuery提交表单和后台交互,不使用基于jQuery的表单插件 方式1、取到...

    开源的快速web开发框架

    WebBuilder是一款跨平台、数据库和浏览器的可视化Web应用开发平台。WebBuilder使用了多项最新的技术,使Web应用的开发更快捷和简单。 作为一款高效的Web开发工具,WebBuilder的特色是: .基于浏览器的集成开发环境 ...

    小体量表单系统,带后台

    表单收集系统+带后台+带mysql数据库文件,安装即可使用,本人自己开发,小项目小体量表单系统,下载可用

    thinkphp前台后台网站源码

    thinkphp前台后台网站源码

    基于MVC开发模式的抽奖平台后台开发,实现数据管理操作的可视化(PHP+HTML+MySQL).zip

    为一进步完善抽奖平台的使用体验,降低抽奖数据管理门槛,保障数据库安全,应当改善现阶段管理员通过进入数据库后台对抽奖结果予以管理的操作模式,开发并搭建一个与前台配套的抽奖平台后台,用以实现抽奖结果查看与...

    基于Infopath实现WEB动态表单

    初次接触Infopath,我就被它的强大的功能,灵活的表单制作方式,全面对Web Services的支持等特点深深的吸引了。曾经尝试用Infopath来完成一些MIS项目,Infopath却有一些我们难以逾越的障碍,使得无法方便的和项目紧密...

    使用表单构建Web页面

    Domino表单和HTML页面之间的关系 Notes元素在Web上HTML代码转换 熟悉DominoDesignerWeb开发环境 设计表单前的必备知识 如何使用表单构建Web页面 几种特殊的Web表单 图象资源的管理

    前台js后台java加密解密

    前台对from表单提交的数据进行js加密,后台对前台提交过来的代码进行解密,后台代码为java

    多风格模版网页 后台模板 登录提交表单 46套

    包括:国外简单后台模板5套,多种色调风格套系,里面还有很...有些多风格多功能后台管理模板,风格可切换,纯脚本(JS)控制,功能页面以选项卡方式打开,参考价值很高,这对于广大的网页设计者们是一个很不错的选择哦.

    快速开发后台框架

    快速开发后台框架,自动生成html,界面美观大方。

    PHP与Web页面交互 -PHP获取表单信息.ppt

    * * PHP与Web页面交互 -----PHP 获取表单信息1 课程内容 获取文本框的值 获取文件域的值 获取复选框的值 PHP获取表单信息 在Web开发过程中,表单提交是数据传输过程中很重要的一部分,作为以PHP为后台开发语言的...

    ajax提交表单到后台

    利用jquery的ajax提交表单数据到后台。后台使用spring.

    WEB表单设计学习总结.docx

    WEB表单设计学习总结.docx

    JEECG 在线表单开发指南v3.7

    JEECG 开发文档系列 ——JEECG Online表单开发指南v3.7

    web元件库 ElementUI元件库+后台模板页面

    元件库:包含导航、颜色、字体、边框、图标、按钮、文字链接、单选框、多选框、输入框、计数器、选择器、级联选择器、开关、滑块、时间选择器、日期选择器、日期时间选择器、上传、评分、颜色选择器、穿梭框、表单、...

    web前台开发语言摘要

    总结了关于Html、CSS以及Javascript前台web开发的入门级基础,涉及html的表单、表格等基础控件,CSS有关的滤镜、样式表以及JavaScript基础等

    快意编程 EXT JS Web开发技术详解.pdf

    它通过丰富的实例由浅入深、循序渐进地介绍了目前采用Ext JS进行Web开发的使用方法,从而帮助软件设计人员快速掌握Ext JS开发技术的使用方法,并能将其应用于实战中。 通过《快意编程:Ext JS Web开发技术详解》的...

    Django Web开发指南

    本书讲述如何用Python框架Django构建出强大的Web解决方案,本书讲解了使用新的Django 1.0版的各种主要特性所需要的技术、工具以及概念。... 本书适用于Python框架Django初学者,Django Web开发技术人员。

    完整版Java web开发教程PPT课件 Java开发进阶教程 第03章 表单验证,常用函数(共15页).pptx

    完整版Java web开发教程PPT课件 Java开发进阶教程 第03章 表单验证,常用函数(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第04章 自定义web服务器(共14页).pptx 完整版Java web开发教程PPT...

Global site tag (gtag.js) - Google Analytics