vue3+springboot3物流管理系统 物流网

一 项目介绍

该项目是基于vue3+springboot3的物流管理系统，是前后端分离的项目，内容和技术都比较流行的技术，适合开发学习，项目实战，毕业设计，大作业等

二 项目技术介绍

该项目分为前端和后端
前端技术：
vue3+ts+vite+elementplus+pina
后端技术：
springboot3+mybatisplus+springsecurity6

三 项目功能实现

前端网页：

前端物流公司

前端邮寄快递

邮寄快递的form表单

<el-row>
                   <el-col span="12" style="margin-left: 100px;margin-top: 30px;">
                <el-form :model="addBean">
              <el-form-item label="寄件人姓名" >
                <el-input  label-width="80%" v-model="addBean.jusername"/>
              </el-form-item>
              <el-form-item label="寄件人电话" >
                <el-input  label-width="80%" v-model="addBean.jtel"/>
              </el-form-item>
              <el-form-item label="寄件人地址" >
                <el-input  label-width="80%" v-model="addBean.jaddress"/>
              </el-form-item>
              <el-form-item label="收件人姓名" >
                <el-input  label-width="80%" v-model="addBean.susername"/>
              </el-form-item>
              <el-form-item label="收件人电话" >
                <el-input  label-width="80%" v-model="addBean.stel"/>
              </el-form-item>
              <el-form-item label="收件人地址" >
                <el-input  label-width="80%" v-model="addBean.saddress"/>
              </el-form-item>
              <el-form-item label="快件名称" >
                <el-input  label-width="80%" v-model="addBean.title"/>
              </el-form-item>
              <el-form-item label="快递公司" >
                 <!-- <el-input  label-width="80%" v-model="addBean.companytitle"/>  -->
                <el-select
                    v-model="addBean.companytitle"
                    class="m-2"
                    placeholder="请选择快递公司"
                    size="large"
                    style="width: 240px"
                  >
                    <el-option
                      v-for="item in companys"
                      :key="item.title"
                      :label="item.title"
                      :value="item.title"
                    />
                  </el-select>
              </el-form-item>
              <el-form-item label="寄存网点" >
                <!-- <el-input  label-width="80%" v-model="addBean.address"/>  -->
                <el-select
                    v-model="addBean.address"
                    class="m-2"
                    placeholder="请选择网点"
                    size="large"
                    style="width: 240px"
                  >
                    <el-option
                      v-for="item in addresss"
                      :key="item.title"
                      :label="item.title"
                      :value="item.title"
                    />
                  </el-select>
              </el-form-item>
              <el-form-item label="金额" >
                <el-input  label-width="80%" v-model="addBean.price"/>
              </el-form-item>
                <el-form-item>
                  <el-button type="primary" @click="clearForm">清空</el-button>
                  <el-button type="primary" @click="saveJj">确定</el-button>
       
                  </el-form-item>
                </el-form>
                    
                 </el-col>
              </el-row>

后端管理系统

订单列表：

物流公司：

后端工程截图

后端登陆方法

	@PostMapping("/loginCustorm")
    public Result loginCustorm(@RequestBody Custorm custorm) {

        Custorm dbCustorm = custormService.findCustormByUsername(custorm);
        if (dbCustorm == null) {
            return Result.error("用户不存在,请先注册");
        } else {
            if (!dbCustorm.getPassword().equals(custorm.getPassword())) {
                return Result.error("密码错误,请重新输入");
            } else {
                return Result.success(dbCustorm);
            }
        }
    }

内容还有很多，如果有不懂的 小伙伴可以咨询。谢谢大家，祝福大家生活开心，愉快，幸福。