单体架构项目 后台管理系统 wan字长文 保姆及教学 Vue.js + Element UI 库 + node.js + axios + java +数据库 男女老少皆可使用(二)

简介: 单体架构项目 后台管理系统 wan字长文 保姆及教学 Vue.js + Element UI 库 + node.js + axios + java +数据库 男女老少皆可使用(二)

Maven 仓库



Maven中的仓库是用来存放maven构建的项目和各种依赖的(Jar包)


Maven的仓库分类


本地仓库: 位于自己计算机中的仓库, 用来存储从远程仓库或中央仓库下载的插件和 jar 包。

远程仓库: 需要联网才可以使用的仓库,阿里提供了一个免费的maven 远程仓库。

中央仓库: 在 maven 软件中内置一个远程仓库地址 http://repo1.maven.org/maven2 ,它是中央仓库,服务于整个互联网,它是由 Maven 团队自己维护,里面存储了非常全的 jar 包,它包含了世界上大部分流行的开源项目构件。


9.png


Maven 本地仓库的配置


maven仓库默认是在 C盘 .m2 目录下,我们不要将仓库放在C盘,所以这里要重新配置一下,这里提供了一个本地仓库,将 “repository.rar”解压至自己的电脑上,我解压在D:\software\repository目录下(注意最好放在没有中文及空格的目录下)


在maven安装目录中,进入 conf文件夹, 可以看到一个 settings.xml 文件中, 我们在这个文件中, 进行本地仓库的配置。


8.png


打开 settings.xml文件,进行如下配置如下

将D:\software\repository\repository拿出来,然后配置到本地仓库的位置。


7.png


配置阿里云远程仓库


Maven默认的远程仓库是在国外, 所以下载jar包时速度会非常慢, 这里推荐大家使用我大天朝的阿里云仓库


<mirror>
      <id>nexus-aliyun</id>
      <mirrorOf>central</mirrorOf>
      <name>Nexus aliyun</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public</url>
    </mirror>


6.png


创建Maven项目


IDEA中配置Maven

1.打开IDEA 创建一个新的project


3.png


2.起名为web_work


2.png


3.首先打开IDEA 选择File --> Settings --> 搜素maven,就会看到如下界面

这里指定本地Maven的安装目录 如果bin目录上一级不行的话,就直接写到/bin目录。


1.png


4.修改默认配置配置


e7cca07a90cc4de1a188785645c30e46.png


创建Maven工程


在IDEA中配置好maven后, 接下来我们使用maven去快速的去构建一个 JavaWeb项目


1.project创建好以后, 选择创建module


1890598716674b4db1b4c65d2849351c.png


2.选中创建一个 maven 工程


8594e2dd29e34dfba81d47376dd75658.png


3.点击 Next填写项目信息


7115adf3710740cf9600481160d324fd.png


4.创建好的工程,长这个样子


image.png


src/main/java —— 存放项目的.java 文件

src/main/resources —— 存放项目资源文件,如数据库的配置文件

src/test/java —— 存放所有单元测试.java 文件,如 JUnit 测试类

target —— 项目输出位置,编译后的class 文件会输出到此目录

pom.xml ——maven 项目核心配置文件


Maven工程改造


当前创建的maven项目是一个 普通的Java项目,不是web项目,我们要进行一下改造


1.当前创建的maven项目是一个 普通的Java项目,不是web项目,我们要进行一下改造


e21bbccf7f4544a88f96a32ef077b05b.png


2.选择 project Structure —> facets—> 点击+号 添加web —> 选择当前工程hello_maven


0ef3b304225747f2afa5e1611e6eec13.png


3.修改路径信息


修改前


1442332b9ba64897891a94382f7b19ab.png


4..修改为 我们的 webapp目录

51aa7f4ed5ee4d918fef286ed1711ea0.png


5.点击ok 后,项目就变为了web项目, 在webapp目录下再创建一个 index.jsp,就OK了


9a097b65441e405e9bed396c71c25910.png

相关文章
|
3天前
|
JavaScript
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
vue中使用 HotKeys.js 教程(按键响应、快捷键开发)
8 0
|
4天前
|
JavaScript
网页CAD(JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
```markdown # CAD网页编程概览 - 使用mxcad库,实现CAD操作如删除、复制、镜像、移动和旋转。 - `erase()`方法删除实体,`clone()`配合`transformBy()`用于复制和编辑。 - `mirror()`和`transformBy(setMirror)`执行镜像操作,基于参考线。 - `move()`和`transformBy(setToTranslation)`实现移动功能。 - `rotate()`和`transformBy(setToRotation)`进行旋转,支持角度输入。 ```
网页CAD(JS Vue 预览dwg)如何二次开发常用的CAD编辑功能
|
2天前
|
资源调度 JavaScript 前端开发
JavaScript进阶 - JavaScript库与框架简介
【7月更文挑战第5天】JavaScript库和框架构成了前端开发的核心,如jQuery简化DOM操作,Angular、React和Vue提供全面解决方案。选择时要明确需求,避免过度工程化和陡峭学习曲线。使用版本管理工具确保兼容性,持续学习以适应技术变化。示例展示了jQuery和React的简单应用。正确选择和使用这些工具,能提升开发效率并创造优秀Web应用。
|
3天前
|
JSON JavaScript 数据格式
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
vue 绘制波形图 wavesurfer.js (音频/视频) 【实用教程】
17 3
|
5天前
|
JavaScript 前端开发 容器
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
vue组件封装——固定宽高比的容器(2种方法:纯CSS实现 + JS实现)
9 2
|
5天前
|
JavaScript
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
vue 全局响应键盘按键/监听键盘事件(含 js 获取键盘keyCode值的方法)
10 2
|
5天前
|
运维 JavaScript 前端开发
前端 JS 经典:vue 开发中的 base 和 publicPath
前端 JS 经典:vue 开发中的 base 和 publicPath
12 1
|
5天前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
10 1
|
5天前
|
JavaScript
vue + d3.js(v6) 绘制【树状图/思维导图】可折叠/展开,可点击跳转,可带标签
vue + d3.js(v6) 绘制【树状图/思维导图】可折叠/展开,可点击跳转,可带标签
19 1
|
1天前
|
JavaScript API
若依没解构送post请求出现的bug,vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde
若依没解构送post请求出现的bug,vue.runtime.esm.js:620 [Vue warn]: Error in mounted hook: “TypeError: (0 , _inde