基于vue和springboot的物流仓储管理系统

目录
1.项目简介 2
1.1设计背景 3
1.2软件架构 3
1.3所用技术 3
1.4功能模块 4
1.5需求分析 4
1.5.1 需求描述 4
1.5.2 用例建模 4
1.5.1人事信息管理 4
1.5.2货物信息管理 5
1.5.3订单信息管理 6
1.6用例描述 7
3.系统设计 8
3.1数据库设计 8
3.2模块设计 9
3.2.1用户管理类图 9
3.2.2订单管理类图 10
3.2.3用户管理操作流程 10
3.2.4 角色管理操作流程 13
3.3项目设计 13
3.3.1项目配置 13
3.3.2mybatis拦截器 18
3.3.3发送邮件组件 21
3.3.4Shiro安全配置 23
3.3.5swagger配置 27
3.3.6业务代码 28
3.3.7前端代码 31
4.项目部署 38
4.1 数据库配置 38
4.2. 后端配置 40
4.3. 前端配置 43
5.项目截图 45
5.1 登录界面 45
5.2 首页 46
5.3 系统设置 - 可以更改系统主体颜色设置等等 46
5.4 员工管理模块 47
5.5 角色授权 - 通过分配给用户不同的角色，可访问不同的菜单列表 47
5.6. 计划导出 - 通过 excelPoi 技术实现信息导出功能 48
5.7车辆管理 48
5.8数据统计 49
6.总结 50
1.项目简介
物流作为中国经济发展迅速的代表行业之一，在当今时代，它在我们身边无处不在，我们几乎可以随时随地看到它们的身影，为什么我们能在网上买的东西能在几天时间里送到我们手中，都是因为有许许多多的物流企业存在，然而随着社会经济的发展，我们的购买能力的提升，物流企业信息管理面临着巨大的压力，如果还是照以前采用纸笔管理信息的方式，企业信息管理通常比较繁杂，企业工作的效率实在是太低，此时采用计算机来管理企业信息成为了一种趋势，计算机相比人为操作有更高的效率，更安全，也给企业工作人员降低了工作压力，工作管理人员只需要通过操作电脑，就可以管理企业的信息，但是我们如何通过计算机来管理企业信息呢，这时开发一个物流管系统成为了众多中小型物流企业的第一任务，它对于很多企业是发展中必不可少的一部。
在本文中，我将介绍用Java语言实现物流管理系统的基本过程，以及各种使用的技术。在物流管理系统中，主要任务是简化企业信息的增删改查操作，通过一系列的开发，本系统基本实现了物流企业所需要的功能，基本达到了数据的一致性和安全性，为了达到企业内部管理的要求，本系统对人事信息和客户信息进行管理，使物流管理系统更加完善
1.1设计背景
随着中国物流业的高速发展，物流管理的重要性不言而喻。而物流管理的效率更是各个物流企业最看重的地方。近些年来，我国计算机互联网技术高速发展，很多公司和企业都实现了自动化办公及信息管理，这样的管理方式更加高效率，工作人员只需要在电脑前动动手指，就可完成繁琐的管理操作，极大程度上减轻了工作人员的工作量。
我通过在网络上对中小型物流企业的问卷调查，了解到仍有很多中小型企业对物流信息管理仍处于纸笔操作的阶段，我认为这种工作方式效率实在太低，这浪费了太多的人力物力，我认为我们应该采用计算机来管理物流企业信息将传统手工式的物流管理方式改变为以数据流驱动的信息化管理方式，实现信息化仓储，运输，车辆调度的管理系统，人机结合办公，大幅提高工作效率，本文转载自http://www.biyezuopin.vip/onews.asp?id=15082为企业创造更好的效益，这也将会是现代物流管理的主流方式。
1.2软件架构
•jeecg-boot-master 后台项目
•cable.sql 后台管理系统数据库脚本
1.3所用技术
•此系统基于 Jeecg-boot 为脚手架开发的PRD管理系统
•后端技术：SpringBoot 2.1.3 + Shiro 1.4.0 + Redis + Mysql 5.7 + MyBatis-Plus 3.1.2 + Jwt 3.7.0 + Swagger-ui
•前端技术：Vue + Ant-design-vue + Webpack
•其他技术：Druid(数据库连接池)、Logback(日志工具)、poi(Excel工具)、Quartz(定时任务)、lombok(简化代码)
•项目构建：Maven3.5+、JDK1.8+
1.4功能模块
基于Jeecg-boot开发的物流仓储系统，涵盖模块：用户管理、车辆管理、计划管理、仓库管理、库存管理、财务管理、统计报表、系统管理等模块组成

