微人事项目学习笔记（1）- 搭建 vue 3前端工程

最新推荐文章于 2024-07-03 16:20:00 发布
最新推荐文章于 2024-07-03 16:20:00 发布
阅读量342 收藏
点赞数
分类专栏： # 微人事项目 文章标签： vue.js 微人事 spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012292754/article/details/120443304
版权

1 技术架构

  • springboot
  • redis
  • POI/邮件发送/消息中间件
  • mysql
  • vue
  • axios
  • ElementUI
  • Vuex

2 搭建 vue-3前端工程

https://cn.vuejs.org/v2/guide/index.html
参考博客

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3 登录页面制作

3.1 使用 element ui

https://element.eleme.io/#/zh-CN/component/installation

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.2 整理工程

在这里插入图片描述

  • 删除案例的 vue
    在这里插入图片描述

3.3 新建登录页

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

[0]Spring Boot+Vue全栈开发实战.学习笔记
qq_57210034的博客
05-23 410
目录 Spring Boot 入门 .. .... .. ... .. .. …. ....... .. ....………......….. ... .. …..... ... .……… .... .. 1 1.1 Spring Boot 简介............... ...... .. .. …. ... .........………… .. .. ….. .... ......... ..… ...... .….. 1 1.2 开发第一个 Spring Boot 程序….. ... .. ... .
SpringBoot+vue全栈开发实战笔记太香了
ZzzzjQqqq的博客
05-31 2127
Spring 作为一个轻量级的容器，在JavaEE开发中得到了广泛的应用，但是Spring 的配置繁琐臃肿，在和各种第三方框架进行整合时代码量都非常大，并且整合的代码大多是重复的，为了使开发者能够快速上手Spring，利用Spring框架快速搭建JavaEE项目，Spring Boot应运而生。 Spring Boot 中对一些常用的第三方库提供了默认的自动化配置方案，使得开发者只需要很少的Spring 配置就能运行一个完整的Java EE应用。Spring Boot项目可以采用传统的方案打成war包,然
微人事项目学习笔记
一天无聊
08-22 3907
文章目录微人事项目学习笔记1. 准备工作1.1 数据库准备1.2 Vue 准备1.3 Spring Boot 准备2. 前后端配置2.1 后端返回消息对象定义2.2 Spring Security 设置统一返回数据2.3 前端统一拦截响应请求内容2.4 前端登录接口数据处理2.4 跨域问题3. 接口调用3.1 请求接口封装3.2 关于动态路由菜单的实现3.2.1 **数据库设计**3.2.2 **后端查询**3.2.3 **前端渲染数据**3.3 后端权限控制3.3.1 数据库设计与查询3.3.2 Spr
微型人事管理项目前端总结
qq_41725131的博客
01-07 1006
本项目参考本文参考自江南一点雨的Spring Boot+Vue系列视频教程第 16 章，详情参加【Spring Boot+Vue系列视频教程】，本项目仓库地址：hr-web 前端技术点 Vue 本项目前端基于vue3.0构建，教程基于vue2.x构建，在vue3.0中某些地方与vue2.x存在差异，将在前端问题解决中呈现。本项目主要用了vue的基础功能，可参考官方文档Vue.js，也可参考b站尚硅谷教程。 ElementUI-Plus Element Plus配合Vue3.0使用，使用中的注意事项： 1、设
微人事项目学习笔记（2）- 后端环境搭建
一角残叶的博客
10-16 2460
1 后端环境搭建 2 后端登录 首先根据表生成model和mapper SecurityConfig package com.tzb.vhr.config; import com.fasterxml.jackson.databind.ObjectMapper; import com.tzb.vhr.model.Hr; import com.tzb.vhr.model.RespBean; import com.tzb.vhr.service.HrService; import org.s
B站云E办Vue+SpringBoot前后端分离项目——搭建vue.js项目（一）
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
05-01 2855
前后端之间通过 RESTful API 传递 JSON 数据进行交流。不同于 JSP 之类，后端是不涉及页面本身的内容的。在开发的时候，前端用前端的服务器（Nginx），后端用后端的服务器（Tomcat），当我开发前端内容的时候，可以把前端的请求通过前端服务器转发给后端（称为反向代理），这样就能实时观察结果，并且不需要知道后端怎么实现，而只需要知道接口提供的功能。 一、搭建vue.js项目 1.vue介绍 原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选
前端入门超级攻略：你的第一步学习指南
最新发布
海风依旧
07-03 2523
由于前端技术的快速迭代性，国内的高校基本上不会去专门开设前端开发这一门课程，与之相对应的是大数据和软件工程，围绕python和java等生态和开发路线较为稳定的语言去开设课程，这就导致大部分学生在校对前端的了解局限于前端三剑客直到现在，还有不少学生到了大三以为学了三剑客就能找到实习，所以笔者总结了一份如何学习前端的指南，希望能帮助到想入门或即将入门前端的同学如果想系统的学习一门课程，只凭一时兴趣是无法长久的学习的
B站云E办Vue+SpringBoot前后端分离项目——MVC三层架构搭建后台项目
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
05-10 4951
一、项目简介 本项目基于Vue+Spring Boot构架一个前后端分离项目。本项目实现了一个在线办公系统，用来管理日常办公事物的：日常流程审批，新闻，通知，公告，文件信息，财务，人事，费用，资产，行政，项目，移动办公等。通过软件的方式方便管理。本项目在技术方面采用最主流的前后端分离开发模式，使用业界最流行、社区非常活跃的开源框架 Spring Boot来构建后端，旨在实现云E办在线办公系统。包括职位管理、职称管理、部门管理、员工管 理、工资管理、在线聊天等模块。项目中还会使用业界主流的第三方组件扩展大家
Java毕业设计-基于Vue的前段后分类企业人事管理系统店设计实现
QQ55318293的博客
06-25 436
进入21世纪网络和计算机得到了飞速发展,并和生活进行了紧密的结合。目前,网络的运行速度以达到了千兆,覆盖范围更是深入到生活中的角角落落。这就促使管理系统的发展。网上办公可以实现远程处理事务,远程提交工作和随时追踪工作的状态。网上管理系统给人们带来前所未有的体验,满足了新时代人们的办公需求,所以网上管理系统模式得到大力发展。 本系统为企业人事管理系统,是采用计算机和网络技术进行开发的在线人事管理平台,可以实现考勤管理、在线请假、薪资管理、基础数据管理、合同管理等。本系统采用JAVA语言SSM框架,
2021年web前端开发视频教程零基础自学HTML/VUE/JS全栈项目实战全套课程
DaiMaGe3的博客
03-12 3861
【web前端开发课程介绍】： 随着移动互联网的深入发展，多屏互动和多端兼容友好的界面成为目前系统重要的需求，让前端开发工程师一跃成为目前市场紧俏的人才。 本课程内容包含目前的Vue、React前端框架，把全栈工程师要掌握的前端技术、Node.js相关后台技术、HTML5移动方向开发技术做了系统整合， 致力于培养中高等前端工程师。 为什么选择前端开发？ 1、专业无限制：计算机专业、非计算机专业占比3：4 2、适合零基础：专业、性别不限，没有基础也能学习 3、技术上手快：4个月，快速学习、系统掌握 4、职业生涯
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记
kesjc2017的博客
03-12 3936
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 【导读】：初学web前端的小伙伴经常会遇到的问题，1.没方法2.没资源3.没经验，不知道从何开始 ，代码哥（DaiMaGe3）之前也是从新手过来的，很能理解web前端新手的难处，为了更好的帮助大家自学好web前端开发，我把自己精心梳理的web自学资料、心得及完整的web前端学习路线，统统都分享出来，希望对有需要的朋友有所帮助！ 【大纲】： 1.为什么要学web前端开发？ 2.哪些人可以学web前端开发？ ..
Alibaba爆款《SpringBoot+vue 全栈开发实战项目》笔记，
Q54665642ljf的博客
10-09 428
Spring 作为一个轻量级的容器，在 JavaEE 开发中得到了广泛的应用，但是 Spring 的配置繁琐臃肿，在和各种第三方框架进行整合时代码量都非常大，并且整合的代码大多是重复的，为了使开发者能够快速上手 Spring，利用 Spring 框架快速搭建 JavaEE 项目，Spring Boot 应运而生。
微人事（1）- 前端登录页面
一角残叶的博客
08-08 1191
1
微人事项目学习笔记（3）- Home页制作
一角残叶的博客
11-11 1042
1 Home和Title页制作 布局参考 布局 右面的菜单 注销 2 左边导航菜单 实现在main的页面显示，而不是整个页面替换 根据index跳转 自动跳转 el-menu增加 router属性，不用写点击事件 ...
微人事（3）- 搭建后端环境
一角残叶的博客
08-10 830
1 后端环境搭建 1.1 新建项目 <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.1.10</version> </dependency>
微人事（4）- 前后端接口对接
一角残叶的博客
08-10 744
1 前后端接口对接 1.1 安装 axios 1.2 vue项目 api.js import axios from 'axios' import {Message} from 'element-ui' /*响应的拦截器*/ axios.interceptors.response.use(success=>{ if(success.status && success.status ==200 && success.data.status==500){
微人事项目学习笔记（4）- 前后端分离管理权限思路
一角残叶的博客
11-14 714
1 前后端分离权限管理 http://www.javaboy.org/2019/0523/springboot-vue-permission.html 2 后端接口权限设计 角色只分配给二级菜单 根据用户发送的url地址，提取出需要的角色。 查看当前用户是否具备需要的角色 ...
微人事（11）- 基础信息设置
一角残叶的博客
08-19 708
1 基础信息设置 https://element.eleme.cn/#/zh-CN/component/tabs tab 挨着上面太近，修改 Home.vue
微人事（10）- 完善权限管理
一角残叶的博客
08-12 470
1 完善权限管理 关闭服务端， 启动前端项目 没有登录，直接访问菜单，error 有 response 字段 启动服务端 前端直接去访问 http://localhost:8081/login 思路： 在没有登录时，访问某个接口，不要重定向，直接告诉其结果。 启动服务端 解决页面空白，不是很友好。 现在是如果没有登录，访问 sys/basic ，会跳转到登录页面。 改进，在登录后，在跳回到 sys/basic ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值