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

导读:本篇文章讲解 Element & 8080端口被占用 & Failed to compile. & @RequestBody & < style scoped >,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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

参考:

在这里插入图片描述

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/118015.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!