javaWeb开发总结 ---- 前端数据插入到后台

一,概述:

  本文主要描述如何将数据通过表单提交到后台并插入到数据库.其中后台使用spring框架.

二,开发流程:

  1. 明确需求,即将什么数据插入到数据库
  2. 平台搭建,配置spring, 数据库,建表
  3. 走通springMVC, 走通springMVC到数据库

三,前端到springMVC的数据传输技术----ajax:

  1. 格式
 1 $.ajax({
 2         url : basepath + "*******",
 3         method : ‘POST‘,
 4         data : dataTmp,
 5         dataType : "json",
 6         success:function(res){
 7
 8                 },
 9         error:function(res){ }
10     });        

 其中,dataTmp 是传给controller中的数据,如果controller中的参数是对象,则dataTmp要为对象,即 dataTmp={ "xx":XX, "yy":YY,...}.如果controller中的参数为基本类型,则dataTmp要为对应的基本类型.

 如果需要传递多个值给controller,则data 可以为{"xxx": XXX, "yyy":YYY, ...}其中controller 的参数需要有多个,且参数名对应为"xxx","yyy". 类型对应为XXX, YYY的类型.

  2. ajax 向controller中传数据的对象转字符串技术:

     (1). 在js中, 通过 JSON.stringify(subData) 将subData对象转换为字符串,然后以字符串的形式传给controller

     (2). 在controller中,使用对应的字符串参数来接收数据.

      如果是类对象,则用JSON.parseObject(subData, XXX.class)转换为对应的XXX类对象,

      如果是数组对象,则用 JSON.parseArray(subData, YYY.class)转换为对应的YYY对象数组.其中JSON引用的为fastjson.jar 中的        com.alibaba.fastjson下的JSON.

  3. 若有返回的数据,需要在controller中的类上面加上@ResponseBody

  4. 在ajax 中,res是从controller中返回的数据,可以对其进行操作.

四,细节总结

  1. 在设计表单之前,需要明确数据的验证需求,并对其在前端和后端进行验证.
时间: 2024-10-30 00:05:30

javaWeb开发总结 ---- 前端数据插入到后台的相关文章

Backbone学习日记[2]:后台(php)接收前端数据并保存

一.前端定义一个模型,设置一个url,指向提供保存数据功能的后台文件,给模型设置一个默认值:实例化模型,调用save方法: <script type="text/javascript" src="jquery.min.full.js"></script> <script type="text/javascript" src="Underscore.js"></script> &l

JavaWeb开发中form、ajax提交数据Model转化

JavaWeb开发中form.ajax提交数据Model转化 问题 最近学习MongoDB数据库,作为java开发的我,当然需要做个小的web程序来测试一番了.在html中我采取ajax提交方式,因为我要模拟各种类型的数据,基础数据类型.数组.对象等.然而,最终发现了个不同的地方:Form和ajax提交数据,在HttpServletRequest中尽然参数名有所不同. 数据类型 form ajax 基础数据 para=value para=value 数组 para[]={"aaa",

Android开发时,sqlite创建表成功,insert不报错,但没有数据插入的原因

在android开发过程中,经常要通过sqlite来存储一些数据,这种应用应该是再平常不过了,但是有时难免一时疏忽,就会出现sqlite创建表成功,insert不报错,但没有数据插入. 具体问题详见如下代码: Context ctx;        SQLiteDatabase db = dbOpenHelper.getWritableDatabase(); // 开启事务        db.beginTransaction();        try{                // 数

李兴华JavaWeb开发笔记

李兴华JavaWeb开发笔记 1.Java语法-基础 环境变量-JAVA_HOME, PATH, ClassPath 变量名 作用 举例 JAVA_HOME 指向JDK目录 C:\Program Files\Java\jdk1.7.0_21 PATH 指向java.exe目录. %JAVA_HOME%\bin; %JAVA_HOME%\jre\bin CLASSPATH 执行.jar文件.zip文件..class文件所在目录. (程序要用到哪些.class文件,) %JAVA_HOME%\lib

Python开发【前端】:jQuery

jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:

[转载]前端数据之美 -- 七天打造前端性能监控系统

开始行动 本文中的性能主要指 web 页面加载性能,对性能还不了解?不用担心,接下来的“每一天”跟我一起进入前端性能的世界. Day 1 为什么要监控性能? “If you cannot measure it, you cannot improve it” ———— William Thomson 这是一个最基本的问题,为什么要关注和监控前端性能?对于公司来说,性能在一定程度上与利益直接相关.国外有很多这方面的调研数据: 性能 收益 Google 延迟 400ms 搜索量下降 0.59% Bin

【定有惊喜】android程序员如何做自己的API接口?php与android的良好交互(附环境搭建),让前端数据动起来~

一.写在前面 web开发有前端和后端之分,其实android还是有前端和后端之分.android开发就相当于手机app的前端,一般都是php+android或者jsp+android开发.android和php在当下如此热门,我想作为一个android程序员还是应该清楚android与php的交互的,那么,今天我们就来尝试一波~ 二.环境准备 1)虽然现在十分流行wamp(windows+apache+mysql+php)和lamp的php开发模式,但是为了省时省力,今天我们就暂且使用xampp

【JavaWeb开发】初步实现网站应用钉钉扫码登录

http://blog.csdn.net/baofeidyz/article/details/59059379 版权声明:转载请注明我的个人微信平台 暴沸 目录(?)[+] 写在前面:如果你还不知道钉钉是什么,就赶紧问问Google.当然,这篇博客是用流水线的形式完成钉钉扫码登录. 第一步,看官方文档 网站应用钉钉扫码登录开发指南(钉钉官网) 如果你想要通过用户扫码获取到他的个人信息,那么你需要完成全部的交互,如果你只是想为你的网站做一个免登录处理,其实只要拿到用户的openid就可以了.当然我

多人博客开发项目-前端

一 开发环境设置 1 安装包环境 项目包如下链接:https://pan.baidu.com/s/1C-ZY9rWU-8ZugE4EwVveWw提取码:744p 相关react介绍链接如下 https://blog.51cto.com/11233559/2443713 解压并修改目录为blog 没有特殊说明,js 文件均放置在src目录中 2 修改相关信息 1 修改项目信息 2 修改反代和本地监听端口 本环境后端服务ip地址为192.168.1.200,后端python监听端口为80. 3 安装