计算机毕业设计项目之Springboot+Vue前后端分离线上跳蚤市场平台|计算机毕设项目|计算机毕设|软件工程专业

网站介绍本网站专注专注于计算机技术领域的毕业设计辅导提供JAVA、微信小程序、Python、APP、PHP、微服务、NET等毕设项目的定制和成品服务一、项目介绍计算机毕设java毕业设计项目之ssm线上跳蚤市场平台项目演示视频 https://www.bilibili.com/video/BV13Z4y1i7tw?share_sourcecopy_web项目含有源码、文档、PPT、配套开发软件、软件安装教程、项目发布教程、包运行成功以及课程答疑与微信售后交流群、送查重系统不限次数免费查重等福利【技术路线】开发语言Java、小程序前端技术JavaScript、VUE.js2.X、css3后端框架ssmJDK版本JDK1.8服务器tomcat9数据库mysql 5.7数据库工具Navicat11开发软件eclipse/myeclipse/idea浏览器谷歌浏览器小程序运行软件微信开发者二、文档介绍主要功能管理员首页、个人中心、用户管理、商家管理、商品分类管理、商品信息管理、公告信息管理、留言板管理、系统管理、订单管理等商家首页、个人中心、商品信息管理等前台首页、商品信息、公告信息、留言板、个人中心、购物车、在线客服等三、部分代码templatedivel-formclassdetail-form-contentrefruleForm:modelruleFormlabel-width80pxel-rowel-col:span12el-form-item v-ifflaghuiyuanlabel会员账号prophuiyuanzhanghaoel-input v-modelruleForm.huiyuanzhanghaoreadonly placeholder会员账号clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflaghuiyuanlabel会员姓名prophuiyuanxingmingel-input v-modelruleForm.huiyuanxingmingplaceholder会员姓名clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflaghuiyuanlabel身份证propshenfenzhengel-input v-modelruleForm.shenfenzhengplaceholder身份证clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflaghuiyuanlabel性别propxingbieel-select v-modelruleForm.xingbieplaceholder请选择性别el-option v-for(item,index) in huiyuanxingbieOptionsv-bind:keyindex:labelitem:valueitem/el-option/el-select/el-form-item/el-colel-col:span24el-form-item v-ifflaghuiyuanlabel头像proptouxiangfile-upload tip点击上传头像actionfile/upload:limit3:multipletrue:fileUrlsruleForm.touxiang?ruleForm.touxiang:changehuiyuantouxiangUploadChange/file-upload/el-form-item/el-colel-col:span12el-form-item v-ifflaghuiyuanlabel手机propshoujiel-input v-modelruleForm.shoujiplaceholder手机clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflagyuangonglabel工号propgonghaoel-input v-modelruleForm.gonghaoreadonly placeholder工号clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflagyuangonglabel员工姓名propyuangongxingmingel-input v-modelruleForm.yuangongxingmingplaceholder员工姓名clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflagyuangonglabel性别propxingbieel-select v-modelruleForm.xingbieplaceholder请选择性别el-option v-for(item,index) in yuangongxingbieOptionsv-bind:keyindex:labelitem:valueitem/el-option/el-select/el-form-item/el-colel-col:span24el-form-item v-ifflagyuangonglabel头像proptouxiangfile-upload tip点击上传头像actionfile/upload:limit3:multipletrue:fileUrlsruleForm.touxiang?ruleForm.touxiang:changeyuangongtouxiangUploadChange/file-upload/el-form-item/el-colel-col:span12el-form-item v-ifflagyuangonglabel手机propshoujiel-input v-modelruleForm.shoujiplaceholder手机clearable/el-input/el-form-item/el-colel-col:span12el-form-item v-ifflagyuangonglabel邮箱propyouxiangel-input v-modelruleForm.youxiangplaceholder邮箱clearable/el-input/el-form-item/el-colel-form-item v-ifflaguserslabel用户名propusernameel-input v-modelruleForm.usernameplaceholder用户名/el-input/el-form-itemel-col:span24el-form-itemel-button typeprimaryclickonUpdateHandler修 改/el-button/el-form-item/el-col/el-row/el-form/div/templatescript// 数字邮件手机url身份证校验import{isNumber,isIntNumer,isEmail,isMobile,isPhone,isURL,checkIdCard}from/utils/validate;exportdefault{data(){return{ruleForm:{},flag:,usersFlag:false,huiyuanxingbieOptions:[],yuangongxingbieOptions:[],};},mounted(){vartablethis.$storage.get(sessionTable);this.flagtable;this.$http({url:${this.$storage.get(sessionTable)}/session,method:get}).then(({data}){if(datadata.code0){this.ruleFormdata.data;}else{this.$message.error(data.msg);}});this.huiyuanxingbieOptions男,女.split(,)this.yuangongxingbieOptions男,女.split(,)},methods:{huiyuantouxiangUploadChange(fileUrls){this.ruleForm.touxiangfileUrls;},yuangongtouxiangUploadChange(fileUrls){this.ruleForm.touxiangfileUrls;},onUpdateHandler(){if((!this.ruleForm.huiyuanzhanghao)huiyuanthis.flag){this.$message.error(会员账号不能为空);return}if((!this.ruleForm.mima)huiyuanthis.flag){this.$message.error(密码不能为空);return}if(huiyuanthis.flagthis.ruleForm.shenfenzheng(!checkIdCard(this.ruleForm.shenfenzheng))){this.$message.error(身份证应输入身份证格式);return}if(huiyuanthis.flagthis.ruleForm.shouji(!isMobile(this.ruleForm.shouji))){this.$message.error(手机应输入手机格式);return}if((!this.ruleForm.gonghao)yuangongthis.flag){this.$message.error(工号不能为空);return}if((!this.ruleForm.mima)yuangongthis.flag){this.$message.error(密码不能为空);return}if((!this.ruleForm.yuangongxingming)yuangongthis.flag){this.$message.error(员工姓名不能为空);return}if(yuangongthis.flagthis.ruleForm.shouji(!isMobile(this.ruleForm.shouji))){this.$message.error(手机应输入手机格式);return}if(yuangongthis.flagthis.ruleForm.youxiang(!isEmail(this.ruleForm.youxiang))){this.$message.error(邮箱应输入邮箱格式);return}if(usersthis.flagthis.ruleForm.username.trim().length1){this.$message.error(用户名不能为空);return}this.$http({url:${this.$storage.get(sessionTable)}/update,method:post,data:this.ruleForm}).then(({data}){if(datadata.code0){this.$message({message:修改信息成功,type:success,duration:1500,onClose:(){}});}else{this.$message.error(data.msg);}});}}};/scriptstyle langscssscoped/style