[免费]SpringBoot+Vue企业OA自动化办公管理系统【论文+源码+SQL脚本】 ...

打印 上一主题 下一主题

主题 865|帖子 865|积分 2595

各人好,我是java1234_小锋老师,看到一个不错的SpringBoot+Vue企业OA自动化办公管理系统,分享下哈。
项目视频演示

【免费】SpringBoot+Vue企业OA自动化办公管理系统 Java毕业设计_哔哩哔哩_bilibili

项目先容
随着信息技能在管理上越来越深入而广泛的应用,管理信息系统的实行在技能上已渐渐成熟。本文先容了企业OA管理系统的开辟全过程。通太过析企业OA管理系统管理的不足,创建了一个计算机管理企业OA管理系统的方案。文章先容了企业OA管理系统的系统分析部分,包罗可行性分析等,系统设计部分主要先容了系统功能设计和数据库设计。
本企业OA管理系统有管理员和用户。管理员功能有个人中心,用户管理,公告信息管理,客户关系管理,通讯录管理,日程安排管理,车辆信息管理,文件信息管理,工作日志管理,上班考勤管理,工资信息管理。用户功能有个人中心,公告信息管理,客户关系管理,通讯录管理,日程安排管理,车辆信息管理,文件信息管理,工作日志管理,上班考勤管理,工资信息管理。因而具有肯定的实用性。
本站是一个B/S模式系统,采用Spring Boot框架,MYSQL数据库设计开辟,充实保证系统的稳固性。系统具有界面清晰、利用简单,功能齐全的特点,使得企业OA管理系统管理工作系统化、规范化。本系统的利用使管理职员从繁重的工作中解脱出来,实现无纸化办公,能够有用的提高企业OA管理系统管理效率。

系统展示