1.5需求分析
1.5.1 需求描述
由于本系统只对企业内部人员开放，所以用户就是本企业管理层员工，用户可以通过自己的工作编号注册账号登录本系统进行业务操作，主要业务包括员工信息管理、货物信息管理、运输信息管理、订单信息管理等几个方面。

<template><div class="main" style="background-color: white;width: 550px;margin-left: -85px;border-radius:5px;padding-top: 20px"><a-form :form="form" class="user-layout-login" ref="formLogin" id="formLogin" ><div style="padding-bottom: 30px"><a-tabs:activeKey="customActiveKey":tabBarStyle="{ textAlign: 'center', borderBottom: 'unset' }"@change="handleTabClick"><a-tab-pane key="tab1" tab="账号密码登陆"><a-form-item style="width: 400px;margin-left: 85px"><a-inputsize="large"v-decorator="['username',{initialValue:'admin', rules: validatorRules.username.rules}]"type="text"placeholder="请输入帐户名 / admin"><a-icon slot="prefix" type="user" :style="{ color: 'rgba(0,0,0,.25)' }"/></a-input></a-form-item><a-form-item style="width: 400px;margin-left: 85px"><a-inputv-decorator="['password',{initialValue:'123456', rules: validatorRules.password.rules}]"size="large"type="password"autocomplete="false"placeholder="请输入密码"><a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/></a-input></a-form-item><a-row :gutter="0" style="width: 400px;margin-left: 85px"><a-col :span="16"><a-form-item><a-inputv-decorator="['inputCode',validatorRules.inputCode]"size="large"type="text"@change="inputCodeChange"placeholder="请输入验证码"><a-icon slot="prefix" type="smile" :style="{ color: 'rgba(0,0,0,.25)' }"/></a-input></a-form-item></a-col><a-col :span="8" style="text-align: right" ><img v-if="requestCodeSuccess" style="margin-top: 2px;" :src="randCodeImage" @click="handleChangeCheckCode"/><img v-else style="margin-top: 2px;" src="../../assets/checkcode.png" @click="handleChangeCheckCode"/></a-col></a-row></a-tab-pane><!--        <a-tab-pane key="tab2" tab="手机号登陆">--><!--          <a-form-item>--><!--            <a-input--><!--              v-decorator="['mobile',validatorRules.mobile]"--><!--              size="large"--><!--              type="text"--><!--              placeholder="手机号">--><!--              <a-icon slot="prefix" type="mobile" :style="{ color: 'rgba(0,0,0,.25)' }"/>--><!--            </a-input>--><!--          </a-form-item>--><!--          <a-row :gutter="16">--><!--            <a-col class="gutter-row" :span="16">--><!--              <a-form-item>--><!--                <a-input--><!--                  v-decorator="['captcha',validatorRules.captcha]"--><!--                  size="large"--><!--                  type="text"--><!--                  placeholder="请输入验证码">--><!--                  <a-icon slot="prefix" type="mail" :style="{ color: 'rgba(0,0,0,.25)' }"/>--><!--                </a-input>--><!--              </a-form-item>--><!--            </a-col>--><!--            <a-col class="gutter-row" :span="8">--><!--              <a-button--><!--                class="getCaptcha"--><!--                tabindex="-1"--><!--                :disabled="state.smsSendBtn"--><!--                @click.stop.prevent="getCaptcha"--><!--                v-text="!state.smsSendBtn && '获取验证码' || (state.time+' s')"></a-button>--><!--            </a-col>--><!--          </a-row>--><!--        </a-tab-pane>--></a-tabs><a-form-item><a-buttonsize="large"type="primary"htmlType="submit"class="login-button":loading="loginBtn"@click.stop.prevent="handleSubmit":disabled="loginBtn"style="width: 400px;margin-left: 85px">确定</a-button></a-form-item><!--      <div class="user-login-other">--><!--        <span>其他登陆方式</span>--><!--        <a @click="onThirdLogin('github')" title="github"><a-icon class="item-icon" type="github"></a-icon></a>--><!--        <a @click="onThirdLogin('wechat_enterprise')" title="企业微信"><a-icon class="item-icon" type="wechat"></a-icon></a>--><!--        <a @click="onThirdLogin('dingtalk')" title="钉钉"><a-icon class="item-icon" type="dingding"></a-icon></a>--><!--      </div>--></div></a-form><two-step-captchav-if="requiredTwoStepCaptcha":visible="stepCaptchaVisible"@success="stepCaptchaSuccess"@cancel="stepCaptchaCancel"></two-step-captcha><a-modaltitle="登录部门选择":width="450":visible="departVisible":closable="false":maskClosable="false"><template slot="footer"><a-button type="primary" @click="departOk">确认</a-button></template><a-form><a-form-item:labelCol="{span:4}":wrapperCol="{span:20}"style="margin-bottom:10px":validate-status="validate_status"><a-tooltip placement="topLeft" ><template slot="title"><span>您隶属于多部门，请选择登录部门</span></template><a-avatar style="backgroundColor:#87d068" icon="gold" /></a-tooltip><a-select @change="departChange" :class="{'valid-error':validate_status=='error'}" placeholder="请选择登录部门" style="margin-left:10px;width: 80%"><a-icon slot="suffixIcon" type="gold" /><a-select-optionv-for="d in departList":key="d.id":value="d.orgCode">{{ d.departName }}</a-select-option></a-select></a-form-item></a-form></a-modal></div>
</template><script>//import md5 from "md5"import api from '@/api'import TwoStepCaptcha from '@/components/tools/TwoStepCaptcha'import { mapActions } from "vuex"import { timeFix } from "@/utils/util"import Vue from 'vue'import { ACCESS_TOKEN ,ENCRYPTED_STRING} from "@/store/mutation-types"import { putAction,postAction,getAction } from '@/api/manage'import { encryption , getEncryptedString } from '@/utils/encryption/aesEncrypt'import store from '@/store/'import { USER_INFO } from "@/store/mutation-types"export default {components: {TwoStepCaptcha},data () {return {customActiveKey: "tab1",loginBtn: false,// login type: 0 email, 1 username, 2 telephoneloginType: 0,requiredTwoStepCaptcha: false,stepCaptchaVisible: false,form: this.$form.createForm(this),encryptedString:{key:"",iv:"",},state: {time: 60,smsSendBtn: false,},validatorRules:{username:{rules: [{ required: true, message: '请输入用户名!'},{validator: this.handleUsernameOrEmail}]},password:{rules: [{ required: true, message: '请输入密码!',validator: 'click'}]},mobile:{rules: [{validator:this.validateMobile}]},captcha:{rule: [{ required: true, message: '请输入验证码!'}]},inputCode:{rules: [{ required: true, message: '请输入验证码!'}]}},verifiedCode:"",inputCodeContent:"",inputCodeNull:true,departList:[],departVisible:false,departSelected:"",currentUsername:"",validate_status:"",currdatetime:'',randCodeImage:'',requestCodeSuccess:false}},created () {this.currdatetime = new Date().getTime();Vue.ls.remove(ACCESS_TOKEN)this.getRouterData();this.handleChangeCheckCode();// update-begin- --- author:scott ------ date:20190805 ---- for:密码加密逻辑暂时注释掉，有点问题//this.getEncrypte();// update-end- --- author:scott ------ date:20190805 ---- for:密码加密逻辑暂时注释掉，有点问题},methods: {...mapActions([ "Login", "Logout","PhoneLogin","ThirdLogin" ]),//第三方登录onThirdLogin(source){let url = window._CONFIG['domianURL']+`/thirdLogin/render/${source}`window.open(url, `login ${source}`, 'height=500, width=500, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')let that = this;let receiveMessage = function(event){var origin = event.originconsole.log("origin",origin);let token = event.dataconsole.log("event.data",token)that.ThirdLogin(token).then(res=>{if(res.success){that.loginSuccess()}else{that.requestFailed(res);}})}window.addEventListener("message", receiveMessage, false);},// handlerhandleUsernameOrEmail (rule, value, callback) {const regex = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;if (regex.test(value)) {this.loginType = 0} else {this.loginType = 1}callback()},handleTabClick (key) {this.customActiveKey = key// this.form.resetFields()},handleSubmit () {let that = thislet loginParams = {};that.loginBtn = true;// 使用账户密码登陆if (that.customActiveKey === 'tab1') {that.form.validateFields([ 'username', 'password','inputCode', 'rememberMe' ], { force: true }, (err, values) => {if (!err) {loginParams.username = values.username// update-begin- --- author:scott ------ date:20190805 ---- for:密码加密逻辑暂时注释掉，有点问题//loginParams.password = md5(values.password)//loginParams.password = encryption(values.password,that.encryptedString.key,that.encryptedString.iv)loginParams.password = values.passwordloginParams.remember_me = values.rememberMe// update-begin- --- author:scott ------ date:20190805 ---- for:密码加密逻辑暂时注释掉，有点问题loginParams.captcha = that.inputCodeContentloginParams.checkKey = that.currdatetimeconsole.log("登录参数",loginParams)that.Login(loginParams).then((res) => {this.departConfirm(res)}).catch((err) => {that.requestFailed(err);});}else {that.loginBtn = false;}})// 使用手机号登陆} else {that.form.validateFields([ 'mobile', 'captcha', 'rememberMe' ], { force: true }, (err, values) => {if (!err) {loginParams.mobile = values.mobileloginParams.captcha = values.captchaloginParams.remember_me = values.rememberMethat.PhoneLogin(loginParams).then((res) => {console.log(res.result);this.departConfirm(res)}).catch((err) => {that.requestFailed(err);})}})}},getCaptcha (e) {e.preventDefault();let that = this;this.form.validateFields([ 'mobile' ], { force: true },(err,values) => {if(!values.mobile){that.cmsFailed("请输入手机号");}else if (!err) {this.state.smsSendBtn = true;let interval = window.setInterval(() => {if (that.state.time-- <= 0) {that.state.time = 60;that.state.smsSendBtn = false;window.clearInterval(interval);}}, 1000);const hide = this.$message.loading('验证码发送中..', 0);let smsParams = {};smsParams.mobile=values.mobile;smsParams.smsmode="0";postAction("/sys/sms",smsParams).then(res => {if(!res.success){setTimeout(hide, 0);this.cmsFailed(res.message);}console.log(res);setTimeout(hide, 500);}).catch(err => {setTimeout(hide, 1);clearInterval(interval);that.state.time = 60;that.state.smsSendBtn = false;this.requestFailed(err);});}});},stepCaptchaSuccess () {this.loginSuccess()},stepCaptchaCancel () {this.Logout().then(() => {this.loginBtn = falsethis.stepCaptchaVisible = false})},handleChangeCheckCode(){this.currdatetime = new Date().getTime();getAction(`/sys/randomImage/${this.currdatetime}`).then(res=>{if(res.success){this.randCodeImage = res.resultthis.requestCodeSuccess=true}else{this.$message.error(res.message)this.requestCodeSuccess=false}}).catch(()=>{this.requestCodeSuccess=false})},loginSuccess () {// update-begin- author:sunjianlei --- date:20190812 --- for: 登录成功后不解除禁用按钮，防止多次点击// this.loginBtn = false// update-end- author:sunjianlei --- date:20190812 --- for: 登录成功后不解除禁用按钮，防止多次点击this.$router.push({ path: "/dashboard/analysis" })this.$notification.success({message: '欢迎',description: `${timeFix()}，欢迎回来`,});},cmsFailed(err){this.$notification[ 'error' ]({message: "登录失败",description:err,duration: 4,});},requestFailed (err) {this.$notification[ 'error' ]({message: '登录失败',description: ((err.response || {}).data || {}).message || err.message || "请求出现错误，请稍后再试",duration: 4,});this.loginBtn = false;},validateMobile(rule,value,callback){if (!value || new RegExp(/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/).test(value)){callback();}else{callback("您的手机号码格式不正确!");}},validateInputCode(rule,value,callback){if(!value || this.verifiedCode==this.inputCodeContent){callback();}else{// callback("您输入的验证码不正确!");callback();}},generateCode(value){this.verifiedCode = value.toLowerCase()},inputCodeChange(e){this.inputCodeContent = e.target.value},departConfirm(res){if(res.success){let multi_depart = res.result.multi_depart//0:无部门 1:一个部门 2:多个部门if(multi_depart==0){this.loginSuccess()// this.$notification.warn({//   message: '提示',//   description: `您尚未归属部门,请确认账号信息`,//   duration:3// });}else if(multi_depart==2){this.departVisible=truethis.currentUsername=this.form.getFieldValue("username")this.departList = res.result.departs}else {this.loginSuccess()}}else{this.requestFailed(res)this.Logout();}},departOk(){if(!this.departSelected){this.validate_status='error'return false}let obj = {orgCode:this.departSelected,username:this.form.getFieldValue("username")}putAction("/sys/selectDepart",obj).then(res=>{if(res.success){const userInfo = res.result.userInfo;Vue.ls.set(USER_INFO, userInfo, 7 * 24 * 60 * 60 * 1000);store.commit('SET_INFO', userInfo);//console.log("---切换组织机构---userInfo-------",store.getters.userInfo.orgCode);this.departClear()this.loginSuccess()}else{this.requestFailed(res)this.Logout().then(()=>{this.departClear()});}})},departClear(){this.departList=[]this.departSelected=""this.currentUsername=""this.departVisible=falsethis.validate_status=''},departChange(value){this.validate_status='success'this.departSelected = value},getRouterData(){this.$nextTick(() => {if (this.$route.params.username) {this.form.setFieldsValue({'username': this.$route.params.username});}})},//获取密码加密规则getEncrypte(){var encryptedString = Vue.ls.get(ENCRYPTED_STRING);if(encryptedString == null){getEncryptedString().then((data) => {this.encryptedString = data});}else{this.encryptedString = encryptedString;}},}}
</script><style lang="less" scoped>.user-layout-login {label {font-size: 14px;}.getCaptcha {display: block;width: 100%;height: 40px;}.forge-password {font-size: 14px;}button.login-button {padding: 0 15px;font-size: 16px;height: 40px;width: 100%;}.user-login-other {text-align: left;margin-top: 24px;line-height: 22px;.item-icon {font-size: 24px;color: rgba(0,0,0,.2);margin-left: 16px;vertical-align: middle;cursor: pointer;transition: color .3s;&:hover {color: #1890ff;}}.register {float: right;}}}</style>
<style>.valid-error .ant-select-selection__placeholder{color: #f5222d;}
</style>

基于vue和springboot的物流仓储管理系统相关推荐

基于Vue和SpringBoot的宾馆管理系统的设计和实现
作者主页:Designer 小郑作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...
基于 Vue.js+Springboot 的学院社团管理系统的设计与实现
在教育深化改革的背景下,我国除了优化教育体制,提升教育水平之外,还鼓励学生参与课外活动,促进学生全面发展.如何更好地让大学生加入适合自己的社团,在繁忙的学习之余,可以更好的参与到社团的活动,从中汲取新 ...
基于Vue和SpringBoot的便利店仓库物资管理系统的设计与实现
作者主页:Designer 小郑作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...
基于Vue和SpringBoot的电商管理系统的设计与实现
作者主页:Designer 小郑作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...
基于Vue和SpringBoot的进销存管理系统的设计和实现
作者主页:Designer 小郑作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...
基于Vue和SpringBoot的超市账单管理系统的设计和实现
作者主页:Designer 小郑作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...
基于 Vue 和 SpringBoot 实现的博客系统（附源码）
今天给大家分享一个基于 Vue 和 SpringBoot 实现的博客系统! 源码在文章结尾处,大家自行下载即可,我设置的免积分下载! 一.主要功能 1.前端后台管理系统采用Vue开发. 文章模块,支 ...
基于java（springboot）网吧管理系统(java毕业设计)
基于java(springboot)网吧管理系统网吧管理系统是基于java编程语言,mysql数据库,springboot框架和idea开发工具开发 ,本系统分为会员,网管,管理员三个角色,会员功能 ...
基于Vue和SpringBoot的论文检测系统的设计与实现
作者主页:Designer 小郑作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...
基于java（springboot）幼儿园管理系统（java毕业设计）
基于java(springboot)幼儿园管理系统幼儿园管理系统采用java编程语言,mysql数据库,springboot框架和idea开发工具进行开发,本设计主要分为学生家长,管理员和教师三个角 ...

基于vue和springboot的物流仓储管理系统

基于vue和springboot的物流仓储管理系统相关推荐

最新文章

热门文章