`

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
分享到:
评论

相关推荐

    web开发的页面框架

    这种分离式的开发方式有助于保持代码的整洁和可维护性,同时也方便设计师和开发者协作。 例如,后台模板可能包含数据访问对象(DAO)和控制器,负责处理来自前端的请求,与数据库交互,并返回所需的数据。而前台...

    ext开发_前后台交互

    `Ext.data.Connection`则提供了一种更为底层的Ajax请求管理机制。通过创建`Connection`实例并调用`request()`方法,开发者可以直接控制HTTP请求的发送,包括请求头、响应类型等高级配置。 #### Ext.Ajax.request与...

    响应式网站前后台源码

    响应式网站前后台源码是一种设计模式,旨在提供一致的用户体验,无论用户是在桌面电脑、平板电脑还是手机上浏览。这种源码集成了前端和后端技术,使得网站能够自动适应不同设备的屏幕尺寸和方向,确保内容的易读性和...

    mvc架构的销售网页系统前台+后台+管理员+mysql

    MVC架构是一种广泛应用于Web开发的设计模式,全称为Model-View-Controller。在这个销售网页系统中,MVC架构被用来组织代码,分离业务逻辑、数据处理和用户界面,从而提高代码的可维护性和可扩展性。 **Model(模型...

    人工智能-项目实践-课程设计-php+mysql+html+jQuery 养老院网站的设计与制作(前台展示+后台管理)

    在这个名为“人工智能-项目实践-课程设计-php+mysql+html+jQuery 养老院网站的设计与制作(前台展示+后台管理)”的压缩包中,包含了一次综合性的Web开发项目,旨在帮助学习者理解并实践PHP、MySQL、HTML和jQuery在...

    C#编写的用户注册网页,包括前台设置和连接SQL2005后台代码

    【C# 编写的用户注册网页】:C#是一种面向对象的编程语言,常用于构建Windows应用程序、Web应用以及游戏等。在这个项目中,它被用来创建一个用户注册的网页,实现了用户输入验证和数据存储的功能。用户注册是任何...

    美人鱼小说;包含前后端_微信小程序模板js代码前台前端H5页面源码+后台源码.rar

    1. **微信小程序**:微信小程序是一种轻量级的应用开发框架,由腾讯公司推出,用于在微信内部运行应用。它提供了丰富的API和组件,可以快速构建用户体验良好的移动应用。在这个项目中,前端部分主要是用微信小程序...

    学生管理系统登录模块项目开发.pptx

    在实际的企业级开发中,通常会有专门的团队分工合作,包括前台美工人员负责视觉设计,后台程序开发人员处理逻辑和服务器交互,以及数据库设计人员负责数据库结构和性能优化。通过这个项目,学生可以模拟这一过程,...

    宿舍保修管理系统前台.rar

    课程设计中采用这样的项目有助于学生深入理解Web开发的全貌,包括前端与后端的协作、数据库管理、用户体验设计等多个方面。学生可以通过这个模板进行二次开发,添加更多功能,如用户登录注册、实时通知、统计分析等...

    java_web_新闻发布系统源码

    4. **前后台分离**: 前后台分离是现代Web开发的一种常见架构模式,它将业务逻辑、数据处理和用户界面进行清晰的划分。在本项目中,后台主要处理数据逻辑和业务处理,如用户管理、新闻发布等;而前台则负责展示数据和...

    酒店管理系统(html、js、css、dom)静态页面 适合大作业 上机任务 包含酒店展示页面 以及后台管理页面 Javaweb

    酒店管理系统是一种基于Web技术的应用,通常用于自动化处理酒店日常运营中的各种事务,如客房预订、客户管理、房间状态更新等。本项目是一个适用于大作业或上机任务的静态页面实现,它涵盖了HTML、CSS、JavaScript和...

    「2016年PHP课程体系新」.pdf

    PHP(Hypertext Preprocessor,超文本预处理器)是一种广泛应用于Web开发的开源脚本语言,尤其适用于服务器端编程。2016年的PHP课程体系是针对初学者和有一定基础的学习者设计的,旨在帮助学员快速掌握PHP开发技能,...

    PHP实例开发源码—ECSHOP快递物流单号查询插件.zip

    8. **版本控制**:在开发过程中,使用版本控制系统如Git进行代码管理,便于团队协作和代码回溯。 132678454915862321可能是这个压缩包内的主要源代码文件名,解压后可能包含PHP文件、CSS样式表、JavaScript脚本、...

    asp.net与extjs开发点卡在线销售系统201902

    在现代互联网业务中,点卡作为一种虚拟商品,广泛应用于游戏充值、服务订阅等场景。本文将深入探讨如何使用ASP.NET和EXTJS技术来构建一个高效、安全且用户友好的点卡在线销售系统。 一、ASP.NET框架基础 ASP.NET是...

    网上书店销售管理系统-计算机专业毕业设计

    后端开发选择了ASP.NET框架,这是一种由微软开发的全栈Web开发平台,支持C#编程语言。C#是一种面向对象的语言,拥有强大的类型系统和内存管理机制,能够构建高效且安全的Web应用程序。ASP.NET框架提供了模型-视图-...

    淘淘商城原始静态资源文件

    淘淘商城原始静态资源文件是一组非常宝贵的前端开发学习材料,包含了网站开发中必不可少的三大元素:JSP(JavaServer Pages)、JS(JavaScript)和CSS(Cascading Style Sheets)。这些文件是构建任何Web应用程序的...

    jsp+servlet+MySQL新闻发布系统

    在IT领域,开发一个基于"jsp+servlet+MySQL"的新闻发布系统是一种常见的实践,它主要用于构建动态、数据驱动的网站。这个系统涵盖了网页展示、用户交互和后端数据处理等多个关键部分,是Web开发基础的重要组成部分。...

    jsp网上书店

    10. 版本控制与部署:项目开发过程中,使用Git等版本控制系统管理代码,便于团队协作。项目完成后,需要打包成WAR文件,部署到Tomcat等Web服务器上运行。 通过参与【jsp网上书店】项目,学生不仅可以学习到JSP编程...

    [其他类别]atlas拼音首字母文本框自动完成源码_autocompletepinyin(ASP.NET源码).rar

    【标题】中的“atlas拼音首字母文本框自动完成源码”是指一种ASP.NET应用程序,它使用了Atlas框架,提供了一种功能,即在文本框中输入拼音时,能够自动显示出与输入拼音首字母匹配的建议词汇。Atlas是微软开发的一个...

    云工厂-网上书城

    8. **版本控制**:尽管未直接提及,但开发过程中通常会使用版本控制系统(如Git)来管理代码的版本和协作。 9. **部署与运行**:"云工厂-网上书城"作为一个可运行的项目,需要在支持J2EE的服务器上部署,如Tomcat、...

Global site tag (gtag.js) - Google Analytics