Element & 8080端口被占用 & Failed to compile. & @RequestBody & ＜ style scoped ＞

Element官网：

Element
网址：https://element.eleme.cn/#/zh-CN/

layout 布局：

Form表单：

Card 卡片：

Container 布局容器：

NavMenu 导航菜单：

Table 表格：

MessageBox 弹框：

复制vue子项目文件粘贴到新的项目文件夹（组建新的项目）：

选中项目文件中的子级文件（除了“node_modules”），ctrl+c进行复制。

新建空项目文件夹0928_ElementUI_ssm_vue_KTLX，新建内部空文件夹web_front_0928，ctrl+v复制的文件粘贴到文件中。

将项目文件拖拽到vscode中打开：

点击“查看”—“终端”，输入命令" npm install "+“ 回车键 ”进行加载项目，生成“node_modules”文件。

加载项目：

运行项目：

将生成的项目链接地址复制到浏览器地址栏，回车：

注意：关于前后端分离项目，8080端口被占用的问题：

注意：运行前后端分离的项目时，应该先运行后端（占用8080端口），在运行前端（占用8080端口，如果8080端口被占用，将占用其他闲置的端口）。
故：运行前后端分离项目时，先运行后端，在运行前端。

后端效果：


前端效果：

参考：解决8080端口被占用问题—方便—>解决idea运行异常：8080端口被占用。

解决8080端口被占用问题https://blog.csdn.net/qq_43822489/article/details/124515596

Error:Failed to compile.

./src/main.js
Module not found: Error: Can’t resolve ‘element-ui’ in ‘D:\java-Vue-space\0928_ElementUI_ssm_vue_KTLX\web_front_0928\src’

解决：在项目“查看”—“终端”中输入：“ npm i element-ui -S ”安装整个的element-ui组件。

@RequestBody和@RequestParam的使用：

参考： @RequestBody和@RequestParam
https://blog.csdn.net/qq_30326609/article/details/112565223

< style scoped >中scope的作用：

参考：vue中style scoped属性的作用和原理以及scoped穿透
https://blog.csdn.net/xuehua_zhx/article/details/125563537

参考：