部分代码

  1. package com.controller;
  2. import java.util.Arrays;
  3. import java.util.Calendar;
  4. import java.util.Date;
  5. import java.util.Map;
  6. import javax.servlet.http.HttpServletRequest;
  7. import org.springframework.beans.factory.annotation.Autowired;
  8. import org.springframework.stereotype.Controller;
  9. import org.springframework.web.bind.annotation.GetMapping;
  10. import org.springframework.web.bind.annotation.PathVariable;
  11. import org.springframework.web.bind.annotation.PostMapping;
  12. import org.springframework.web.bind.annotation.RequestBody;
  13. import org.springframework.web.bind.annotation.RequestMapping;
  14. import org.springframework.web.bind.annotation.RequestParam;
  15. import org.springframework.web.bind.annotation.ResponseBody;
  16. import org.springframework.web.bind.annotation.RestController;
  17. import com.annotation.IgnoreAuth;
  18. import com.baomidou.mybatisplus.mapper.EntityWrapper;
  19. import com.entity.TokenEntity;
  20. import com.entity.UserEntity;
  21. import com.service.TokenService;
  22. import com.service.UserService;
  23. import com.utils.CommonUtil;
  24. import com.utils.MPUtil;
  25. import com.utils.PageUtils;
  26. import com.utils.R;
  27. import com.utils.ValidatorUtils;
  28. /**
  29. * 登录相关
  30. */
  31. @RequestMapping("users")
  32. @RestController
  33. public class UserController{
  34.        
  35.         @Autowired
  36.         private UserService userService;
  37.        
  38.         @Autowired
  39.         private TokenService tokenService;
  40.         /**
  41.          * 登录
  42.          */
  43.         @IgnoreAuth
  44.         @PostMapping(value = "/login")
  45.         public R login(String username, String password, String captcha, HttpServletRequest request) {
  46.                 UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
  47.                 if(user==null || !user.getPassword().equals(password)) {
  48.                         return R.error("账号或密码不正确");
  49.                 }
  50.                 String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
  51.                 return R.ok().put("token", token);
  52.         }
  53.        
  54.         /**
  55.          * 注册
  56.          */
  57.         @IgnoreAuth
  58.         @PostMapping(value = "/register")
  59.         public R register(@RequestBody UserEntity user){
  60. //            ValidatorUtils.validateEntity(user);
  61.             if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
  62.                     return R.error("用户已存在");
  63.             }
  64.         userService.insert(user);
  65.         return R.ok();
  66.     }
  67.         /**
  68.          * 退出
  69.          */
  70.         @GetMapping(value = "logout")
  71.         public R logout(HttpServletRequest request) {
  72.                 request.getSession().invalidate();
  73.                 return R.ok("退出成功");
  74.         }
  75.        
  76.         /**
  77.      * 密码重置
  78.      */
  79.     @IgnoreAuth
  80.         @RequestMapping(value = "/resetPass")
  81.     public R resetPass(String username, HttpServletRequest request){
  82.             UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
  83.             if(user==null) {
  84.                     return R.error("账号不存在");
  85.             }
  86.             user.setPassword("123456");
  87.         userService.update(user,null);
  88.         return R.ok("密码已重置为:123456");
  89.     }
  90.        
  91.         /**
  92.      * 列表
  93.      */
  94.     @RequestMapping("/page")
  95.     public R page(@RequestParam Map<String, Object> params,UserEntity user){
  96.         EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
  97.             PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
  98.         return R.ok().put("data", page);
  99.     }
  100.         /**
  101.      * 列表
  102.      */
  103.     @RequestMapping("/list")
  104.     public R list( UserEntity user){
  105.                EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
  106.               ew.allEq(MPUtil.allEQMapPre( user, "user"));
  107.         return R.ok().put("data", userService.selectListView(ew));
  108.     }
  109.     /**
  110.      * 信息
  111.      */
  112.     @RequestMapping("/info/{id}")
  113.     public R info(@PathVariable("id") String id){
  114.         UserEntity user = userService.selectById(id);
  115.         return R.ok().put("data", user);
  116.     }
  117.    
  118.     /**
  119.      * 获取用户的session用户信息
  120.      */
  121.     @RequestMapping("/session")
  122.     public R getCurrUser(HttpServletRequest request){
  123.             Long id = (Long)request.getSession().getAttribute("userId");
  124.         UserEntity user = userService.selectById(id);
  125.         return R.ok().put("data", user);
  126.     }
  127.     /**
  128.      * 保存
  129.      */
  130.     @PostMapping("/save")
  131.     public R save(@RequestBody UserEntity user){
  132. //            ValidatorUtils.validateEntity(user);
  133.             if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
  134.                     return R.error("用户已存在");
  135.             }
  136.         userService.insert(user);
  137.         return R.ok();
  138.     }
  139.     /**
  140.      * 修改
  141.      */
  142.     @RequestMapping("/update")
  143.     public R update(@RequestBody UserEntity user){
  144. //        ValidatorUtils.validateEntity(user);
  145.             UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
  146.             if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
  147.                     return R.error("用户名已存在。");
  148.             }
  149.         userService.updateById(user);//全部更新
  150.         return R.ok();
  151.     }
  152.     /**
  153.      * 删除
  154.      */
  155.     @RequestMapping("/delete")
  156.     public R delete(@RequestBody Long[] ids){
  157.         userService.deleteBatchIds(Arrays.asList(ids));
  158.         return R.ok();
  159.     }
  160. }
