前端数据传入数据库实现

最新推荐文章于 2025-03-18 13:18:49 发布

wuqingdeqing

最新推荐文章于 2025-03-18 13:18:49 发布

阅读量2w

点赞数 3

分类专栏：工作项目笔记文章标签：数据 mvc 前端

本文链接：https://blog.youkuaiyun.com/wuqingdeqing/article/details/78005616

版权

本文介绍了使用Spring MVC + Mybatis框架实现前端信息上传至数据库的过程。前端通过JS工具类处理用户输入，将文字信息拼接成字符串提交，图片则借助jQuery的ajaxFileUpload函数上传。后端Controller通过判断用户openid是否存在来决定是否需要登录，然后接收文字和图片信息，经验证和处理后存入数据库。解析前端字符串，利用Service和Mapper接口将数据持久化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近期做了一个前端信息上传数据库的功能，其项目框架依旧基于spring mvc + mybatis。

前端在jsp中将页面样式写好，其中文字信息是用js的一个工具类将用户输入的信息提交至后端，采用了在前端将用户选好的省、市、区、地址等点位信息先连成一个字符串，以逗号分开，这样可一并传入后端，再进行解析，此处以form表单的形式提交亦不失为一个好办法，但每种方法各有优劣，当以业务的使用和扩展方便为宜。前端连接信息代码如下，因为一个页面可提交多个点位，故这里采用了循环结构。

function savePointLocationInfos(){
			
			var boxLength = $('.box').length;
			var pointLocationInfos="start;";
			for(var i=0; i<boxLength; i++){
				//省市区
				console.log(phone.length)
				var temp=$('.box').eq(i).find('.pro').attr('data-province-code');
				if(temp!=""){
					pointLocationInfos+=temp;
				}else{
					pointLocationInfos+=",null";
				}
				temp=$('.box').eq(i).find('.pro').attr('data-city-code');
				if(temp!=""){
					pointLocationInfos+=","+temp;
				}else{
					pointLocationInfos+=",null";
				}
				temp=$('.box').eq(i).find('.pro').attr('data-district-code');
				if(temp!=""){
					pointLocationInfos+=","+temp;
				}else{
					pointLocationInfos+=",null";
				}
				temp=$('.box').eq(i).find('#back_explain').val();
				if(temp!=""){
					pointLocationInfos+=","+temp;
				}else{
					pointLocationInfos+=",null";
				}
				
				temp=$('.box').eq(i).find('#two').val();
				if(temp!=""){
					pointLocationInfos+=","+temp;
				}else{
					pointLocationInfos+=",null";
				}
				
				temp=$('.phone_wrap').fin

最低0.47元/天解锁文章