uni-app mobileApp 如何保存数据？ · Pull Request !29 · 卓源软件/JeeSite V5.x

uni-app mobileApp 如何保存数据 ？<script>

import config from '@/common/config.js';
	import setting from '@/common/setting';
	import axios from 'axios';

// import HTTPLibrary from 'some-http-library';
 
    export default {
		
 
        data() {
            return{
                // userName: (sessionStorage.getItem('teacherName') || '').trim(),
				userName: (sessionStorage.getItem('teacherName') || '未登录').trim(),
				// userToken:(sessionStorage.getItem('loginToken')).trim(),

classDate:  this.getDate(),
                specialNotesArray: [
                    {id: "1", sNote: '空'},
                    {id: "2", sNote:'加课'},
                    {id: "3", sNote:'感统'},
                    {id: "4", sNote:'集体'},
                    {id: "5", sNote:'1对2'},
                    {id: "6", sNote:'地板'},
                    {id: "7", sNote:'40'},
                    {id: "8", sNote:'粗细'}
                ],

studentList: [
                    { nameIndex: 0,  specialNotesIndex: 0, classPeriods: 1, nameD: '',numberD: '' } // 初始学生列表，包含课时数
                ],
                studentNameList: [], // Student name list
				baseUrlValue: '',
				query: {}, // 默认查询对象
                adminPath: config.adminPath, // 确保adminPath是从config中获取的
				
				showNumber: false,   //不显示 true 显示  false
				
				// dataObject: {} // 在 data 中定义 dataObject  20241012

};
        },

mounted() {
			
			    // validateClassPeriods(event) {
			    //   const value = parseFloat(event.target.value);
			    //   if (isNaN(value) || value < 0 || value > 9.5) {
			    //     // 如果输入无效或超出范围，重置为上一个有效值
			    //     event.target.value = this.student.classPeriods;
			    //   } else {
			    //     // 更新学生对象中的 classPeriods 值
			    //     this.student.classPeriods = value.toFixed(2);
			    //   }
			    // },
			
			
   //          if (this.userName=='未登录'){
			// 	alert("未登录，老师姓名空---登录后增加");
			// }
			// console.log("老师姓名：" + this.userName); // 调试输出
            this.fetchStudentNames()
                .then(() => {
                    // 确保初始学生的姓名索引有效
                    if (this.studentList.length > 0 && this.studentNameList.length > 0) {
                        // studentList.nameIndex = 0; // 设置默认索引为0，或者根据需要选择----这个是索引，位置，第几行
						// studentList.numberD = this.studentNameList[0].sNumber; // 设置初始编号
						// studentList.nameD = this.studentNameList[0].sName; // 设置初始编号
                        //20240930
                        this.studentList[0].numberD = this.studentNameList[0].sNumber;
                        this.studentList[0].nameD = this.studentNameList[0].sName;
                    }else {
						console.error('姓名-编号错误 -->studentNameList is empty or studentList is not initialized properly');
					}
                })
                .catch(err => {
                    console.error('Error fetching student names:', err);
                });
        },

methods: {
			
            //日期
            bindDateChange(e) {
                this.classDate = e.detail.value;
            },

//特注
            onSpecialNotesSelect(index, e){
                this.studentList[index].specialNotesIndex = e.detail.value; // 使用传入的 index 来定位学生
            },

getDate(type) {
                // 如果 type 参数不使用，可以省略它
                const date = new Date();
                let year = date.getFullYear();
                let month = date.getMonth() + 1;
                let day = date.getDate();

month = month > 9 ? month : '0' + month;
                day = day > 9 ? day : '0' + day;
                // 使用反引号来定义模板字符串
                return `${year}-${month}-${day}`;
            },

async fetchStudentNames() { //modules/htInfantstudent
			    try {
			        // const response = await this.$u.post(this.adminPath + '/js/studentName/seeStudentName');
					const response = await this.$u.post(this.adminPath + '/modules/htInfantstudent/seeStudentName');
	 
			        // if (response.data && Array.isArray(response.data) && response.data.length > 0) { // 假设后端返回的是数据数组  if (response.statusCode === 200 && response.data) {
					if (Array.isArray(response)) {
						// this.studentNameList = response.map(student => student.sName); // 提取每个学生的名字
						this.studentNameList = response.map(student => ({
						// sName: student.sName,
                        // sNumber: student.sId ,// 假设响应中包含学生编号
						
						sName: student.sName || '未知姓名',
						sNumber: student.sId !== undefined ? student.sId : null // 确保 sId 存在且不为 undefined
						})); // 提取每个学生的名字
 
						// console.log('2调试信息--Fetched student names:', this.studentNameList[0].sName  ) ; // 调试信息

if (this.studentList && this.studentList.length > 0) {  //赋增加时为第一个信息  ？？
							this.studentList[0].nameIndex = 0; // 或者选择一个默认值
							this.studentList[0].numberD = this.studentNameList[0].sNumber; //编号 
							this.studentList[0].nameD = this.studentNameList[0].sName; //姓名
			            }
			        } else {
						
			            console.error(response.statusCode + '--error数据--->Unexpected response format or no data:', response);
			        }
			    } catch (error) {
			        console.error('海天---Error fetching student names:', error);
			        // 可以在这里处理错误，比如显示一个错误消息给用户
			    }finally{
                    // console.log('海天------->finally');
                }
			},

handleStudentNameSelect(index, e) {
                // this.studentList[index].nameIndex = e.detail.value;
				const selectedNameIndex=e.detail.value;
				const selectedStudent=this.studentNameList[selectedNameIndex];
				if(selectedStudent){
					// this.studentList[index].nameIndex = selectedStudent.sName;         //selectedNameIndex;
					this.studentList[index].nameIndex = selectedNameIndex; // 保存索引而不是名字
					this.studentList[index].nameD = selectedStudent.sName;         //selectedNameIndex;
					this.studentList[index].numberD = selectedStudent.sNumber;
					
					// alert(this.studentList[index].nameIndex); //这个是姓名
				}
            },

handleSpecialNotesSelect(index, e) {
                this.studentList[index].specialNotesIndex = e.detail.value;
            },

addStudent() {
                this.studentList.push({
                    nameIndex: 0, //赋增加时为第一个信息 0
					// nameIndex: '', //这个是索引、位置
                    classPeriods: 1,
                    specialNotesIndex: 0,
					numberD: '',
					nameD: ''
                });
            },

removeStudent(index) {
                this.studentList.splice(index, 1);
            },
			
			
			
			// 收集学生信息的方法			
			
			gatherStudentInfo() {
				const formData = new FormData();
				const dataObject = {};

// 添加老师名称
				formData.append('teacherName', this.userName);
				// 添加上课日期
				formData.append('classDate', this.classDate);
				// 添加操作时间
				formData.append('operatorDate', new Date().toISOString());

// 遍历学生列表并添加每个学生的数据
				this.studentList.forEach((student, index) => {
					formData.append(`students[${index}][numberD]`, student.numberD || '');
					formData.append(`students[${index}][nameD]`, student.nameD || '');
					formData.append(`students[${index}][classPeriods]`, student.classPeriods || 0);
					formData.append(`students[${index}][specialNotes]`, student.specialNotes || '');
				});

// 将 FormData 转换为普通对象
				for (let [key, value] of formData.entries()) {
					if (key.startsWith('students[')) {
						let match = key.match(/students\[(\d+)\]\[(\w+)\]/);
						if (match) {
							let index = match[1];
							let field = match[2];
							if (!dataObject.students) {
								dataObject.students = [];
							}
							if (!dataObject.students[index]) {
								dataObject.students[index] = {};
							}
							dataObject.students[index][field] = value;
						}
					} else {
						dataObject[key] = value;
					}
				}

// 打印转换后的普通对象
				console.log('20241012--实formData:', dataObject);

return formData;
			},

saveStudentInfo() {   //ht_period  后台是springboot ,  如何把上边代码中的信息  老师名称、上课日期、编号、姓名、课时、特注  保存到表 ht_period  中
				if (this.studentNameList.length === 0) {
					console.error('学生名称列表为空');
					return;
				}
		 
				const formData = this.gatherStudentInfo();
				const dataToSave = new URLSearchParams(formData).toString();  // 将 FormData 转换为查询字符串
			
	// 			// // 准备要发送的数据
	// 			// const dataToSave = this.studentList.map(student => {
	// 			// 	if (!student) {
	// 			// 		console.error('无效的学生数据:', student);
	// 			// 		return null; // 或者返回一个默认值或空对象
	// 			// 	}

// 			// 	const selectedStudent = this.studentNameList[student.nameIndex]; // 获取选定的学生信息
					
	// 			// 	// const lessonCount = Array.isArray(student.classPeriods) ? student.classPeriods.length : 0;
	// 			// 	// const classLesson = parseFloat((lessonCount).toFixed(2)); // 保留两位小数
	// 			// 	return {
	// 			// 		sNum: student.numberD,
	// 			// 		sName: selectedStudent ? selectedStudent.sName : '未选择', // 如果选中的学生存在，则获取姓名，否则设置为 '未选择'
	// 			// 		tName: this.userName, // 老师名称
	// 			// 		classLesson: student.classPeriods,
	// 			// 		classLesson: parseFloat(student.classPeriods), // 假设你想将课程数量转换为浮点数
	// 			// 		// classLesson: classLesson, // 课程时段，保留两位小数
	// 			// 		specialNotes: this.specialNotesArray[student.specialNotesIndex]?.sNote || '未选择',
	// 			// 		classDate: this.classDate, // 上课日期
	// 			// 		operatorDate: new Date().toISOString() // 当前操作时间，可以根据需求调整
						
					 
	// 			// 	};
	// 			// }).filter(studentData => studentData !== null); // 过滤掉无效的学生数据

//                //function validateStudentData
	// 			// function validateStudentData(student) {
					
	// 			// 	// 辅助函数：检查是否是保留两位小数的十进制数
	// 			// 	function isDecimalWithTwoDigits(num) {
	// 			// 	    const str = num.toString();
	// 			// 	    const parts = str.split('.');
	// 			// 	    // 检查是否有小数部分并且小数部分长度为2
	// 			// 	    return parts.length === 2 && parts[1].length === 2;
	// 			// 	}
					  
	// 			//   const requiredFields = ['sNum', 'sName', 'tName', 'classLesson', 'specialNotes', 'classDate', 'operatorDate'];
	// 			//   for (const field of requiredFields) {
	// 			// 	if (!(field in student)) {
	// 			// 	  console.error(`缺少必需的属性: ${field}`);
	// 			// 	  return false;
	// 			// 	}
	// 			//   }

// 			//   // if (typeof student.sNum !== 'number') {//number
	// 			//   //   console.error('sNum 应该是数字');
	// 			//   //   return false;
	// 			//   // }
				  
	// 			//   if (typeof student.sNum !== 'string'  ) {
	// 			// 	console.error('sNum   应该是字符串');
	// 			// 	return false;
	// 			//   }

// 			//   if (typeof student.sName !== 'string' || typeof student.tName !== 'string' || typeof student.specialNotes !== 'string') {
	// 			// 	console.error('sName, tName 和 specialNotes 应该是字符串');
	// 			// 	return false;
	// 			//   }

// 			//  //  if (!Array.isArray(student.classLesson) || !student.classLesson.every(lesson => typeof lesson === 'string')) {
	// 			// 	// console.error('classLesson 应该是字符串数组');
	// 			// 	// return false;
	// 			//  //  }
				  
	// 			//   if (typeof student.classLesson !== 'number' || !isDecimalWithTwoDigits(student.classLesson)) {
	// 			//       console.error('classLesson 应该是一个保留两位小数的十进制数');
	// 			//       //return false;
	// 			//     }

// 			//   if (typeof student.classDate !== 'string' || !isValidDate(student.classDate)) {
	// 			// 	console.error('classDate 应该是有效的日期字符串');
	// 			// 	return false;
	// 			//   }

// 			//   if (typeof student.operatorDate !== 'string' || !isValidISODate(student.operatorDate)) {
	// 			// 	console.error('operatorDate 应该是有效的ISO 8601格式的日期字符串');
	// 			// 	return false;
	// 			//   }

// 			//   return true;
	// 			// }

// 			// // 辅助函数：检查是否是有效的日期字符串
	// 			// function isValidDate(dateString) {
	// 			//   return !isNaN(Date.parse(dateString));
	// 			// }

// 			// // 辅助函数：检查是否是有效的ISO 8601格式日期字符串
	// 			// function isValidISODate(dateString) {
	// 			//   return dateString.match(/\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:[+-]\d{2}:\d{2}|Z)/);
	// 			// }

// 			// // 使用验证函数检查 dataToSave 中的每一个学生数据
	// 			// dataToSave.forEach((student, index) => {
	// 			//   if (!validateStudentData(student)) {
	// 			// 	console.error(`第 ${index + 1} 条学生数据无效`);
	// 			//   } else {
	// 			// 	console.log(`第 ${index + 1} 条学生数据有效----验证通过`);
	// 			//   }
	// 			// });
               
			
	// 		// 	// 发送数据到后端    modules/htPeriod    /sPeriod/saveMulti
	// 			// console.log('20241002--实际发送的数据Sending data:', dataToSave); //JSON.stringify(dataToSave)
	// 			// console.log('20241012--实际发送的数据Sending data:', dataObject);
	// 			// postJson  post
	// 			// this.$u.post(this.adminPath + '/modules/htPeriod/saveMulti', JSON.stringify(dataToSave))
	// 			// this.$u.post(this.adminPath + '/periods/htPeriod/saveMulti', dataToSave) //出现 URI: /js/a/sPeriod/saveMulti, 用时: 9毫秒, 总内存: 214MB, 剩余: 45.64MB
				 
	// 			// this.$u.post(this.adminPath + '/modules/htPeriod/saveMulti', JSON.stringify(dataToSave), {
	// 		 //        headers: {
	// 		 //            // 'Content-Type': 'application/json;charset=UTF-8' // 确保设置内容类型为 JSON，并指定字符集
	// 			// 		// 'Authorization': 'Bearer ' // 如果需要的话  + yourToken   'Authorization': `Bearer ${authToken}` // 如果需要认证令牌
						
	// 			// 		'Accept': 'application/json',
	// 			// 		'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
	// 		 //        }
	// 		 //    })
				
				
				// this.$u.postJson(this.adminPath + '/modules/htPeriod/saveMulti', dataToSave, {
				
				this.$u.api.modules.saveMulti(dataToSave, {  //JSON.stringify(dataToSave)
				    headers: {
				        // 'Accept': 'application/json',
				        'Content-Type': 'application/x-www-form-urlencoded', // 修改为JSON类型   application/json;charset=UTF-8    'Content-Type': 'application/x-www-form-urlencoded', 
				        // 'X-CSRF-TOKEN': csrfToken, // 如果需要CSRF令牌，请在此处添加
				        // 'Authorization': 'Bearer ' + yourToken // 如果需要用户认证令牌，请在此处添加
				    }
				})
		 
				
				// axios.post(this.adminPath + '/sPeriod/saveMulti', dataToSave)  这个不对
				// axios.post(setting.url + '/sPeriod/saveMulti', dataToSave, {
				//     headers: {
				//         'Content-Type': 'application/json;charset=UTF-8' ,// 确保设置内容类型为 JSON，并指定字符集
				// 		// 'Authorization': 'Bearer ' // 如果需要的话  + yourToken 
				//     }
				// })
				.then(response => {
				    if (response.status === 200) { // 假设成功的状态码是200
				        console.log('数据保存成功20241007');
				        // 可以在这里添加更多的成功后的逻辑，比如清空表单或刷新页面
				    } else {
				        console.error('数据保存失败:', response);
				        // 显示错误消息
				    }
				}).catch(error => {
				    console.error('请求出错:', error);
				    // 显示网络请求错误的消息
				});
				
			    // 查询库名称 const response = await this.$u.post(this.adminPath + '/modules/htInfantstudent/seeStudentName');  
			 
				
				const loginToken = sessionStorage.getItem('loginToken');
				if (loginToken) {
				    console.log('20241012------>当前登录 Token:', loginToken);
				} else {
				    console.log('20241012------>  用户未登录或 Token 不存在');
				}
				
				// uni.request({
				// 	method: 'POST',
				// 	// url: this.adminPath + '/modules/htPeriod/saveMulti',  // 确保URL与后端一致
				// 	// url: config.baseUrl + '/a/modules/htPeriod/saveMulti',  // 使用 config.baseUrl
				// 	url: config.baseUrl + config.adminPath + '/modules/htPeriod/saveMulti',

// 	// url: config.baseUrlList +'/modules/htPeriod/saveMulti',  //config.js
				// 	// url: setting.url + '/modules/htPeriod/saveMulti',  // 确保URL与后端一致
				// 	// url: this.$u.post(this.adminPath + '/modules/htPeriod/saveMulti'),  // 确保URL与后端一致  查询库名称 const response = await this.$u.post(this.adminPath + '/modules/htInfantstudent/seeStudentName');  
					 
				// 	// data: JSON.stringify(dataToSave), //20241003 智能助手   dataToSave,  JSON.stringify(dataToSave)
				// 	data: dataToSave.toString(), // 使用查询字符串格式
				// 	header: {
				// 		// 'Content-Type': 'application/json',
				// 		'Content-Type': 'application/x-www-form-urlencoded',  // 设置 Content-Type 为 application/x-www-form-urlencoded
				// 		// 'Authorization': 'Bearer '  + loginToken              //this.userToken
				// 	},
					
				 
					
				// 	success: (res) => {
				// 		if (res.statusCode === 200) {
				// 			console.log('Data saved successfully:', '保存数据成功:' + JSON.stringify(dataToSave));
				// 			uni.showToast({
				// 			title: '保存成功',
				// 			icon: 'success'
				// 			});
				// 		} else {
				// 			console.error('Failed to save data:', res.data);
				// 			uni.showToast({
				// 				title: '保存失败',
				// 				icon: 'none'
				// 			});
				// 		}
				// 	},
				// 	fail: (err) => {
				// 		console.error('Request failed:', err);
				// 		uni.showToast({
				// 			title: '请求失败，请检查网络',
				// 			icon: 'none'
				// 		});
				// 	}
				// });
		 	
			}
 
        },

};

</script>

卓源软件/JeeSite V5.x .gitee-modal { width: 500px !important; }

搜索帮助

卓源软件/JeeSite V5.x