复制代码
  1. <template>
  2.   <div>
  3.     <div class="container loginIn" style="backgroundImage: url(http://codegen.caihongy.cn/20201125/f8ad26215c3a4476a1022930617e90f1.jpg)">
  4.       <div :class="2 == 1 ? 'left' : 2 == 2 ? 'left center' : 'left right'" style="backgroundColor: rgba(244, 244, 239, 0.95)">
  5.         <el-form class="login-form" label-position="left" :label-width="1 == 3 ? '56px' : '0px'">
  6.           <div class="title-container"><h3 class="title" style="color: rgba(21, 21, 20, 1)">企业oa管理系统登录</h3></div>
  7.           <el-form-item :label="1 == 3 ? '用户名' : ''" :class="'style'+1">
  8.             <span v-if="1 != 3" class="svg-container" style="color:rgba(183, 131, 59, 1);line-height:44px"><svg-icon icon-class="user" /></span>
  9.             <el-input placeholder="请输入用户名" name="username" type="text" v-model="rulesForm.username" />
  10.           </el-form-item>
  11.           <el-form-item :label="1 == 3 ? '密码' : ''" :class="'style'+1">
  12.             <span v-if="1 != 3" class="svg-container" style="color:rgba(183, 131, 59, 1);line-height:44px"><svg-icon icon-class="password" /></span>
  13.             <el-input placeholder="请输入密码" name="password" type="password" v-model="rulesForm.password" />
  14.           </el-form-item>
  15.           <el-form-item v-if="0 == '1'" class="code" :label="1 == 3 ? '验证码' : ''" :class="'style'+1">
  16.             <span v-if="1 != 3" class="svg-container" style="color:rgba(183, 131, 59, 1);line-height:44px"><svg-icon icon-class="code" /></span>
  17.             <el-input placeholder="请输入验证码" name="code" type="text" v-model="rulesForm.code" />
  18.             <div class="getCodeBt" @click="getRandCode(4)" style="height:44px;line-height:44px">
  19.               <span v-for="(item, index) in codes" :key="index" :style="{color:item.color,transform:item.rotate,fontSize:item.size}">{{ item.num }}</span>
  20.             </div>
  21.           </el-form-item>
  22.           <el-form-item label="角色" prop="loginInRole" class="role">
  23.             <el-radio
  24.               v-for="item in menus"
  25.               v-if="item.hasBackLogin=='是'"
  26.               v-bind:key="item.roleName"
  27.               v-model="rulesForm.role"
  28.               :label="item.roleName"
  29.             >{{item.roleName}}</el-radio>
  30.           </el-form-item>
  31.           <el-button type="primary" @click="login()" class="loginInBt" style="padding:0;font-size:16px;border-radius:20px;height:44px;line-height:44px;width:100%;backgroundColor:rgba(203, 185, 86, 1); borderColor:rgba(203, 185, 86, 1); color:rgba(47, 43, 43, 1)">{{'1' == '1' ? '登录' : 'login'}}</el-button>
  32.           <el-form-item class="setting">
  33.             <div style="color:rgba(26, 24, 20, 0.85)" class="register" @click="register('yonghu')">注册用户</div>
  34.             <!-- <div style="color:rgba(26, 24, 20, 0.85)" class="reset">修改密码</div> -->
  35.          
  36.           </el-form-item>
  37.         </el-form>
  38.       </div>
  39.     </div>
  40.   </div>
  41. </template>
  42. <script>
  43. import menu from "@/utils/menu";
  44. export default {
  45.   data() {
  46.     return {
  47.       rulesForm: {
  48.         username: "",
  49.         password: "",
  50.         role: "",
  51.         code: '',
  52.       },
  53.       menus: [],
  54.       tableName: "",
  55.       codes: [{
  56.         num: 1,
  57.         color: '#000',
  58.         rotate: '10deg',
  59.         size: '16px'
  60.       },{
  61.         num: 2,
  62.         color: '#000',
  63.         rotate: '10deg',
  64.         size: '16px'
  65.       },{
  66.         num: 3,
  67.         color: '#000',
  68.         rotate: '10deg',
  69.         size: '16px'
  70.       },{
  71.         num: 4,
  72.         color: '#000',
  73.         rotate: '10deg',
  74.         size: '16px'
  75.       }],
  76.     };
  77.   },
  78.   mounted() {
  79.     let menus = menu.list();
  80.     this.menus = menus;
  81.   },
  82.   created() {
  83.     this.setInputColor()
  84.     this.getRandCode()
  85.   },
  86.   methods: {
  87.     setInputColor(){
  88.       this.$nextTick(()=>{
  89.         document.querySelectorAll('.loginIn .el-input__inner').forEach(el=>{
  90.           el.style.backgroundColor = "rgba(211, 204, 204, 0.26)"
  91.           el.style.color = "rgba(120, 118, 118, 1)"
  92.           el.style.height = "44px"
  93.           el.style.lineHeight = "44px"
  94.           el.style.borderRadius = "20px"
  95.         })
  96.         document.querySelectorAll('.loginIn .style3 .el-form-item__label').forEach(el=>{
  97.           el.style.height = "44px"
  98.           el.style.lineHeight = "44px"
  99.         })
  100.         document.querySelectorAll('.loginIn .el-form-item__label').forEach(el=>{
  101.           el.style.color = "rgba(183, 131, 59, 1)"
  102.         })
  103.         setTimeout(()=>{
  104.           document.querySelectorAll('.loginIn .role .el-radio__label').forEach(el=>{
  105.             el.style.color = "rgba(183, 131, 59, 1)"
  106.           })
  107.         },350)
  108.       })
  109.     },
  110.     register(tableName){
  111.       this.$storage.set("loginTable", tableName);
  112.       this.$router.push({path:'/register'})
  113.     },
  114.     // 登陆
  115.     login() {
  116.       let code = ''
  117.       for(let i in this.codes) {
  118.         code += this.codes[i].num
  119.       }
  120.           if ('0' == '1' && !this.rulesForm.code) {
  121.              this.$message.error("请输入验证码");
  122.             return;
  123.           }
  124.       if ('0' == '1' && this.rulesForm.code.toLowerCase() != code.toLowerCase()) {
  125.          this.$message.error("验证码输入有误");
  126.                 this.getRandCode()
  127.         return;
  128.       }
  129.       if (!this.rulesForm.username) {
  130.          this.$message.error("请输入用户名");
  131.         return;
  132.       }
  133.       if (!this.rulesForm.password) {
  134.          this.$message.error("请输入密码");
  135.         return;
  136.       }
  137.       if (!this.rulesForm.role) {
  138.          this.$message.error("请选择角色");
  139.         return;
  140.       }
  141.       let menus = this.menus;
  142.       for (let i = 0; i < menus.length; i++) {
  143.         if (menus[i].roleName == this.rulesForm.role) {
  144.           this.tableName = menus[i].tableName;
  145.         }
  146.       }
  147.       this.$http({
  148.         url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,
  149.         method: "post"
  150.       }).then(({ data }) => {
  151.         if (data && data.code === 0) {
  152.           this.$storage.set("Token", data.token);
  153.           this.$storage.set("role", this.rulesForm.role);
  154.           this.$storage.set("sessionTable", this.tableName);
  155.           this.$storage.set("adminName", this.rulesForm.username);
  156.           this.$router.replace({ path: "/index/" });
  157.         } else {
  158.           this.$message.error(data.msg);
  159.         }
  160.       });
  161.     },
  162.     getRandCode(len = 4){
  163.       this.randomString(len)
  164.     },
  165.     randomString(len = 4) {
  166.       let chars = [
  167.           "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k",
  168.           "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v",
  169.           "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",
  170.           "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",
  171.           "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2",
  172.           "3", "4", "5", "6", "7", "8", "9"
  173.       ]
  174.       let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]
  175.       let sizes = ['14', '15', '16', '17', '18']
  176.       let output = [];
  177.       for (let i = 0; i < len; i++) {
  178.         // 随机验证码
  179.         let key = Math.floor(Math.random()*chars.length)
  180.         this.codes[i].num = chars[key]
  181.         // 随机验证码颜色
  182.         let code = '#'
  183.         for (let j = 0; j < 6; j++) {
  184.           let key = Math.floor(Math.random()*colors.length)
  185.           code += colors[key]
  186.         }
  187.         this.codes[i].color = code
  188.         // 随机验证码方向
  189.         let rotate = Math.floor(Math.random()*60)
  190.         let plus = Math.floor(Math.random()*2)
  191.         if(plus == 1) rotate = '-'+rotate
  192.         this.codes[i].rotate = 'rotate('+rotate+'deg)'
  193.         // 随机验证码字体大小
  194.         let size = Math.floor(Math.random()*sizes.length)
  195.         this.codes[i].size = sizes[size]+'px'
  196.       }
  197.     },
  198.   }
  199. };
  200. </script>
  201. <style lang="scss" scoped>
  202. .loginIn {
  203.   min-height: 100vh;
  204.   position: relative;
  205.   background-repeat: no-repeat;
  206.   background-position: center center;
  207.   background-size: cover;
  208.   .left {
  209.     position: absolute;
  210.     left: 0;
  211.     top: 0;
  212.     width: 360px;
  213.     height: 100%;
  214.     .login-form {
  215.       background-color: transparent;
  216.       width: 100%;
  217.       right: inherit;
  218.       padding: 0 12px;
  219.       box-sizing: border-box;
  220.       display: flex;
  221.       justify-content: center;
  222.       flex-direction: column;
  223.     }
  224.     .title-container {
  225.       text-align: center;
  226.       font-size: 24px;
  227.       .title {
  228.         margin: 20px 0;
  229.       }
  230.     }
  231.     .el-form-item {
  232.       position: relative;
  233.       .svg-container {
  234.         padding: 6px 5px 6px 15px;
  235.         color: #889aa4;
  236.         vertical-align: middle;
  237.         display: inline-block;
  238.         position: absolute;
  239.         left: 0;
  240.         top: 0;
  241.         z-index: 1;
  242.         padding: 0;
  243.         line-height: 40px;
  244.         width: 30px;
  245.         text-align: center;
  246.       }
  247.       .el-input {
  248.         display: inline-block;
  249.         height: 40px;
  250.         width: 100%;
  251.         & /deep/ input {
  252.           background: transparent;
  253.           border: 0px;
  254.           -webkit-appearance: none;
  255.           padding: 0 15px 0 30px;
  256.           color: #fff;
  257.           height: 40px;
  258.         }
  259.       }
  260.     }
  261.   }
  262.   .center {
  263.     position: absolute;
  264.     left: 50%;
  265.     top: 50%;
  266.     width: 360px;
  267.     transform: translate3d(-50%,-50%,0);
  268.     height: 446px;
  269.     border-radius: 8px;
  270.   }
  271.   .right {
  272.     position: absolute;
  273.     left: inherit;
  274.     right: 0;
  275.     top: 0;
  276.     width: 360px;
  277.     height: 100%;
  278.   }
  279.   .code {
  280.     .el-form-item__content {
  281.       position: relative;
  282.       .getCodeBt {
  283.         position: absolute;
  284.         right: 0;
  285.         top: 0;
  286.         line-height: 40px;
  287.         width: 100px;
  288.         background-color: rgba(51,51,51,0.4);
  289.         color: #fff;
  290.         text-align: center;
  291.         border-radius: 0 4px 4px 0;
  292.         height: 40px;
  293.         overflow: hidden;
  294.         span {
  295.           padding: 0 5px;
  296.           display: inline-block;
  297.           font-size: 16px;
  298.           font-weight: 600;
  299.         }
  300.       }
  301.       .el-input {
  302.         & /deep/ input {
  303.           padding: 0 130px 0 30px;
  304.         }
  305.       }
  306.     }
  307.   }
  308.   .setting {
  309.     & /deep/ .el-form-item__content {
  310.       padding: 0 15px;
  311.       box-sizing: border-box;
  312.       line-height: 32px;
  313.       height: 32px;
  314.       font-size: 14px;
  315.       color: #999;
  316.       margin: 0 !important;
  317.       .register {
  318.         float: left;
  319.         width: 50%;
  320.       }
  321.       .reset {
  322.         float: right;
  323.         width: 50%;
  324.         text-align: right;
  325.       }
  326.     }
  327.   }
  328.   .style2 {
  329.     padding-left: 30px;
  330.     .svg-container {
  331.       left: -30px !important;
  332.     }
  333.     .el-input {
  334.       & /deep/ input {
  335.         padding: 0 15px !important;
  336.       }
  337.     }
  338.   }
  339.   .code.style2, .code.style3 {
  340.     .el-input {
  341.       & /deep/ input {
  342.         padding: 0 115px 0 15px;
  343.       }
  344.     }
  345.   }
  346.   .style3 {
  347.     & /deep/ .el-form-item__label {
  348.       padding-right: 6px;
  349.     }
  350.     .el-input {
  351.       & /deep/ input {
  352.         padding: 0 15px !important;
  353.       }
  354.     }
  355.   }
  356.   .role {
  357.     & /deep/ .el-form-item__label {
  358.       width: 56px !important;
  359.     }
  360.     & /deep/ .el-radio {
  361.       margin-right: 12px;
  362.     }
  363.   }
  364. }
  365. </style>
复制代码
源码代码

链接:https://pan.baidu.com/s/1sUouSie_sVbthWHn6BvR0A
提取码:1234


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

自由的羽毛

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表