快速看懂（找到）VUE框架的管理系统代码

最新推荐文章于 2024-07-08 11:25:51 发布

kahuifu

最新推荐文章于 2024-07-08 11:25:51 发布

阅读量2k

点赞数

分类专栏： Java 文章标签： vue.js java spring boot

本文链接：https://blog.csdn.net/kahuifu/article/details/126936546

版权

本文针对初级开发者，介绍了如何快速理解并修改Vue.js管理系统的代码，包括前端的Vuex应用，以及后端的Java Spring Boot逻辑。前端代码主要由index.vue和store的index.js组成，后端涉及Bean、Controller、Service、ServiceImpl和Mapper层。前后端交互通过请求和响应完成增删改查操作。

摘要由CSDN通过智能技术生成

前言

刚入职的且没有啥基础的小白一枚，培训期间要求一周时间内在现有demo系统上新增一个模块，实现简单的增删改查。
so，这是一个速成的帖子，提供一个大致思路（看代码＋修改代码）,不是正统的路子，所有的经验仅在公司扔给我的demo系统上摸索出来的~
后续自己会去系统的学习（补黑马的视频）~~

前端

前端代码使用到了vuex(为vue.js开发的状态管理模式）可以参考博客：

https://www.cnblogs.com/wangshucheng/p/vuex-001.html
https://www.cnblogs.com/dinghaoran/p/14212684.html
https://blog.csdn.net/guorui_java/article/details/122771767

主要是由index.vue和store文件夹下的index.js组成。

index.vue代码主要由三部分构成：template,script,style。

<template>
	//相当于html,写页面的组件（表单，表格等）
</template>

<script>
import el from ...
import store from ...

	//component全局组件
	//export default相当于导出当前vue组件，在其它引入当前组件时可以使用当前组件中的方法和变量。
	export default Vue.component({