B站云E办Vue+SpringBoot前后端分离项目——项目简介
项目介绍:本项目实现了一个在线办公系统,用来管理日常办公事物的:日常流程审批,新闻,通知,公告,文件信息,财务,人事,费用,资产,行政,项目,移动办公等。通过软件的方式方便管理。本项目基于Vue+Spring Boot构架一个前后端分离项目。简单地说,前后端分离 的核心思想是前端页面通过 ajax 调用后端的 restuful api 进行数据交互,而 单页面应用(single page web application,SPA),就是只有一张页面,并在用户与应用程序交互时动态更新该页面的 Web 应用程序。
1.技术架构
2.前端技术架构
本项目采用前后端分离开发模式,使用Spring Boot构建后端。前端模块分为:登录、职位管理、职称管理、部门管理、操作员历、员工管理、工资账套管理、个人中心、在线聊天
前端使用的技术有:
项目搭建:Vue-cli
状态管理:Vuex
路由管理:VueRouter
UI界面:ElementUI
通讯框架:Axios
前端语法:ES6
打包:Webpack
在线聊天:WebSocket
字体:font-awesome
文件上传下载:js-file-download
在线聊天开源项目:vue-chat
3.后端技术架构
后端主流开发框架:SpringBoot+Spring MVC +MyBatisPlus。 使用SpringSecurity做安全认证及权限管理,Redis做缓存,RabbitMq做邮件的发送,使用EasyPOI实现对员工数据的导入和导出,使用WebSocket做在线聊天
安全框架:SpringSecurity
令牌:JWT
图形验证码:Kaptcha
缓存:redis
文档导入导出:EasyPOI
消息队列:RabbitMQ 做异步的处理,邮件发送
邮件组件:Mail
在线聊天:WebSocket
文件服务器:FastDFS
数据库MySQL+Redis
三月的一天: var name =”Global",首先var是没有块级作用域的,变量提升到全局作用域。setTimeout是异步的,因此name在同步里已经赋值为Global,而不是undefined。当setTimeout执行时,name在全局变量中且赋值为Global
浩阳-: 考察异步方法中的this,第二个 console.log 输出为 "Hello, Global" 。 这里全局对象的name是undefined啊
弥森: jsm\libs\draco\gltf\draco_wasm_wrapper.js这个文件的 'globalThis' is not defined ,这是个什么问题
爱编程的小凯同学: 我看懵了都
Kwan的解忧杂货铺@新空间代码工作室: 博主的文章总是如一盏明灯,指引我前进,你的博文总是充满了深刻见解,对我的学习帮助很大,真的很感激你的辛勤努力。非常感激你的专业知识传授。