前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[maven-assembly-plugi...]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
转载文章
Maven , Maven是一款流行的Java项目管理与构建工具,它遵循约定优于配置的原则,提供了一套标准化的构建生命周期模型以及依赖管理和项目信息管理机制。在文章中,Maven用于帮助开发者自动化地处理项目的构建、依赖管理和打包等任务。 pom.xml , pom.xml是Maven项目的核心配置文件,全称为Project Object Model(项目对象模型)。在这个XML文件中,开发者定义了项目的基本信息(如groupId、artifactId和version)、构建过程中的依赖项、插件配置以及其他构建相关设置。文中提到需要在pom.xml中配置maven-dependency-plugin和maven-assembly-plugin以实现特定的构建目标。 maven-dependency-plugin , maven-dependency-plugin是Maven的一个官方插件,主要用于处理项目的依赖关系。在本文上下文中,通过配置该插件的copy-dependencies目标,可以在项目构建过程中将所有依赖复制到指定目录(例如$ project.build.directory /lib),便于项目运行时查找和加载这些依赖库。 maven-assembly-plugin , maven-assembly-plugin是另一个Maven官方插件,它的主要功能是创建包含项目主程序类及所有依赖项的归档文件,如jar包或zip包。在文章场景下,通过此插件可以生成一个包含所有依赖的“fat jar”(也称作uber jar或jar-with-dependencies),确保在没有外部依赖环境的情况下也能直接运行项目。同时,需在插件配置中指定应用的主类路径,以便于执行时定位启动类。
2023-06-13 10:21:11
138
转载
Maven
Maven Invalidlifecyclephase 解决方案 序号一:引言 作为一名开发人员,我们在项目管理中常常会遇到各种各样的问题。而其中最让人头疼的问题之一就是 Invalidlifecyclephase。这个错误提示呢,常常会在我们动手操作某些特定的Maven生命周期阶段时蹦出来。那么,当我们遇到这个错误时,我们应该如何解决呢?本文将从多个角度进行探讨。 序号二:什么是 Maven 生命周期阶段 在了解 Invalidlifecyclephase 的解决方案之前,我们需要先理解什么是Maven生命周期阶段。Maven生命周期阶段,就像是项目成长的一串“小目标”,这一系列有条不紊的任务集合,从头到尾精心规划了项目的孕育期(构建)、磨炼期(测试),再到打包成形的成熟期。每一个阶段都环环相扣,共同推动项目步步向前,最终华丽蜕变。其实,你想想看,就像我们过日子一样,每个生命阶段都像是一场游戏关卡,每关都有它特定的小目标和需要完成的动作。比如说,小孩阶段的目标可能是学会走路、说话,青少年时期可能就是好好学习、探索自我,而到了成年阶段,又会变成找工作、组建家庭这些行为任务。所以呢,甭管哪个阶段,都是由一系列特别定制的任务步骤组成的,各有各的重点和行动轨迹。 例如,在Maven的默认生命周期中,包含了以下几个阶段: - clean:清除所有被依赖和编译过的文件。 - initialize:初始化项目信息。 - compile:编译源代码。 - test:运行测试。 - package:创建可分发的软件包。 - install:将项目安装到本地仓库。 - deploy:将项目部署到远程仓库。 序号三:Invalidlifecyclephase 的原因 那么,为什么会出现 Invalidlifecyclephase 这个错误呢? 主要原因可能有以下几点: 1. 执行了不存在的生命周期阶段 如果我们在命令行中尝试执行一个并不存在的生命周期阶段,如 mvn invalidphase:do-something,就会抛出 Invalidlifecyclephase 错误。 2. 拼写错误或者大小写错误 如果我们在配置文件中指定了生命周期阶段的名称,并且拼写错误或大小写错误,也会导致 Invalidlifecyclephase 错误。 3. 不正确的生命周期顺序 如果你在生命周期配置中指定了不正确的顺序,也可能会导致这个问题。 4. Maven插件的问题 某些Maven插件可能会引发此问题,特别是那些不符合Maven规范的插件。 序号四:解决 Invalidlifecyclephase 的方法 知道了问题的原因之后,我们就可以采取相应的措施来解决问题了。 1. 确认生命周期阶段是否正确 首先,你需要确认你正在尝试执行的是一个有效的生命周期阶段。你可以在Maven的官方文档中查找所有的生命周期阶段及其对应的步骤。 2. 检查生命周期阶段的拼写和大小写 如果你在配置文件中指定了生命周期阶段的名称,并且拼写错误或大小写错误,你需要修正这些问题。 3. 确保生命周期顺序正确 在Maven的生命周期配置中,有一些阶段是必须按照特定的顺序执行的。你需要确保你的配置符合这些规则。 4. 检查Maven插件 如果你使用了某些Maven插件,并且发现它们引发了 Invalidlifecyclephase 错误,你可以尝试更新或禁用这些插件。 序号五:代码示例 下面是一个简单的Maven项目配置文件(pom.xml),其中包含了一些常见的生命周期阶段。 xml 4.0.0 com.example maven-lifecycle-example 1.0-SNAPSHOT org.apache.maven.plugins maven-clean-plugin 3.1.0 default-clean clean org.apache.maven.plugins maven-compiler-plugin 3.8.1 default-compile compile org.apache.maven.plugins maven-resources-plugin 3.1.0 default-resources resources org.apache.maven.plugins maven-test-plugin 3.1.0 default-test test org.apache.maven.plugins maven-package-plugin 3.1.0 default-package package org.apache.maven.plugins maven-install-plugin 3.0.0-M1 default-install install org.apache.maven.plugins maven-deploy-plugin 3.0.0-M1 default-deploy deploy 在这个例子中,我们定义了一系列的生命周期阶段,并为每一个阶段指定了具体的插件和目标。 序号六:总结 通过本文的学习,你应该对 Invalidlifecyclephase 有了更深入的理解。记住了啊,只要你严格按照Maven的那些最佳操作步骤来,并且仔仔细细地审查了你的配置设定,这个错误就能被你轻松躲过去。希望你在未来的开发工作中能够顺利地使用Maven!
2023-05-18 13:56:53
155
凌波微步_t
Maven
...译代码等。这个时候,Maven这个强大的构建工具就派上用场了。用Maven这个工具,你就能把那些枯燥乏味的重复性任务打包成一个你自己定制的目标或者任务,然后在命令行里轻轻一点,就能直接让它运行起来啦!这样不仅可以节省你的工作时间,还可以使你的工作流程更加高效。 二、什么是Maven任务和目标? 在Maven中,任务(Task)是Maven生命周期的一部分,而目标(Goal)是Maven生命周期中的一个步骤。简而言之,任务就像是你手头上的一系列小目标,而这些目标呢,就像是在用Maven构建东西的时候,你需要逐个完成的那些小步骤。 三、如何在Maven项目中添加自定义的任务或目标? 要在Maven项目中添加自定义的任务或目标,你需要做两件事: 第一步:创建一个新的Maven插件。你完全可以到源码库溜达一圈,找个现成的Maven插件下载下来,然后按照你的需求对它进行“魔改”,让它更贴合你的工作场景。或者,你也可以创建一个全新的Maven插件。 第二步:在你的项目的pom.xml文件中添加对新插件的依赖。 下面,我们将通过一个具体的例子来演示如何创建一个简单的Maven插件并将其添加到我们的Maven项目中。 四、实例 首先,我们需要创建一个新的Maven插件。以下是一个简单的插件的例子: java package com.example.myplugin; import org.apache.maven.plugin.AbstractMojo; import org.apache.maven.plugin.MojoExecutionException; import org.apache.maven.plugins.annotations.LifecyclePhase; import org.apache.maven.plugins.annotations.Mojo; import org.apache.maven.plugins.annotations.Parameter; @Mojo(name = "sayHello", defaultPhase = LifecyclePhase.INITIALIZE) public class HelloWorldMojo extends AbstractMojo { @Parameter(property = "name", defaultValue = "World") private String name; public void execute() throws MojoExecutionException { getLog().info("Hello, " + name); } } 在这个例子中,我们创建了一个名为“sayHello”的Maven插件,它会在Maven构建的初始化阶段打印出一条信息。 接下来,我们需要在我们的Maven项目中添加对这个新插件的依赖。在项目的pom.xml文件中,添加以下代码: xml com.example myplugin 1.0-SNAPSHOT 这将会把我们的新插件添加到我们的项目中。 最后,我们可以通过在命令行中运行mvn sayHello -Dname=YourName来调用我们的新插件。这将会打印出"Hello, YourName"的信息。 五、总结 通过上面的示例,你应该已经了解了如何在Maven项目中添加自定义的任务或目标。自己动手创建个Maven插件,就能让你的工作活脱脱地实现自动化,这样一来,手动操作的时间嗖嗖地就省下来啦!另外,Maven真正牛的地方就是它的超强可扩展性,这意味着你完全可以按照自己的需求,随心所欲地打造出五花八门的Maven插件,就像DIY一样自由灵活。
2023-04-26 12:59:41
159
柳暗花明又一村-t
Maven
如何使用Maven的archetype插件创建新的项目模板? 在Java开发领域,Apache Maven作为一款强大的构建工具,以其标准化的构建流程和依赖管理能力深受开发者喜爱。在众多给力的功能里头,Maven archetype插件可真是个神器,它能帮我们嗖嗖地生成项目模板,工作效率那可是蹭蹭地往上涨啊!嘿,伙计们,这篇内容将手把手地带你们畅游在Maven archetype的神奇天地中,用超级详细的步骤和鲜活的实例代码,教大家如何巧妙地运用这个工具去搭建一个崭新的项目模板,让你彻底玩转这个领域! 1. 理解Maven Archetype 首先,让我们对Maven archetype有个基本的认识。Maven archetype可以理解为一种项目模板,它预先定义了一组特定项目的目录结构和基本文件配置。当我们要捣鼓新项目的时候,完全可以省去从零开始的繁琐步骤,直接拿这些现成的模板来用就OK啦!这样一来,不仅能够告别枯燥无味的手动创建过程,还能让咱们的项目启动变得超级轻松快捷,效率嗖嗖地往上涨! 2. 安装与配置Maven环境 在开始使用archetype插件前,请确保你的系统已安装并配置好Maven环境。这里假设你已经完成了这一基础工作,接下来就可以直接进入实战环节了。 3. 使用archetype:generate命令创建项目模板 3.1 初始化一个新的Maven项目模板 打开命令行界面,输入以下命令: shell mvn archetype:generate \ -DarchetypeGroupId=org.apache.maven.archetypes \ -DarchetypeArtifactId=maven-archetype-quickstart \ -DarchetypeVersion=1.4 \ -DgroupId=com.example \ -DartifactId=my-new-project \ -Dversion=1.0-SNAPSHOT 上述命令的作用是使用Maven内置的maven-archetype-quickstart模板创建一个新项目。其中: - -DarchetypeGroupId,-DarchetypeArtifactId和-DarchetypeVersion分别指定了要使用的模板的Group ID,Artifact ID和版本。 - -DgroupId,-DartifactId和-Dversion则是用于定义新项目的基本信息。 执行完该命令后,Maven会提示你确认一些参数,并在指定目录下生成新的项目结构。 3.2 创建自定义的archetype项目模板 当然,你也可以创建自己的项目模板,供后续多次复用。首先,咱先来新建一个普普通通的Maven项目,接着就可以按照你的小心思,尽情地设计和调整目录结构,别忘了把初始文件内容也填充得妥妥当当的哈。接着,在pom.xml中添加archetype相关的配置: xml 4.0.0 com.example my-custom-archetype 1.0-SNAPSHOT maven-archetype org.apache.maven.archetype archetype-packaging 3.2.0 org.apache.maven.plugins maven-archetype-plugin 3.2.0 generate-resources generate-resources 最后,通过mvn clean install命令打包并发布到本地仓库,这样就创建了一个自定义的archetype模板。 3.3 使用自定义的archetype创建新项目 有了自定义的archetype模板后,创建新项目的方式同上,只需替换相关参数即可: shell mvn archetype:generate \ -DarchetypeGroupId=com.example \ -DarchetypeArtifactId=my-custom-archetype \ -DarchetypeVersion=1.0-SNAPSHOT \ -DgroupId=com.new.example \ -DartifactId=my-new-project-from-custom-template \ -Dversion=1.0-SNAPSHOT 在这个过程中,我深感Maven archetype的强大之处,它就像一位贴心助手,帮我们在繁杂的项目初始化工作中解脱出来,专注于更重要的业务逻辑开发。而且,我们能够通过定制自己的archetype,把团队里那些最牛掰的工作模式给固定下来,这样一来,不仅能让整个团队的开发速度嗖嗖提升,还能让大伙儿干活儿时更有默契,一致性蹭蹭上涨,就像乐队排练久了,配合起来那叫一个天衣无缝! 总结一下,Maven archetype插件为我们提供了一种快速创建项目模板的机制,无论是内置的模板还是自定义模板,都能极大地简化项目创建流程。只要我们把这个工具玩得溜溜的,再灵活巧妙地运用起来,就能在Java开发这条路上走得更顺溜,轻松应对各种挑战,简直如有神助。所以,不妨现在就动手试试吧,感受一下Maven archetype带来的便利与高效!
2024-03-20 10:55:20
109
断桥残雪
Maven
Maven与npm的跨平台部署:一次愉快的技术探索 在这个快节奏的技术世界里,我们常常需要在不同的平台上运行我们的应用。不管是开发时还是上线后,我们都得有个靠谱又高效的办法来搞定那些依赖和构建步骤,不然这活儿干起来可就头疼了。嘿,今天咱们来聊聊两个超级好用的工具——Maven和npm。有了它们,我们就能在各种平台上轻松部署项目啦! 1. 为什么我们需要讨论Maven和npm? 首先,让我们来聊聊为什么选择这两个工具作为讨论对象。Maven是Java世界的构建工具,而npm则是Node.js项目的包管理和构建工具。这两家伙虽然守护的生态圈不一样,但都是管理项目依赖和自动构建流程的高手,干活儿麻利得很!更重要的是,它们都在跨平台部署方面有着出色的表现。用这两种工具的优点结合起来看,我们就更能掌握怎么在各种平台上好好管个项目了。这么说吧,就像是把两个厉害的工具合并成一个超级工具,让你干活儿更顺手! 2. Maven入门 构建Java世界的桥梁 Maven是一个强大的构建工具,它通过一个名为pom.xml的文件来管理项目的配置和依赖关系。这个文件就像是Java项目的“大脑”,控制着整个构建过程。让我们先来看看一个简单的pom.xml示例: xml xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> 4.0.0 com.example my-app 1.0-SNAPSHOT junit junit 4.12 test org.apache.maven.plugins maven-compiler-plugin 3.8.1 1.8 1.8 在这个例子中,我们定义了一个简单的Java项目,它依赖于JUnit,并且指定了编译器版本为Java 8。这样一来,不管是你在自己的电脑上搞开发,还是把东西搬到服务器上去跑,我们都能确保整个项目稳稳当当,每次都能得到一样的结果。 3. npm之旅 Node.js的魔法盒 与Maven类似,npm(Node Package Manager)是Node.js生态系统中的一个核心组件,它负责管理JavaScript库和模块。npm通过package.json文件来记录项目的依赖和配置信息。下面是一个基本的package.json示例: json { "name": "my-app", "version": "1.0.0", "description": "A simple Node.js application", "main": "index.js", "scripts": { "start": "node index.js" }, "author": "Your Name", "license": "ISC", "dependencies": { "express": "^4.17.1" } } 在这个例子中,我们创建了一个使用Express框架的简单Node.js应用。用npm,我们就能超级方便地装和管这些依赖,让项目的维护变得简单多了。 4. 跨平台部署的挑战与解决方案 尽管Maven和npm各自在其领域内表现出色,但在跨平台部署时,我们仍然会遇到一些挑战。例如,不同操作系统之间的差异可能会导致构建失败。为了应对这些问题,我们可以采取以下几种策略: - 标准化构建环境:确保所有开发和生产环境都使用相同的工具版本和配置。 - 容器化技术:利用Docker等容器技术来封装整个应用及其依赖,从而实现真正的跨平台一致性。 - 持续集成/持续部署(CI/CD):通过Jenkins、GitLab CI等工具实现自动化的构建和部署流程,减少人为错误。 5. 结语 拥抱变化,享受技术带来的乐趣 在这次旅程中,我们不仅了解了Maven和npm的基本概念和使用方法,还探讨了如何利用它们进行跨平台部署。技术这东西啊,变化莫测,但只要你保持好奇心,愿意不断学习,就能一步步往前走,还能从中找到不少乐子呢!不管是搞Java的小伙伴还是喜欢Node.js的朋友,都能用上这些给力的工具,让你的项目管理技能更上一层楼!希望这篇分享能够激发你对技术的好奇心,让我们一起在编程的海洋中畅游吧! --- 通过这样的结构和内容安排,我们不仅介绍了Maven和npm的基本知识,还穿插了个人思考和实际操作的例子,力求让文章更加生动有趣。希望这样的方式能让你感受到技术背后的温度和乐趣!
2024-12-07 16:20:37
30
青春印记
Maven
为什么maven命令行指定execution-id不生效? 作为Java开发者,我们经常会遇到各种各样的问题。今天我想跟大家分享的是一个关于Maven的问题——为什么我们在命令行指定execution-id时,它的效果并不如预期呢? 什么是Maven? Maven是一个强大的构建工具,它可以帮助我们自动化构建、测试和部署我们的Java应用程序。它是基于Apache Ant和Apache Ivy构建的,提供了一个简单的方式来管理项目的构建和依赖关系。 execution-id是什么? 在Maven的POM文件中,我们可以定义多个build元素,每个build元素都可以包含一个或多个execution元素。execution元素是用来定义构建生命周期的一部分的。每个execution元素都有一个唯一的ID,这个ID叫做execution-id。 当我们运行Maven命令时,Maven会根据我们指定的execution-id来执行相应的构建步骤。比如,如果我们只想单独跑打包这一步骤,那么我们可以在命令行里头敲入-Dexecutions=clean package这个指令来实现。 为什么execution-id不起作用? 让我们来看一个例子: xml org.apache.maven.plugins maven-compiler-plugin default-compile compile test-compile test-compile 在这个例子中,我们定义了两个execution元素,它们分别对应编译和测试阶段。如果我们只想运行测试阶段,我们应该在命令行中指定-Dexecutions=test-compile。不过实际上,你要是执行了mvn test命令,Maven这家伙可不会单干测试这一项,它会一股脑儿把编译和测试两个步骤一起完成。 这是为什么呢?这是因为Maven默认只会执行第一个execution元素,而不管我们有没有指定execution-id。如果我们想要运行某个特定的execution任务,就得在命令行里头把那个完整的execution元素的XML串给指定出来。说白了,就是得把那个包含所有详细设置的execution XML代码段,原原本本地塞到命令行里面去执行它。 如何解决问题? 要解决这个问题,我们需要修改我们的execution元素,使其具有唯一的id属性,并在命令行中指定整个execution元素的XML字符串。例如: xml org.apache.maven.plugins maven-compiler-plugin default-compile compile test-compile test-compile 然后在命令行中,我们应该这样运行Maven命令: bash mvn -Dexecutions='[org.apache.maven.plugins:maven-compiler-plugin:test-compile]' test 这样,Maven就会只运行test-compile阶段,而不是同时运行编译和测试阶段了。 总结 总的来说,Maven的execution-id是一个很有用的功能,它可以帮助我们更灵活地控制构建流程。但是,如果我们不正确地使用它,就可能导致一些意想不到的结果。所以,伙计们,在使用这个“execution-id”的时候,咱们真得打起十二分精神,确保我们的每一步设置都准确无误,可别马虎大意了!
2023-12-11 19:41:15
107
月影清风_t
Maven
...。那么,我们如何通过Maven来解决这个问题呢?接下来,我将分享一些策略。 二、问题概述 首先,我们需要理解什么是jar hell。简单来说,就像我们在做一个大项目时,会用到很多小工具或者组件(这些我们称之为依赖项目)。这些小工具和组件之间呢,有时候会存在“你离不开我、我离不开你”的关系。这时候,如果我们处理不当,就可能掉进一个叫“jar hell”的坑里。比如,想象一下A项目是个大厨,它需要B项目的香料来完成一道菜。而这个B项目呢,又得依赖C项目的特殊调料才能提供给A大厨。现在,如果A大厨手里的香料版本——也就是B项目的版本,和C项目的调料版本对不上号,那就相当于做菜的时候发现调料出了岔子,这就像是掉进了“jar hell”这个调味料混乱的困境里了。 三、Maven的基本原理 了解了jar hell的问题后,我们来看看Maven是如何帮助我们解决这个问题的。Maven是一种强大的构建工具,它可以自动处理依赖关系,确保所有项目都能正确地构建和运行。它的工作原理是,当我们创建一个新的Maven项目时,它会自动生成一个pom.xml文件,这个文件包含了项目的元数据信息,包括项目的名称、版本、依赖等。 四、Maven的依赖管理 在Maven中,我们可以通过dependency标签来定义项目的依赖关系。例如: xml org.apache.maven.plugins maven-compiler-plugin 3.8.1 在这个例子中,我们定义了一个对maven-compiler-plugin库的依赖,它的groupId为org.apache.maven.plugins,artifactId为maven-compiler-plugin,version为3.8.1。 五、解决Jar Hell问题的策略 有了Maven的依赖管理功能,我们就可以轻松地解决jar hell的问题。具体来说,我们可以采用以下几种策略: 1. 明确依赖关系 在pom.xml文件中,我们应该清晰地定义所有的依赖关系,避免重复或者遗漏。 2. 使用固定版本 对于稳定的库,我们应该尽可能使用固定的版本,避免因为版本更新而导致的冲突。 3. 使用范围限定 对于只在测试或者提供阶段使用的库,我们可以使用scope属性来限定它们的作用范围,这样就不会影响到生产环境。 六、总结 总的来说,通过使用Maven的依赖管理功能,我们可以有效地解决jar hell的问题。当我们手把手编写pom.xml这个配置文件的时候,只要把各个依赖关系理得明明白白的,像搭积木一样把库的版本和作用范围巧妙地搭配好,就能让咱的项目稳如磐石,坚若长城,妥妥地提升项目的稳定性和可靠性。希望这篇文章能对你有所帮助!
2023-11-01 23:45:20
378
昨夜星辰昨夜风-t
Gradle
...ring-boot-maven-plugin 或 maven-surefire-plugin 等,实现跨环境的部署一致性。 3. 一键部署:利用 CI/CD 工具的部署功能,实现从构建到部署的无缝衔接,提升部署效率和可靠性。 四、未来趋势与展望 随着微服务架构、云原生应用的兴起,Gradle 的角色和应用范围正在不断扩大。未来,开发者将面临更多复杂性和变化,对构建工具的要求也将更加多元化。因此,持续学习和适应新的技术和实践,对于保持项目的竞争力至关重要。 结语 在复杂项目中高效利用 Gradle 进行构建与管理,不仅要求开发者具备深厚的技术功底,还需要灵活运用最佳实践和工具,不断优化构建流程。通过上述策略的实施,不仅能够提升项目的构建效率和稳定性,还能促进团队协作,加速产品的迭代和交付,最终推动业务目标的实现。
2024-07-29 16:10:49
497
冬日暖阳
Maven
Maven 101:从新手到高手的进阶之路 在软件开发领域,Maven已成为构建自动化、依赖管理、生命周期管理等任务的首选工具之一。随着技术的不断发展,Maven的功能也在持续进化,从简单的项目构建工具逐渐发展成为更加全面的开发辅助平台。本文旨在为Maven的新手提供一份从入门到精通的进阶指南,帮助开发者掌握Maven的核心概念、最佳实践以及高级用法,从而在项目开发中发挥更大的效能。 一、Maven的基础概念与安装 首先,了解Maven的基本工作原理对于任何开发者来说都是至关重要的。Maven的核心概念包括项目、依赖、生命周期、插件等。项目结构通常遵循POM(Project Object Model)模式,通过pom.xml文件定义项目依赖、构建目标、配置等信息。为了开始使用Maven,你需要下载并安装Maven软件,通常可以通过官方网站下载最新版本的Maven,并将其添加到系统的PATH环境变量中,以便通过命令行进行操作。 二、项目构建与依赖管理 Maven的构建过程分为多个阶段,包括清理、编译、测试、打包、部署等,通过配置pom.xml文件中的生命周期(profiles),开发者可以定制构建流程以适应不同的开发需求。依赖管理是Maven的一大亮点,通过定义依赖范围(如compile、test、provided、runtime等),Maven能够智能地管理项目间的依赖关系,避免重复依赖和版本冲突。此外,Maven Central仓库提供了丰富的开源组件,通过标签轻松引入所需的库。 三、高级用法与最佳实践 随着项目规模的增长,合理组织项目结构、高效管理依赖、优化构建性能成为提高开发效率的关键。利用Maven的特性,开发者可以创建自定义的构建脚本、生命周期、插件,实现个性化的构建流程。例如,使用maven-antrun-plugin执行外部脚本,使用maven-source-plugin生成源码文档等。同时,遵循一些最佳实践,如保持pom.xml文件简洁、使用版本控制工具管理项目依赖、定期清理和整理构建记录,可以显著提升开发效率和项目的可维护性。 四、未来趋势与展望 展望未来,Maven将继续在自动化构建、依赖管理、多模块项目支持等方面进行创新,以满足日益增长的软件开发需求。随着DevOps文化的普及,Maven有望与持续集成/持续部署(CI/CD)工具更紧密地集成,实现自动化测试、构建、部署的无缝衔接。此外,随着微服务架构的兴起,Maven将发挥更大的作用,通过支持多模块项目,促进模块化开发和团队协作。 结语 从基础概念到高级用法,Maven为开发者提供了全方位的支持,使其在项目构建、依赖管理、自动化测试等方面具备强大的能力。通过不断学习和实践,开发者能够充分利用Maven的优势,提升项目开发效率,应对复杂的软件工程挑战。随着技术的发展,Maven的未来充满无限可能,期待更多开发者在这一领域探索创新,共同推动软件开发的进步。
2024-08-09 16:06:13
93
初心未变
SpringBoot
...oot在IDEA中的Maven打包那些事儿 你好,各位开发者朋友!今天,我们一起来探讨一个日常开发中常见的问题——如何在IntelliJ IDEA中使用Maven对SpringBoot项目进行正确的打包。在这个过程中,咱们会手把手地通过一些实实在在的实例代码和实战操作,再加点咱们“凡人”式的思考方式,让这个技术话题变得鲜活有趣起来,就像给它注入了生命力一样。 1. 引言 为什么我们需要打包? 在开发SpringBoot应用时,完成编码与测试后,为了将其部署到服务器或者发布为可执行的jar或war文件,我们就需要用到Maven进行打包。这一步真的超级关键,它可是直接关系到咱们的应用程序能否在目标环境里头既准确又溜溜地跑起来! 2. 准备工作 配置SpringBoot Maven插件 首先,让我们打开你的pom.xml文件,确保已包含SpringBoot Maven插件的配置。如下所示: xml org.springframework.boot spring-boot-maven-plugin 这个插件是SpringBoot项目的标配,它能帮我们构建可执行的jar(或war)文件,并包含了内嵌的Tomcat服务器等运行环境信息。 3. 打包实战 生成可执行的Jar (1)在IDEA中右键点击项目 -> Maven -> Packages -> Package,或者直接在命令行中执行mvn package命令,Maven将会自动为我们构建项目并生成打包文件。 (2)查看target目录,你应该能看到一个名为your-project-0.0.1-SNAPSHOT.jar的文件,这就是Maven为你生成的可执行jar包。你可以通过java -jar your-project-0.0.1-SNAPSHOT.jar命令启动你的SpringBoot应用。 小贴士: 如果你想定制打包后的jar名字,可以在标签内添加finalName属性: xml customized-name 4. 深入理解 SpringBoot的Fat Jar SpringBoot的打包方式独特之处在于其支持Fat Jar(胖 jar)。这就意味着所有的相关小帮手(依赖库)都会被塞进同一个“大包裹”(jar文件)里,这样一来,应用程序就能自个儿独立跑起来,完全不需要你再额外费心去设置什么类路径了。这是通过SpringBoot Maven插件实现的。 xml ZIP 5. 遇到的问题与解决方案 5.1 Main-Class找不到? 有时候,即使你按照上述步骤打包了,但在运行jar时可能会遇到"Could not find or load main class"的问题。这是因为Maven没有正确识别到主类。 解决办法是在pom.xml中显式指定主类: xml org.springframework.boot spring-boot-maven-plugin com.yourcompany.yourproject.YourMainApplicationClass 5.2 运行时依赖缺失? 如果你发现有些依赖在运行时无法加载,检查一下是否将它们声明为了provided或test范围。这两种类型的依赖在打包时不会被包含进来。你需要根据实际情况调整依赖范围。 好了,以上就是在IDEA中使用Maven对SpringBoot项目进行打包的一些基本操作和常见问题处理。希望这篇文章能帮你解决实际开发中的疑惑,也欢迎你在打包过程中产生更多的思考和探索。毕竟,编程的魅力就在于不断尝试、不断解决问题的过程,不是吗?让我们一起在Java世界里愉快地“打包旅行”吧!
2023-02-09 19:33:58
67
飞鸟与鱼_
转载文章
...h/current/plugins-inputs-jdbc.html 配置输入数据源和输出数据源。 input {stdin {} jdbc {jdbc_connection_string => "jdbc:mysql://localhost:3306/xc_course?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTC" 数据库信息jdbc_user => "root"jdbc_password => "123123" MYSQL 驱动地址,修改为maven仓库对应的位置jdbc_driver_library => "D:/soft/apache-maven-3.5.4/repository/mysql/mysql-connector-java/5.1.40/mysql-connector-java-5.1.40.jar" the name of the driver class for mysqljdbc_driver_class => "com.mysql.jdbc.Driver"jdbc_paging_enabled => "true"jdbc_page_size => "50000"要执行的sql文件statement_filepath => "/conf/course.sql"statement => "select from teachplan_media_pub where timestamp > date_add(:sql_last_value,INTERVAL 8 HOUR)"定时配置schedule => " "record_last_run => truelast_run_metadata_path => "D:/soft/elasticsearch/logstash-6.8.8/config/xc_course_media_metadata"} } output {elasticsearch {ES的ip地址和端口hosts => "localhost:9200"hosts => ["localhost:9200","localhost:9202","localhost:9203"]ES索引库名称index => "xc_course_media"document_id => "%{teachplan_id}"document_type => "doc"template => "D:/soft/elasticsearch/logstash-6.8.8/config/xc_course_media_template.json"template_name =>"xc_course_media"template_overwrite =>"true"} stdout {日志输出codec => json_lines} } 启动 logstash.bat 启动 logstash.bat 采集 teachplan_media_pub 中的数据,向 ES 写入索引。 logstash.bat -f ../config/mysql_course_media.conf 课程发布成功后,Logstash 会自动参加 teachplan_media_pub 表中新增的数据,效果如下 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ILPBxfXi-1595567273134)(https://qnoss.codeyee.com/20200704_15/image10)] Logstash多实例运行 由于之前我们还启动了一个 Logstash 对课程的发布信息进行采集,所以如果想两个 logstash 实例同时运行,因为每个实例都有一个.lock文件,所以不能使用同一个目录来存放数据,所以我们需要使用 --path.data= 为每个实例指定单独的数据目录,具体的代码如下: 该配置是在windows下进行的 课程发布实例 logstash_start_course_pub.bat @title logstash in course_publogstash.bat -f ..\config\mysql.conf --path.data=../data/course_pub 课程计划媒体发布实例 logstash_start_teachplan_media.bat @title logstash i n teachplan_media_publogstash.bat -f ../config/mysql_course_media.conf --path.data=../data/teachplan_media/ 同时运行效果如下 0x04 搜素服务:查询课程媒资接口 需求分析 搜索服务 提供查询课程媒资接口,此接口供学习服务调用。 Api接口定义 @ApiOperation("根据课程计划查询媒资信息")public TeachplanMediaPub getmedia(String teachplanId); Service 1、配置课程计划媒资索引库等信息 在 application.yml 中配置 xuecheng:elasticsearch:hostlist: ${eshostlist:127.0.0.1:9200} 多个结点中间用逗号分隔course:index: xc_coursetype: docsource_field: id,name,grade,mt,st,charge,valid,pic,qq,price,price_old,status,studymodel,teachmode,expires,pub_time,start_time,end_timemedia:index: xc_course_mediatype: docsource_field: courseid,media_id,media_url,teachplan_id,media_fileoriginalname 2、service 方法开发 在 课程搜索服务 中定义课程媒资查询接口,为了适应后续需求,service 参数定义为数组,可一次查询多个课程计划的媒资信息。 / 根据一个或者多个课程计划id查询媒资信息 @param teachplanIds 课程id @return QueryResponseResult/public QueryResponseResult<TeachplanMediaPub> getmedia(String [] teachplanIds){//设置索引SearchRequest searchRequest = new SearchRequest(media_index);//设置类型searchRequest.types(media_type);//创建搜索源对象SearchSourceBuilder searchSourceBuilder = new SearchSourceBuilder();//源字段过滤String[] media_index_arr = media_field.split(",");searchSourceBuilder.fetchSource(media_index_arr, new String[]{});//查询条件,根据课程计划id查询(可以传入多个课程计划id)searchSourceBuilder.query(QueryBuilders.termsQuery("teachplan_id", teachplanIds));searchRequest.source(searchSourceBuilder);SearchResponse searchResponse = null;try {searchResponse = restHighLevelClient.search(searchRequest);} catch (IOException e) {e.printStackTrace();}//获取结果SearchHits hits = searchResponse.getHits();long totalHits = hits.getTotalHits();SearchHit[] searchHits = hits.getHits();//数据列表List<TeachplanMediaPub> teachplanMediaPubList = new ArrayList<>();for(SearchHit hit:searchHits){TeachplanMediaPub teachplanMediaPub =new TeachplanMediaPub();Map<String, Object> sourceAsMap = hit.getSourceAsMap();//取出课程计划媒资信息String courseid = (String) sourceAsMap.get("courseid");String media_id = (String) sourceAsMap.get("media_id");String media_url = (String) sourceAsMap.get("media_url");String teachplan_id = (String) sourceAsMap.get("teachplan_id");String media_fileoriginalname = (String) sourceAsMap.get("media_fileoriginalname");teachplanMediaPub.setCourseId(courseid);teachplanMediaPub.setMediaUrl(media_url);teachplanMediaPub.setMediaFileOriginalName(media_fileoriginalname);teachplanMediaPub.setMediaId(media_id);teachplanMediaPub.setTeachplanId(teachplan_id);//将对象加入到列表中teachplanMediaPubList.add(teachplanMediaPub);}//构建返回课程媒资信息对象QueryResult<TeachplanMediaPub> queryResult = new QueryResult<>();queryResult.setList(teachplanMediaPubList);queryResult.setTotal(totalHits);return new QueryResponseResult<TeachplanMediaPub>(CommonCode.SUCCESS,queryResult);} Controller / 根据课程计划id搜索发布后的媒资信息 @param teachplanId @return/@GetMapping(value="/getmedia/{teachplanId}")@Overridepublic TeachplanMediaPub getmedia(@PathVariable("teachplanId") String teachplanId) {//为了service的拓展性,所以我们service接收的是数组作为参数,以便后续开发查询多个ID的接口String[] teachplanIds = new String[]{teachplanId};//通过service查询ES获取课程媒资信息QueryResponseResult<TeachplanMediaPub> mediaPubQueryResponseResult = esCourseService.getmedia(teachplanIds);QueryResult<TeachplanMediaPub> queryResult = mediaPubQueryResponseResult.getQueryResult();if(queryResult!=null&& queryResult.getList()!=null&& queryResult.getList().size()>0){//返回课程计划对应课程媒资return queryResult.getList().get(0);} return new TeachplanMediaPub();} 测试 使用 swagger-ui 和 postman 测试课程媒资查询接口。 三、在线学习:接口开发 0x01 需求分析 根据下边的业务流程,本章节完成前端学习页面请求学习服务获取课程视频地址,并自动播放视频。 0x02 搭建开发环境 1、创建数据库 创建 xc_learning 数据库,学习数据库将记录学生的选课信息、学习信息。 导入:资料/xc_learning.sql 2、创建学习服务工程 参考课程管理服务工程结构,创建学习服务工程: 导入:资料/xc-service-learning.zip 项目工程结构如下 0x03 Api接口 此 api 接口是课程学习页面请求学习服务获取课程学习地址。 定义返回值类型: package com.xuecheng.framework.domain.learning.response;import com.xuecheng.framework.model.response.ResponseResult;import com.xuecheng.framework.model.response.ResultCode;import lombok.Data;import lombok.NoArgsConstructor;import lombok.ToString;@Data@ToString@NoArgsConstructorpublic class GetMediaResult extends ResponseResult {public GetMediaResult(ResultCode resultCode, String fileUrl) {super(resultCode);this.fileUrl = fileUrl;}//媒资文件播放地址private String fileUrl;} 定义接口,学习服务根据传入课程 ID、章节 Id(课程计划 ID)来取学习地址。 @Api(value = "录播课程学习管理",description = "录播课程学习管理")public interface CourseLearningControllerApi {@ApiOperation("获取课程学习地址")public GetMediaResult getMediaPlayUrl(String courseId,String teachplanId);} 0x04 服务端开发 需求分析 学习服务根据传入课程ID、章节Id(课程计划ID)请求搜索服务获取学习地址。 搜索服务注册Eureka 学习服务要调用搜索服务查询课程媒资信息,所以需要将搜索服务注册到 eureka 中。 1、查看服务名称是否为 xc-service-search 注意修改application.xml中的服务名称:spring:application:name: xc‐service‐search 2、配置搜索服务的配置文件 application.yml,加入 Eureka 配置 如下: eureka:client:registerWithEureka: true 服务注册开关fetchRegistry: true 服务发现开关serviceUrl: Eureka客户端与Eureka服务端进行交互的地址,多个中间用逗号分隔defaultZone: ${EUREKA_SERVER:http://localhost:50101/eureka/,http://localhost:50102/eureka/}instance:prefer-ip-address: true 将自己的ip地址注册到Eureka服务中ip-address: ${IP_ADDRESS:127.0.0.1}instance-id: ${spring.application.name}:${server.port} 指定实例idribbon:MaxAutoRetries: 2 最大重试次数,当Eureka中可以找到服务,但是服务连不上时将会重试,如果eureka中找不到服务则直接走断路器MaxAutoRetriesNextServer: 3 切换实例的重试次数OkToRetryOnAllOperations: false 对所有操作请求都进行重试,如果是get则可以,如果是post,put等操作没有实现幂等的情况下是很危险的,所以设置为falseConnectTimeout: 5000 请求连接的超时时间ReadTimeout: 6000 请求处理的超时时间 3、添加 eureka 依赖 <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring‐cloud‐starter‐netflix‐eureka‐client</artifactId></dependency> 4、修改启动类,在class上添加如下注解: @EnableDiscoveryClient 搜索服务客户端 在 学习服务 创建搜索服务的客户端接口,此接口会生成代理对象,调用搜索服务: package com.xuecheng.learning.client;import com.xuecheng.framework.domain.course.TeachplanMediaPub;import org.springframework.cloud.openfeign.FeignClient;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PathVariable;@FeignClient(value = "xc‐service‐search")public interface CourseSearchClient {@GetMapping(value="/getmedia/{teachplanId}")public TeachplanMediaPub getmedia(@PathVariable("teachplanId") String teachplanId);} 自定义错误代码 我们在 com.xuecheng.framework.domain.learning.response 包下自定义一个错误消息模型 package com.xuecheng.framework.domain.learning.response;import com.xuecheng.framework.model.response.ResultCode;import lombok.ToString;@ToStringpublic enum LearningCode implements ResultCode {LEARNING_GET_MEDIA_ERROR(false,23001,"学习中心获取媒资信息错误!");//操作代码boolean success;//操作代码int code;//提示信息String message;private LearningCode(boolean success, int code, String message){this.success = success;this.code = code;this.message = message;}@Overridepublic boolean success() {return success;}@Overridepublic int code() {return code;}@Overridepublic String message() {return message;} } 该消息模型基于 ResultCode 来实现,代码如下 package com.xuecheng.framework.model.response;/ Created by mrt on 2018/3/5. 10000-- 通用错误代码 22000-- 媒资错误代码 23000-- 用户中心错误代码 24000-- cms错误代码 25000-- 文件系统/public interface ResultCode {//操作是否成功,true为成功,false操作失败boolean success();//操作代码int code();//提示信息String message(); 从 ResultCode 中我们可以看出,我们约定了用户中心的错误代码使用 23000,所以我们定义的一些错误信息的代码就从 23000 开始计数。 Service 在学习服务中定义 service 方法,此方法远程请求课程管理服务、媒资管理服务获取课程学习地址。 package com.xuecheng.learning.service.impl;import com.netflix.discovery.converters.Auto;import com.xuecheng.framework.domain.course.TeachplanMediaPub;import com.xuecheng.framework.domain.learning.response.GetMediaResult;import com.xuecheng.framework.exception.ExceptionCast;import com.xuecheng.framework.model.response.CommonCode;import com.xuecheng.learning.client.CourseSearchClient;import com.xuecheng.learning.service.LearningService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Service;@Servicepublic class LearningServiceImpl implements LearningService {@AutowiredCourseSearchClient courseSearchClient;/ 远程调用搜索服务获取已发布媒体信息中的url @param courseId 课程id @param teachplanId 媒体信息id @return/@Overridepublic GetMediaResult getMediaPlayUrl(String courseId, String teachplanId) {//校验学生权限,是否已付费等//远程调用搜索服务进行查询媒体信息TeachplanMediaPub mediaPub = courseSearchClient.getmedia(teachplanId);if(mediaPub == null) ExceptionCast.cast(CommonCode.FAIL);return new GetMediaResult(CommonCode.SUCCESS, mediaPub.getMediaUrl());} } Controller 调用 service 根据课程计划 id 查询视频播放地址: @RestController@RequestMapping("/learning/course")public class CourseLearningController implements CourseLearningControllerApi {@AutowiredLearningService learningService;@Override@GetMapping("/getmedia/{courseId}/{teachplanId}")public GetMediaResult getMediaPlayUrl(@PathVariable String courseId, @PathVariable String teachplanId) {//获取课程学习地址return learningService.getMedia(courseId, teachplanId);} } 测试 使用 swagger-ui 或postman 测试学习服务查询课程视频地址接口。 0x05 前端开发 需求分析 需要在学习中心前端页面需要完成如下功能: 1、进入课程学习页面需要带上 课程 Id参数及课程计划Id的参数,其中 课程 Id 参数必带,课程计划 Id 可以为空。 2、进入页面根据 课程 Id 取出该课程的课程计划显示在右侧。 3、进入页面后判断如果请求参数中有课程计划 Id 则播放该章节的视频。 4、进入页面后判断如果 课程计划id 为0则需要取出本课程第一个 课程计划的Id,并播放第一个课程计划的视频。 进入到模块 xc-ui-pc-leanring/src/module/course api方法 let sysConfig = require('@/../config/sysConfig')let apiUrl = sysConfig.xcApiUrlPre;/获取播放地址/export const get_media = (courseId,chapter) => {return http.requestGet(apiUrl+'/api/learning/course/getmedia/'+courseId+'/'+chapter);} 配置代理 在 Nginx 中的 ucenter.xuecheng.com 虚拟主机中配置 /api/learning/ 的路径转发,此url 请转发到学习服务。 学习服务upstream learning_server_pool{server 127.0.0.1:40600 weight=10;}学成网用户中心server {listen 80;server_name ucenter.xuecheng.com;个人中心location / {proxy_pass http://ucenter_server_pool;}后端搜索服务location /openapi/search/ {proxy_pass http://search_server_pool/search/; }学习服务location ^~ /api/learning/ {proxy_pass http://learning_server_pool/learning/;} } 视频播放页面 1、如果传入的课程计划id为0则取出第一个课程计划id 在 created 钩子方法中完成 created(){//当前请求的urlthis.url = window.location//课程idthis.courseId = this.$route.params.courseId//章节idthis.chapter = this.$route.params.chapter//查询课程信息systemApi.course_view(this.courseId).then((view_course)=>{if(!view_course || !view_course[this.courseId]){this.$message.error("获取课程信息失败,请重新进入此页面!")return ;}let courseInfo = view_course[this.courseId]console.log(courseInfo)this.coursename = courseInfo.nameif(courseInfo.teachplan){console.log("准备开始播放视频")let teachplan = JSON.parse(courseInfo.teachplan);this.teachplanList = teachplan.children;//开始学习if(this.chapter == "0" || !this.chapter){//取出第一个教学计划this.chapter = this.getFirstTeachplan();console.log("第一个教学计划id为 ",this.chapter);this.study(this.chapter);}else{this.study(this.chapter);} }})}, 取出第一个章节 id,用户未输入课程计划 id 或者输入为 0 时,播放第一个。 //取出第一个章节getFirstTeachplan(){for(var i=0;i<this.teachplanList.length;i++){let firstTeachplan = this.teachplanList[i];//如果当前children存在,则取出第一个返回if(firstTeachplan.children && firstTeachplan.children.length>0){let secondTeachplan = firstTeachplan.children[0];return secondTeachplan.id;} }return ;}, 开始学习: //开始学习study(chapter){// 获取播放地址courseApi.get_media(this.courseId,chapter).then((res)=>{if(res.success){let fileUrl = sysConfig.videoUrl + res.fileUrl//播放视频this.playvideo(fileUrl)}else if(res.message){this.$message.error(res.message)}else{this.$message.error("播放视频失败,请刷新页面重试")} }).catch(res=>{this.$message.error("播放视频失败,请刷新页面重试")});}, 2、点击右侧课程章节切换播放 在原有代码基础上添加 click 事件,点击调用开始学习方法(study)。 <li v‐if="teachplan_first.children!=null" v‐for="(teachplan_second, index) inteachplan_first.children"><i class="glyphicon glyphicon‐check"></i><a :href="url" @click="study(teachplan_second.id)">{ {teachplan_second.pname} }</a></li> 3、地址栏路由url变更 这里需要注意一个问题,在用户点击课程章节切换播放时,地址栏的 url 也应该同步改变为当前所选择的课程计划 id 4、在线学习按钮 将 learnstatus 默认更改为 1,这样就能显示出马上学习的按钮,方便我们后续的集成测试。 文件路径为 xc-ui-pc-static-portal/include/course_detail_dynamic.html 部分代码块如下 <script>var body= new Vue({ //创建一个Vue的实例el: "body", //挂载点是id="app"的地方data: {editLoading: false,title:'测试',courseId:'',charge:'',//203001免费,203002收费learnstatus: 1 ,//课程状态,1:马上学习,2:立即报名、3:立即购买course:{},companyId:'template',company_stat:[],course_stat:{"s601001":"","s601002":"","s601003":""} }, 简单的测试 访问在线学习页面:http://ucenter.xuecheng.com//learning/课程id/课程计划id 通过 url 传入两个参数:课程id 和 课程计划id 如果没有课程计划则传入0 测试项目如下: 1、传入正确的课程id、课程计划id,自动播放本章节的视频 2、传入正确的课程id、课程计划id传入0,自动播放第一个视频 3、传入错误的课程id 或 课程计划id,提示错误信息。 4、通过右侧章节目录切换章节及播放视频。 访问: http://ucenter.xuecheng.com//learning/4028e58161bcf7f40161bcf8b77c0000/4028e58161bd18ea0161bd1f73190008 传入正确的课程id、课程计划id,自动播放本章节的视频 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ef0xxym7-1595567273153)(https://qnoss.codeyee.com/20200704_15/image17)] 传入正确的课程id、课程计划id传入0,自动播放第一个视频 访问 http://ucenter.xuecheng.com//learning/4028e58161bcf7f40161bcf8b77c0000/0 识别出第一个课程计划的 id 需要注意的是这里的 chapter 参数是我自己在 study 函数里加上去的,可以忽略。 传入错误的课程id或课程计划id,提示错误信息。 通过右侧章节目录切换章节及播放视频。 点击章节即可播放,但是点击制定章节后 url 没有发生改变,这个问题暂时还没有解决,关注笔记后面的内容。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TOGdxwb4-1595567273158)(https://qnoss.codeyee.com/20200704_15/image20)] 完整的测试 准备工作 启动 RabbitMQ,启动 Logstash、ElasticSearch 建议把所有后端服务都开起来 启动 前端静态门户、启动 nginx 、启动课程管理前端 我们整理一下测试的流程 上传两个媒资视频文件,用于测试 进入到课程管理,为课程计划选择媒资信息 发布课程,等待 logstash 将数据采集到 ElasticSearch 的索引库中 进入学成网主页,点击课程,进入到搜索门户页面 搜索课程,进入到课程详情页面 点击开始学习,进入到课程学习页面,选择课程计划中的一个章节进行学习。 1、上传文件 首先我们使用之前开发的媒资管理模块,上传两个视频文件用于测试。 第一个文件上传成功 一些问题 在上传第二个文件时,发生了错误,我们来检查一下问题出在了哪里 在媒体服务的控制台中可以看到,在 mergeChunks 方法在校验文件 md5 时候抛出了异常 我们在 MD5 校验这里打个断点,重新上传文件,分析一下问题所在。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OpEMZGI8-1595567273166)(https://qnoss.codeyee.com/20200704_15/image23)] 单步调试后发现,合并文件后的MD5值与用户上传的源文件值不相等 方案1:删除本地分块文件重新尝试上传 考虑到可能是在用户上传完 视频的分块文件时发生了一些问题,导致合并文件后与源文件的大小不等,导致MD5也不相同,这里我们把这个视频上传到本地的文件全部删除,在媒资上传页面重新上传文件。 对比所有分块文件的字节大小和本地源文件的大小,完全是相等的 删除所有文件后重新上传,md5值还是不等,考虑从调试一下文件合并的代码。 方案2:检查前端提交的MD5值是否正确 在查阅是否有其他的MD5值获取方案时,发现了一个使用 windows 本地命令获取文件MD5值的方法 certutil -hashfile .\19-在线学习接口-集成测试.avi md5 惊奇的发现,TM的原来是前端那边转换的MD5值不正确,后端这边是没有问题的。 从前面的图可以看出,本地和后端转换的都是以一个 f6f0 开头的MD5值 那么问题就出现在前端了,还需要花一些时间去分析一下,这里暂时就先告一段落,因为上传了几个文件测试中只有这一个文件出现了问题。 2、为课程计划选择媒资信息 进入到一个课程的管理页面 http://localhost:12000//course/manage/baseinfo/4028e58161bcf7f40161bcf8b77c0000 将刚才我们上传的媒资文件的信息和课程计划绑定 选择效果如下 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-epKaqzCD-1595567273178)(https://qnoss.codeyee.com/20200704_15/image29)] 2、发布课程,等待 logstash 从 course_pub 以及 teachplan_media_pub 表中采集数据到 ElasticSearch 当中 发布成功后,我们可以从 teachplan_media_pub 表中看到刚才我们发布的媒资信息 再观察 Logstash 的控制台,发现两个 Logstash 的实例都对更新的课程发布信息进行了采集 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hTUve2ik-1595567273183)(https://qnoss.codeyee.com/20200704_15/image32)] 3、前端门户测试 打开我们的门户主站 http://www.xuecheng.com/ [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4wZe9R84-1595567273185)(https://qnoss.codeyee.com/20200704_15/image33)] 点击导航栏的课程,进入到我们的搜索门户页面 如果无法进入到搜索门户,请检查你的 xc-ui-pc-portal 前端工程是否已经启动 进入到搜索门户后,可以看到一些初始化时搜索的课程数据,默认是搜索第一页的数据,每页2个课程。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BJ1AKoJb-1595567273187)(https://qnoss.codeyee.com/20200704_15/image34)] 我们可以测试搜索一下前面我们选择媒资信息时所用的课程 点击课程,进入到课程详情页面,然后再点击开始学习。 点击马上学习后,会进入到该课程的在线学习页面,默认自动播放我们第一个课程计划中的视频。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tcuLWnf2-1595567273193)(https://qnoss.codeyee.com/20200704_15/image37)] 我们可以在右侧的目录中选择第二个课程计划,会自动播放所选的课程计划所对应的媒资视频播放地址,该 播放地址正是我们刚才通过 Logstash 自动采集到 ElasticSearch 的索引信息,效果图如下 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Cvi9Dr0Y-1595567273195)(https://qnoss.codeyee.com/20200704_15/image38)] 四、待完善的一些功能 课程发布前,校验课程计划里面是否包含二级课程计划 课程发布前,校验课程计划信息里面是否全部包含媒资信息 删除媒资信息,并且同步删除ES中的索引 在获取该课程的播放地址时校验用户的合法、 在线学习页面,点击右侧目录中的课程计划同时改变url中的课程计划地址 视频文件 19-在线学习接口-集成测试.avi 前端上传时提交的MD5值不正确 😁 认识作者 作者:👦 LCyee ,全干型代码🐕 自建博客:https://www.codeyee.com 记录学习以及项目开发过程中的笔记与心得,记录认知迭代的过程,分享想法与观点。 CSDN 博客:https://blog.csdn.net/codeyee 记录和分享一些开发过程中遇到的问题以及解决的思路。 欢迎加入微服务练习生的队伍,一起交流项目学习过程中的一些问题、分享学习心得等,不定期组织一起刷题、刷项目,共同见证成长。 本篇文章为转载内容。原文链接:https://blog.csdn.net/codeyee/article/details/107558901。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-16 12:41:01
73
转载
Maven
...ava开发的世界里,Maven无疑扮演了至关重要的角色,作为Apache开源的一款项目管理工具,它极大地简化了项目构建、依赖管理和版本控制等工作。在实际工作中,咱们免不了会遇到一些让人挠头的难题。比如亲手下载并自定义配置了Maven后,当你满心欢喜地引入其他模块时,它却突然给你来个错误提示,让你措手不及。今天咱们就一块儿把这个难题给掰扯清楚,我手把手带你,从入门级别一路升级打怪,直到成为解决这个问题的老司机。 二、Maven基础概念 1. 什么是Maven? Maven是一个基于Java语言的项目构建工具,它的核心理念是约定优于配置。你知道吗,就像乐高说明书一样,我们通过一个叫做pom.xml的XML文件来给项目“画图纸”。这个文件可厉害了,它详细规划了项目的结构布局、各个部分之间的依赖关系,还负责制定构建任务等一系列重要信息。这样一来,整个项目的构建过程就变得既规范又自动化,跟流水线生产似的。这不仅让工作流程顺畅无比,更是让团队成员间的协作效率蹭蹭上涨,效果那是杠杠滴! 2. Maven生命周期与核心模块 Maven项目存在默认的生命阶段,如clean, initialize, validate, compile, test-compile, test, package, install, deploy等。这些阶段按照顺序执行,并在每个阶段内部执行相应的任务。此外,Maven的核心模块主要包括:Artifact(即我们常说的jar包)、Repository(仓库)、Plugin(插件)等。 三、自定义下载Maven及配置 1. 下载与安装Maven 在互联网上,官方提供了Maven的预编译发行版供用户直接下载。下载完成后,解压得到Maven安装目录,通常为apache-maven-X.X.X-bin.tar.gz(X.X.X为版本号)。将此目录添加至系统的PATH环境变量即可全局使用。 bash Linux/Mac tar -xzf apache-maven-X.X.X-bin.tar.gz export MVN_HOME=路径/to/maven_home export PATH=$MVN_HOME/bin:$PATH powershell Windows $env:Path += ";$env:mvn_home\bin" 2. 配置本地仓库与远程仓库 Maven在构建过程中会首先检查本地仓库是否有所需依赖,如果没有则从远程仓库下载。配置这两个仓库需要在settings.xml文件中进行: xml path/to/local/repo central https://repo1.maven.org/maven2/ 四、自定义下载Maven引入报错分析 当我们自定义下载Maven并正确配置后,常见的引入报错主要有以下几种: 1. 标签错误 如果我们在pom.xml文件中的标签内书写依赖声明不规范,如缺少groupId、artifactId、version等属性,Maven会在编译阶段抛出异常。 示例: xml example-dependency 正确写法: xml com.example example-dependency 1.0.0 2. 依赖版本冲突 当两个或多个模块引用了同一个依赖的不同版本,导致版本冲突时,Maven无法确定使用哪个版本,从而引发依赖冲突。 示例: xml ... org.slf4j slf4j-api 1.7.30 ... org.slf4j slf4j-api 2.0.0 解决方案:统一各模块对同一依赖使用的版本,或者利用Maven的dependencyManagement或dependencyResolutionProblemAggregator插件来处理。 五、总结与反思 面对自定义下载Maven引入报错问题,我们需要仔细排查并理解依赖声明、配置设置、版本管理等方面可能存在的问题。有时候,这不仅仅是在考验我们的编程功夫,更是实实在在地磨炼我们搞定问题、排解代码bug的硬实力。想要真正地玩转Maven,让这个家伙在项目构建这条道路上为你效力到极致,那就必须不断动手实践、积极摸索,没别的捷径可走。所以,请勇敢地面对报错,学会从中吸取教训,相信每一个Maven新手最终都能成为真正的专家!
2024-02-05 11:45:22
90
心灵驿站_t
Gradle
...式,不仅能够无缝对接Maven Central、JCenter等公共仓库,还能轻松集成Artifactory、Nexus等私有仓库服务,为大型项目和团队提供了更为便捷的依赖管理方案。 对于Java开发者而言,构建包含所有依赖的“全量jar”(fat jar)是一常见需求。Gradle社区也推荐使用新的插件,如Shadow或者Spring Boot Gradle Plugin,它们提供了开箱即用的功能,简化了将依赖打包进单一可执行jar文件的过程,极大地便利了应用部署和运维工作。 值得一提的是,为了应对日益增长的安全挑战,Gradle也开始关注依赖安全问题。其推出的dependency verification特性可以帮助开发者验证项目中的每个依赖是否来自预期的来源,有效防止依赖注入攻击,确保项目构建过程及运行时环境的安全性。 总之,深入理解和掌握Gradle依赖管理机制,并关注相关领域的最新发展动态,是提升项目构建效能与安全性的重要手段。通过持续学习和实践,开发者可以充分利用Gradle的强大功能,实现高效、安全的项目构建与依赖管理。
2023-06-09 14:26:29
408
凌波微步_
Gradle
...方的超市”,你需要从Maven仓库、Ivy仓库或者其他类似的远程仓库中把这些依赖项下载下来才能使用。这就像是你开车去超市采购食材一样,虽然不是家门口就有,但种类丰富,能满足更多样的需求。在实际项目中,我们更多时候是处理远程依赖。 例如,在Gradle脚本(build.gradle)中声明一个远程依赖,如添加对spring-boot-starter-web的依赖: groovy dependencies { implementation 'org.springframework.boot:spring-boot-starter-web:2.5.0' } 上述代码中,implementation是配置作用域,用于指定该依赖在编译和运行时的行为;'org.springframework.boot:spring-boot-starter-web:2.5.0'则遵循“group:module:version”的格式,分别表示组织名、模块名和版本号。 2. 配置依赖源与仓库 为了能够成功下载远程依赖,需要在Gradle脚本中配置依赖源(Repository)。一般来说,Gradle这家伙默认会先去Maven Central这个大仓库里找你需要的依赖项。但如果它发现你要的东西在这个仓库里找不到的话,你就得告诉它其他可以淘宝的地方,也就是添加其他的仓库地址啦。以下是如何添加JCenter仓库的例子: groovy repositories { mavenCentral() jcenter() // 或者maven { url 'https://jcenter.bintray.com/' } } 3. 特殊依赖处理 传递依赖与排除依赖 - 传递依赖:当你直接依赖某个库时,Gradle也会自动引入该库的所有依赖项(即传递依赖)。这虽然方便,但也可能带来版本冲突的问题。此时,Gradle允许你查看并管理这些传递依赖: groovy configurations.compileClasspath.resolvedConfiguration.resolvedArtifacts.each { artifact -> println "Dependency: ${artifact.name} - ${artifact.moduleVersion.id}" } - 排除依赖:对于不希望引入的传递依赖,可以通过exclude关键字来排除: groovy dependencies { implementation('com.example.library:A') { exclude group: 'com.example', module: 'B' } } 这段代码表示在引入A库的同时,明确排除掉来自同一组织的B模块。 4. 打包时包含依赖 当使用Gradle打包项目(如创建可执行的jar/war文件)时,确保所有依赖都被正确包含至关重要。Gradle提供了多种插件支持这种需求,比如在Spring Boot项目中,我们可以使用bootJar或bootWar任务: groovy plugins { id 'org.springframework.boot' version '2.5.0' } jar { archiveBaseName = 'my-project' archiveVersion = '1.0.0' } task bootJar(type: BootJar) { classifier = 'boot' } 在这个例子中,BootJar任务会自动将所有必需的依赖项打入到生成的jar文件中,使得应用具备自包含、独立运行的能力。 总结来说,Gradle打包时正确包含依赖包是一个涉及依赖声明、仓库配置以及特殊依赖处理的过程。经过对Gradle依赖管理机制的深入理解和亲手实践,我们不仅能够轻而易举地搞定那些恼人的依赖问题,更能进一步把项目构建过程玩转得溜溜的,从而大大提升开发效率,让工作效率飞起来。同时,在不断摸爬滚打、亲自上手实践的过程中,我们越发能感受到Gradle设计的超级灵活性和满满的人性化关怀,这也是为啥众多开发者对它爱得深沉,情有独钟的原因所在。
2023-12-14 21:36:07
336
柳暗花明又一村_
转载文章
.... ];const plugins = [ ... ];return {presets,plugins};} 也可以直接使用module.exports = {},没有必要一定是一个function。 在编写配置文件中,最主要的就是设置plugins(插件)和presets(预设),每个插件或预设都是一个npm包,插件和预设会在编译过程中把我们的ES6+代码转换成ES5。 二、插件和预设的关系 babel中的插件太多,以es2015为例: @babel/plugin-transform-arrow-functions @babel/plugin-transform-block-scoped-functions @babel/plugin-transform-block-scoping .... 如果只采用插件的话,我们需要配置非常多的插件数组,如果项目使用了es2016又得增加一堆,而且我们压根也记不住哪个es版本里该使用哪些插件。 preset就是解决这个问题的,它是一系列插件的集合,以@babel/preset-env为例,假设项目中安装的npm包版本是2020年1月发布的,那么这个预设里包含了2020年1月以前所有进入到stage4阶段的语法转换插件。 可能有小伙伴会问,假如我设置了一个语法插件,指定某个预设里又包含了插件,此时会发生什么?这就涉及到插件和预设的执行顺序了,具体的规则如下: 插件比预设先执行 插件执行顺序是插件数组从前向后执行 预设执行顺序是预设数组从后向前执行 三、插件和预设的参数 不配置参数的情况下,每个插件或预设都是数组中的一个字符串成员,例:preset:["@babel/preset-env","@babel/preset-react"],如果某个插件或预设需要配置参数,成员项就需要由字符串换成一个数组,数组的第一项是插件或预设的名称字符串,第二项为对象,该对象用来设置插件或预设的参数,格式如下: {"presets": [["@babel/preset-env",{"useBuiltIns": "entry"}]]} 四、插件和预设的简写 插件或可以在配置文件里用简写名称,如果插件的npm包名称的前缀为 babel-plugin-,可以省略前缀。例如"plugins": ["babel-plugin-transform-decorators-legacy"]可以简写为"plugins": ["transform-decorators-legacy"]。 如果npm包名称的前缀带有作用域@,例如@scope/babel-plugin-xxx,短名称可以写成@scope/xxx。 到babel7版本时,官方的插件大多采用@babel/plugin-xxx格式的,没有明确说明是否可以省略@babel/plugin-,遇到这中npm包时,最好还是采用全称写法比较稳妥。 预设的短名称规则跟插件差不多,前缀为babel-preset-或带有作用域的包@scope/babel-preset-xxx的可以省略掉babel-preset-。 babel7里@babel/preset-前缀开头的包,例如@babel/preset-env的短名称是@babel/env,官方并没有给出明确说明以@babel/preset-xxx卡头的包是否都可以采用简写,因此最好还是采用全称。 五、混乱的babel6预设 如果直接接触babel7的前端同事都知道es预设直接用@babel/preset-env就行了,但是如果要维护和迭代基于babel6的项目呢?各个项目中使用的可能都不一样,babel-preset-es20xx、babel-preset-stage-x、babel-preset-latest这些预设是啥意思? babel-preset-es20xx: TC39每年发布的、进入标准的ES语法转换器预设,最后一个预设是babel-preset-es2017,不再更新。 babel-preset-stage-x: TC39每年草案阶段的ES语法转换器预设。x的值是0到3,babel7时已废弃,不再更新。 babel-preset-latest: TC39每年发布的、进入标准的ES语法转换器预设。在babel6时等于babel-preset-es2015、babel-preset-es2016、babel-preset-es2017。该包从 v2 开始,需要@babel/core@^7.0.0,也就是需要babel7才能使用,既然要升级到babel7,不如使用更加强大的@babel/preset-env。 本篇文章为转载内容。原文链接:https://blog.csdn.net/douyinbuwen/article/details/123729828。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-01-16 22:15:54
121
转载
转载文章
...用到@vitejs/plugin-vue-jsx插件,详细用法参考github文档,安装后,在vite的plugin中直接调用即可; import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import vueJsx from '@vitejs/plugin-vue-jsx'// https://vitejs.dev/config/export default defineConfig({plugins: [vue(), vueJsx()]}) 2、安装tailwindcss 关于tailwindcss + vite方案,它的官网有了很友好的方案,这块大家按部就班的安装就够了,没有多少复杂度,参考地址,选择tailwindcss主要是它提供了一些快速样式,比如padding、margin、background等,如果我们项目是后台管理系统,tailwindcss会大大降低我们写css样式的工作,大家可以去学习一波在项目中用起来,熟悉了以后就觉得他是在是太方便了。 这里不做用法的介绍,就推荐一个vscode插件Tailwind CSS IntelliSense,安装后,在项目中我们就可以只能提示,如下所示: 3、关于eslint + prettier 代码统一规范 关于代码规范,一般小一点公司不太会做这方面的工程化配置,但是eslint等这些代码规范工具,会让我们团队的代码更规范,风格更统一,团队协作更加方便,我简单说一下配置eslint及prettier的办法 (1)首先安装eslint工具库 pnpm add eslint -D pnpm eslint --init (2)安装外部的语法eslint规范及import校验规范 选择对应的项目内容,这里我的项目用到(vue, typescript,browser)这个,当然有这个还不够,我们需要安装如下两个工具包 pnpm add eslint-plugin-import // 主要对于es与typescript import 路径的一个eslint校验 pnpm add eslint-config-airbnb-base // 这个是airbnb出的一套eslint语法规范的工具库,如果自己公司没有对应的代码规范,这个是很实用的一套 (3)编写vue3相关的规范 项目中我们用到的是eslint-plugin-vue这个vue代码校验规范工具,里面有很多内容及配置项功能,我们这里推荐大家在配置代码规范,可以参考官方的说明文档,链接放在这里; (4)安装和配置prettier 这个相对来讲比较简单一些,我们直接安装pnpm add eslint-plugin-prettier eslint-config-prettier prettier -D,这里我们需要注意的是prettier与eslint冲突问题; 上面是配置时候的基本流程,最终结果我将eslintrc文件及package.json文件放到这里,有需要的朋友,可以直接copy一份去配置,毕竟这个配置很臭很长,深入学习感觉又没有太大必要(23333~) {"name": "vue-tsx-template","private": true,"version": "0.0.0","scripts": {"dev": "vite","build": "vue-tsc --noEmit && vite build","preview": "vite preview","fix": "eslint --fix --ext .js,.jsx,.tsx,.vue src && prettier "},"dependencies": {"vue": "^3.2.25"},"devDependencies": {"@typescript-eslint/eslint-plugin": "^5.23.0","@typescript-eslint/parser": "^5.23.0","@vitejs/plugin-vue": "^2.3.3","@vitejs/plugin-vue-jsx": "^1.3.10","autoprefixer": "^10.4.7","eslint": "^8.15.0","eslint-config-airbnb-base": "^15.0.0","eslint-config-prettier": "^8.5.0","eslint-plugin-import": "^2.26.0","eslint-plugin-prettier": "^4.0.0","eslint-plugin-vue": "^8.7.1","postcss": "^8.4.13","prettier": "^2.6.2","sass": "^1.51.0","tailwindcss": "^3.0.24","typescript": "^4.5.4","vite": "^2.9.9","vue-eslint-parser": "^9.0.1","vue-tsc": "^0.34.7"} } 下面是.eslintrc.js文件 module.exports = {env: {browser: true,es2021: true,node: true,// 处理 defineProps 报错'vue/setup-compiler-macros': true,},extends: ['eslint:recommended','airbnb-base','prettier','plugin:prettier/recommended','plugin:vue/vue3-recommended','plugin:@typescript-eslint/recommended','plugin:import/recommended','plugin:import/typescript',],parser: 'vue-eslint-parser',parserOptions: {ecmaVersion: 'latest',parser: '@typescript-eslint/parser',sourceType: 'module',},plugins: ['vue', '@typescript-eslint'],rules: {// 防止prettier与eslint冲突'prettier/prettier': 'error',// eslint-plugin-import es module导入eslint规则配置,旨在规避拼写错误问题'import/no-unresolved': 0,'import/extensions': ['error',{js: 'never',jsx: 'never',ts: 'never',tsx: 'never',json: 'always',},],// 使用导出的名称作为默认属性(主要用作导出模块内部有 default, 和直接导出两种并存情况下,会出现default.proptry 这种问题从在的情况)'import/no-named-as-default-member': 0,'import/order': ['error', { 'newlines-between': 'always' }],// 导入确保是否在首位'import/first': 0,// 如果文件只有一个导出,是否开启强制默认导出'import/prefer-default-export': 0,'import/no-extraneous-dependencies': ['error',{devDependencies: [],optionalDependencies: false,},],/ 关于typescript语法校验 参考文档: https://www.npmjs.com/package/@typescript-eslint/eslint-plugin/'@typescript-eslint/no-extra-semi': 0,// 是否禁止使用any类型'@typescript-eslint/no-explicit-any': 0,// 是否对于null情况做非空断言'@typescript-eslint/no-non-null-assertion': 0,// 是否对返回值类型进行定义校验'@typescript-eslint/explicit-function-return-type': 0,'@typescript-eslint/member-delimiter-style': ['error', { multiline: { delimiter: 'none' } }],// 结合eslint 'no-use-before-define': 'off',不然会有报错,需要关闭eslint这个校验,主要是增加了对于type\interface\enum'no-use-before-define': 'off','@typescript-eslint/no-use-before-define': ['error'],'@typescript-eslint/explicit-module-boundary-types': 'off','@typescript-eslint/no-unused-vars': ['error',{ignoreRestSiblings: true,varsIgnorePattern: '^_',argsIgnorePattern: '^_',},],'@typescript-eslint/explicit-member-accessibility': ['error', { overrides: { constructors: 'no-public' } }],'@typescript-eslint/consistent-type-imports': 'error','@typescript-eslint/indent': 0,'@typescript-eslint/naming-convention': ['error',{selector: 'interface',format: ['PascalCase'],},],// 不允许使用 var'no-var': 'error',// 如果没有修改值,有些用const定义'prefer-const': ['error',{destructuring: 'any',ignoreReadBeforeAssign: false,},],// 关于vue3 的一些语法糖校验// 超过 4 个属性换行展示'vue/max-attributes-per-line': ['error',{singleline: 4,},],// setup 语法糖校验'vue/script-setup-uses-vars': 'error',// 关于箭头函数'vue/arrow-spacing': 'error','vue/html-indent': 'off',},} 4、加入单元测试 单元测试,根据自己项目体量及重要性而去考虑是否要增加,当然单测可以反推一些组件 or 方法的设计是否合理,同样如果是一个稳定的功能在加上单元测试,这就是一个很nice的体验; 我们单元测试是基于jest来去做的,具体安装单测的办法如下,跟着我的步骤一步步来; 安装jest单测相关的依赖组件库 pnpm add @testing-library/vue @testing-library/user-event @testing-library/jest-dom @types/jest jest @vue/test-utils -D 安装完成后,发现还需要安装前置依赖 @testing-library/dom @vue/compiler-sfc我们继续补充 安装babel相关工具,用ts写的单元测试需要转义,具体安装工具如下pnpm add @babel/core babel-jest @vue/babel-preset-app -D,最后我们配置babel.config.js module.exports = {presets: ['@vue/app'],} 配置jest.config.js module.exports = {roots: ['<rootDir>/test'],testMatch: [// 这里我们支持src目录里面增加一些单层,事实上我并不喜欢这样做'<rootDir>/src//__tests__//.{js,jsx,ts,tsx}','<rootDir>/src//.{spec,test}.{js,jsx,ts,tsx}',// 这里我习惯将单层文件统一放在test单独目录下,不在项目中使用,降低单测文件与业务组件模块混合在一起'<rootDir>/test//.{spec,test}.{js,jsx,ts,tsx}',],testEnvironment: 'jsdom',transform: {// 此处我们单测没有适用vue-jest方式,项目中我们江永tsx方式来开发,所以我们如果需要加入其它的内容// '^.+\\.(vue)$': '<rootDir>/node_modules/vue-jest','^.+\\.(js|jsx|mjs|cjs|ts|tsx)$': '<rootDir>/node_modules/babel-jest',},transformIgnorePatterns: ['<rootDir>/node_modules/','[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$','^.+\\.module\\.(css|sass|scss|less)$',],moduleFileExtensions: ['ts', 'tsx', 'vue', 'js', 'jsx', 'json', 'node'],resetMocks: true,} 具体写单元测试的方法,可以参考项目模板中的组件单元测试写法,这里不做过多的说明; 5、封装axios请求库 这里呢其实思路有很多种,如果有自己的习惯的封装方式,就按照自己的思路,下面附上我的封装代码,简短的说一下我的封装思路: 1、基础的请求拦截、相应拦截封装,这个是对于一些请求参数格式化处理等,或者返回值情况处理 2、请求异常、错误、接口调用成功返回结果错误这些错误的集中处理,代码中请求就不再做trycatch这些操作 3、请求函数统一封装(代码中的 get、post、axiosHttp) 4、泛型方式定义请求返回参数,定义好类型,让我们可以在不同地方使用有良好的提示 import type { AxiosRequestConfig, AxiosResponse } from 'axios'import axios from 'axios'import { ElNotification } from 'element-plus'import errorHandle from './errorHandle'// 定义数据返回结构体(此处我简单定义一个比较常见的后端数据返回结构体,实际使用我们需要按照自己所在的项目开发)interface ResponseData<T = null> {code: string | numberdata: Tsuccess: booleanmessage?: string[key: string]: any}const axiosInstance = axios.create()// 设定响应超时时间axiosInstance.defaults.timeout = 30000// 可以后续根据自己http请求头特殊邀请设定请求头axiosInstance.interceptors.request.use((req: AxiosRequestConfig<any>) => {// 特殊处理,后续如果项目中有全局通传参数,可以在这儿做一些处理return req},error => Promise.reject(error),)// 响应拦截axiosInstance.interceptors.response.use((res: AxiosResponse<any, any>) => {// 数组处理return res},error => Promise.reject(error),)// 通用的请求方法体const axiosHttp = async <T extends Record<string, any> | null>(config: AxiosRequestConfig,desc: string,): Promise<T> => {try {const { data } = await axiosInstance.request<ResponseData<T>>(config)if (data.success) {return data.data}// 如果请求失败统一做提示(此处我没有安装组件库,我简单写个mock例子)ElNotification({title: desc,message: ${data.message || '请求失败,请检查'},})} catch (e: any) {// 统一的错误处理if (e.response && e.response.status) {errorHandle(e.response.status, desc)} else {ElNotification({title: desc,message: '接口异常,请检查',})} }return null as T}// get请求方法封装export const get = async <T = Record<string, any> | null>(url: string, params: Record<string, any>, desc: string) => {const config: AxiosRequestConfig = {method: 'get',url,params,}const data = await axiosHttp<T>(config, desc)return data}// Post请求方法export const post = async <T = Record<string, any> | null>(url: string, data: Record<string, any>, desc: string) => {const config: AxiosRequestConfig = {method: 'post',url,data,}const info = await axiosHttp<T>(config, desc)return info} 请求错误(状态码错误相关提示) import { ElNotification } from 'element-plus'function notificat(message: string, title: string) {ElNotification({title,message,})}/ @description 获取接口定义 @param status {number} 错误状态码 @param desc {string} 接口描述信息/export default function errorHandle(status: number, desc: string) {switch (status) {case 401:notificat('用户登录失败', desc)breakcase 404:notificat('请求不存在', desc)breakcase 500:notificat('服务器错误,请检查服务器', desc)breakdefault:notificat(其他错误${status}, desc)break} } 6、关于vue-router 及 pinia 这两个相对来讲简单一些,会使用vuex状态管理,上手pinia也是很轻松的事儿,只是更简单化了、更方便了,可以参考模板项目里面的用法example,这里附上router及pinia配置方法,路由守卫,大家可以根据项目的要求再添加 import type { RouteRecordRaw } from 'vue-router'import { createRouter, createWebHistory } from 'vue-router'// 配置路由const routes: Array<RouteRecordRaw> = [{path: '/',redirect: '/home',},{name: 'home',path: '/home',component: () => import('page/Home'),},]const router = createRouter({routes,history: createWebHistory(),})export default router 针对与pinia,参考如下: import { createPinia } from 'pinia'export default createPinia() 在入口文件将router和store注入进去 import { createApp } from 'vue'import App from './App'import store from './store/index'import './style/index.css'import './style/index.scss'import 'element-plus/dist/index.css'import router from './router'// 注入全局的storeconst app = createApp(App).use(store).use(router)app.mount('app') 说这些比较枯燥,建议大家去github参考项目说明文档,下载项目,自己过一遍,喜欢的朋友收藏点赞一下,如果喜欢我构建好的项目给个star不丢失,谢谢各位看官的支持。 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_37764929/article/details/124860873。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-05 12:27:41
116
转载
Maven
...ion-id , 在Maven构建工具中,execution-id是一个特定的标识符,用于标记和区分不同的构建生命周期阶段以及目标。它由phase、goals、projects和activeProfiles等多个属性组成,确保在构建过程中能够精准地执行某个特定的目标或阶段。例如,在命令行中通过mvn compile:sources -e指定execution-id来精确执行编译阶段下的sources子目标。 生命周期阶段(Lifecycle Phase) , 在Maven的世界里,生命周期阶段是一系列有序且预定义的任务集合,它们从项目清理到最终打包部署形成一个完整的构建流程。比如compile阶段,就是负责编译项目的源代码;而test阶段则是运行测试用例。每个阶段都对应着一系列默认绑定的目标(goal),并且可以自定义execution-id以执行特定的构建任务。 目标(Goal) , 在Maven中,目标是构建过程中的一个具体操作,如编译Java源码、打包JAR文件、运行测试等。每个目标都有一个唯一的ID,并可以在Maven的插件中定义。在构建过程中,用户可以通过execution-id将特定的目标与生命周期阶段关联起来执行。例如,sources是Maven Compiler Plugin的一个目标,当我们执行mvn compile:sources时,Maven会在compile生命周期阶段执行编译源代码的操作。
2023-01-17 18:30:16
120
幽谷听泉_t
Gradle
...groovy plugins { id 'java' } group = 'com.example' version = '1.0-SNAPSHOT' sourceCompatibility = 1.8 repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' } 2. 定义构建任务 在构建脚本中,我们可以通过apply方法来添加Gradle插件,然后通过tasks方法来定义构建任务。例如,我们可以通过下面的代码来定义一个名为"clean"的任务,用于清理构建目录: groovy task clean(type: Delete) { delete buildDir } 3. 使用Gradle进行版本控制 Gradle可以与Git等版本控制系统集成,这样就可以方便地跟踪项目的更改历史。以下是如何使用Gradle将本地仓库与远程仓库关联起来的例子: groovy allprojects { repositories { maven { url "https://repo.spring.io/libs-milestone" } mavenLocal() jcenter() google() mavenCentral() if (project.hasProperty('sonatypeSnapshots')) { maven { url "https://oss.sonatype.org/content/repositories/snapshots/" } } maven { url "file://${projectDir}/../libs" } } } 四、结论 总的来说,Gradle作为一个强大的构建工具,已经成为了大型项目不可或缺的一部分。用Gradle,咱们就能像变魔术一样,让项目的构建流程管理变得更溜、更稳当。这样一来,开发速度嗖嗖提升,产品质量也是妥妥的往上蹭,可带劲儿了!此外,随着Gradle社区的日益壮大和活跃,它的功能会越来越强大,实用性也会越来越高,这无疑让咱们在未来做项目时有了更多可以挖掘和利用的价值,绝对值得咱们进一步去探索和尝试。
2024-01-13 12:54:38
481
梦幻星空_t
Gradle
...id Gradle Plugin 7.0版本中,进一步优化了构建系统性能和配置灵活性。新版本引入了对Compose多模块支持的改进,使得开发者在构建包含Jetpack Compose项目的APK时,可以更加精细地控制不同模块的构建变体组合,从而有效减少冗余构建任务,提升构建效率。 同时,针对多ABI架构导致的APK数量过多问题,Google推荐使用App Bundle替代传统的APK打包方式。通过使用App Bundle,开发者只需上传一个包,Google Play会根据用户设备的具体情况自动分发最合适的APK,不仅减少了存储空间占用,还能够显著降低维护成本并提升用户体验。 此外,对于构建变体策略的深度运用,业界也有不少最佳实践案例。例如,知名开源项目Square的Retrofit就利用产品风味来区分不同的API兼容级别和功能特性,实现了灵活且高效的多版本发布流程。这些实例值得广大Android开发者借鉴学习,以更好地应对复杂多变的产品需求和市场环境。 总之,在瞬息万变的移动开发领域,紧跟Android构建工具和技术趋势,并结合实际项目场景深入理解与应用Gradle构建变体配置,是提升开发效能、实现精益化持续交付的关键所在。
2023-07-24 11:29:47
494
青山绿水
Gradle
...groovy plugins { id 'com.github.johnrengelman.shadow' version '6.1.0' } jar { manifest { attributes 'Main-Class': 'com.example.Main' } } task shadowJar(type: ShadowJar) { archiveBaseName = 'my-app' archiveClassifier = 'all' mergeServiceFiles() } 以上代码片段展示了如何应用Shadow插件并创建一个包含所有依赖的自包含.jar文件。 总结起来,要确保Gradle打包时正确包含依赖包,关键在于合理地在build.gradle中声明和管理依赖,并根据实际需求选择合适的打包策略。Gradle这个家伙的设计理念啊,就是让构建项目这件事儿变得瞅一眼就明白,摸一下就能灵活运用,甭管多复杂的依赖关系网,都能轻松玩转。这样一来,咱们就能麻溜地把项目打包工作给搞定了,高效又省心!在你亲自上手捣鼓和尝试Gradle的过程中,你会发现这玩意儿的强大程度绝对超乎你的想象,它会像个给力的小助手一样,陪你一起砍断开发道路上的各种难题荆棘,勇往直前地一路狂奔。
2023-10-25 18:00:26
454
月影清风_
Gradle
...ovy apply plugin: 'java' sourceCompatibility = 1.8 targetCompatibility = 1.8 dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' } 在这个文件中,我们使用了Spring Boot的web starter作为项目的依赖。这个依赖在构建时,咱们不用手动下载,它会自己悄悄地蹦到项目里,并且自动加入到classpath的大部队中。 三、Gradle中的依赖管理 Gradle提供了强大的依赖管理功能,可以方便地处理各种依赖关系。在Gradle中,我们可以使用dependencies块来声明项目的依赖项。在dependencies块中,我们可以使用多种方式来声明依赖,如implementation、api、compileOnly、runtimeOnly等。 例如,如果我们需要在项目中使用MyLib这个库,我们可以这样做: groovy dependencies { implementation 'com.example:mylib:1.0.0' } 在这个例子中,我们使用了implementation关键字来声明对MyLib的依赖。这就意味着,MyLib会妥妥地被塞进项目的class路径里头,不论是编译的时候还是运行的时候,随时都能派上用场。 四、Gradle中的依赖分组 除了直接引用特定版本的依赖外,我们还可以通过依赖分组来管理依赖。依赖分组可以帮助我们将相关的依赖放在一起,使项目结构更加清晰。 例如,我们可以通过以下方式为所有Spring Boot的依赖设置一个名为'spring-boot'的依赖分组: groovy dependencies { implementation group: 'org.springframework.boot', name: 'spring-boot-starter-web' } 然后,我们就可以通过以下方式引用这个分组中的其他依赖: groovy dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' } 这样,我们就不用每次都手动输入完整的依赖名称了,只需要记住依赖分组的名字即可。 五、结论 总的来说,Gradle是一个非常强大和灵活的构建工具,它为我们提供了许多方便的方式来管理和构建项目。对于每一个真心想在软件开发领域混出一片天的码农来说,掌握Gradle这个家伙可是你工具箱里不可或缺的一项大招!想要真正捣鼓出高质量的软件产品,那就必须得对Gradle有深刻的认识,并且能够像玩转积木那样灵活运用它,这样才能在开发过程中游刃有余,打造出让人心服口服的好软件。 希望大家能够通过这篇文章,对Gradle有一个更深入的理解。如果你有任何问题或者想要进一步了解Gradle,欢迎随时向我提问!
2023-04-09 23:40:00
472
百转千回_t
Gradle
...有依赖 apply plugin: 'application' // 或者,对于web应用,应用war插件 apply plugin: 'war' // 配置mainClass(仅对application插件有效) mainClassName = 'com.example.Main' // 确保构建过程包含所有依赖 jar { from { configurations.runtimeClasspath.collect { it.isDirectory() ? it : zipTree(it) } } } // 对于war插件,无需特殊配置,它会自动包含所有依赖 这段代码的作用是确保在构建JAR或WAR文件时,不仅包含你自己的源码编译结果,还包含所有runtimeClasspath上的依赖。 4. 深入理解依赖管理和打包机制 当你完成上述步骤后,Gradle将会在打包过程中自动处理依赖关系,并将必要的依赖包含在内。不过,在实际动手操作的时候,免不了会碰到些复杂状况。就好比在多个模块的项目间,它们之间的依赖关系错综复杂,像传球一样互相传递;又或者有时候你得像个侦探,专门找出并排除那些特定的、不需要的依赖项,这些情况都是有可能出现的。 这里有一个思考点:Gradle的强大之处在于其智能的依赖解析和冲突解决机制。当你在为各个模块设定依赖关系时,Gradle这个小帮手会超级聪明地根据每个依赖的“身份证”(也就是group、name和version)以及它们的依赖范围,精心挑选出最合适、最匹配的版本,然后妥妥地将它打包进构建出来的最终产物里。所以呢,摸清楚Gradle里面的依赖管理和生命周期这俩玩意儿,就等于在打包的时候给咱装上了一双慧眼,能更溜地驾驭这些依赖项的行为,让它们乖乖听话。 总结来说,通过在build.gradle文件中明确声明依赖、适时刷新依赖、以及合理配置打包插件,我们可以确保Gradle在打包阶段能准确无误地包含所有必要的依赖包。在实际动手捣鼓和不断尝试的过程中,你会发现Gradle这个超级灵活、威力强大的构建神器,不知不觉间已经给我们的工作带来了很多意想不到的便利,让事情变得更加轻松简单。
2023-08-27 09:07:13
471
人生如戏_
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
ps aux | grep keyword
- 查找包含关键词的进程。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"