构建一个Web工程所需的环境搭建（详细图文）

您所在的位置：网站首页 › 搭建一个网站需要什么技术呢 › 构建一个Web工程所需的环境搭建（详细图文）

构建一个Web工程所需的环境搭建（详细图文）

2024-07-03 09:24| 来源: 网络整理| 查看: 265

文章目录前言一、安装Java1.下载JDK2.配置Java环境变量3.检验配置的结果二、安装MySQL和SQLyog1.下载MySQL2.下载SQLyog 三、安装TomCat服务器1.下载TomCat2.配置环境变量(可以跳过这个步骤)3.验证tomcat是否配置成功4.TomCat启动过程遇到的问题5.在tomcat中部署web项目四、安装IDE(IDEA)1.下载IDEA2.安装IDEA 五、安装Maven1.下载Maven2.配置Maven的环境变量3.配置Maven的settings.xml文件4.集成到IDEA中5.补充-在maven中导入第三方jar包或者自己封装的jar包六、配置框架1.配置pom.xml2.配置web.xml3.spring4.springMVC5.MyBatis 最后一步、安装Git1.下载Git2.安装Git3.配置环境4.常用命令5.集成到IDEA

前言

相信大多数人在搭建自己的第一个WEB项目时，都会有一下子接触到很多应用软件而手足无措的经历。这里是我搭建WEB项目时，用到的很多软件从下载到配置一条龙服务的总结（项目源码网址）。希望这篇文章不仅能为我下次重新搭建项目时省下很多查资料的时间，也能为大家带来帮助，觉得有需要的朋友记得收藏！

一、安装Java 1.下载JDK JDK是Java Development Kit的缩写,，即中文Java开发工具。它提供了编译、运行Java程序所需的各种工具和资源，包括Java编译器、Java运行时环境（JRE），以及常用的Java类库等。

JDK的介绍

进入官网下载点击这里

JDK下载网页当你下载的是zip版本，解压后就好了；如果你下载的是exe版本，就需要进行安装操作，根据安装引导就可以完成。

2.配置Java环境变量

1).在系统变量中新建一个JAVA_HOME变量，将安装在电脑中的JDK的bin目录路径赋值给该变量 2).在用户变量的Path中，新建一个环境变量，赋值%JAVA_HOME%\bin

环境变量

3.检验配置的结果按win+R打开运行框，输入cmd进入到命令行窗口。在窗口中输入java -version，当出现了正确的版本号就表示JDK环境配置成功了

检验结果

二、安装MySQL和SQLyog 1.下载MySQL 安装及配置步骤见这篇文章点击这里 2.下载SQLyog SQLyog是一款免费的可视化操作MySQL数据库的软件，它内置视觉架构设计器、可视查询生成器、查询格式化程序，能够智能代码补全、具有语法高亮显示和各种自动格式设置选项的编辑器。安装包从该网址下载点击这里

官网地址

三、安装TomCat服务器 TomCat服务器主要用于将JavaWeb工程部署上去，以便与可以在浏览器中访问。该服务器免费，使用率比较高。 1.下载TomCat 进入官网下载点击这里

tomcat同样是直接解压文件就行（和JDK一样解压即用）

2.配置环境变量(可以跳过这个步骤) 因为是解压即用，所以只需要配置环境变量。如果不配置环境变量，就只能在tomcat安装的bin目录中启动和停止。当然也可以配置环境变量，这样就可以在任何目录下启动，具体配置的步骤和JDK、Maven一样。 3.验证tomcat是否配置成功如果跳过了步骤2，此时必须在tomcat安装的bin目录下打开命令行窗口，输入命令startup.bat或者双击bin目录下的startup.bat。此时会出现一个启动窗口如下，然后访问网页http://localhost:8080/，如果能显示如下页面，即安装配置成功。关闭TomCat窗口，服务就会停止。

4.TomCat启动过程遇到的问题双击startup.bat启动时，窗口会一闪而过可以在startup.bat文件最后加上pause

与JDK版本不适配，导致启动失败版本不匹配会导致启动后，没有TomCat窗口弹出来，此时需要降低TomCat的版本在这里插入图片描述

cmd窗口乱码的原因因为windows系统的默认编码是GBK(936)，而TomCat的默认编码是UTF-8(65001) 命令行默认编码

使用chcp 65001可以临时将编码方式修改为UTF-8，下次打开命令行又会变成GBK 修改后的编码

想要永久将命令行编码格式改成UTF-8，可以在以下图片中的位置修改，但此时会导致电脑别的地方出现乱码(不建议永久) 备注：将TomCat的编码方式改成GBK也可以，但是会导致IDEA中的日志出现乱码，所以同样不建议在这里插入图片描述

5.在tomcat中部署web项目

主要把握好路径对应位置关系。详细请见文章点击这里

四、安装IDE(IDEA) JetBrains IDEA是一款被广泛使用的IDE（集成开发环境），被称为"最好的Java IDE"。它为Java开发提供了许多有用的功能，包括代码自动完成、智能重构、代码调试、版本控制、代码审查等。IDEA还支持其他编程语言，如Kotlin、Python、JavaScript等。 1.下载IDEA 进入JetBrains公司的官网点击这里，选择下载Intellij IDEA IDEA下载官网

可以根据自己电脑的配置选择对应的版本选择其他版本的入口

2.安装IDEA 下载exe版本后，双击进入安装引导程序，安装完成即可 IDEA安装界面

五、安装Maven Maven是著名Apache公司下基于Java开发的开源项目，用于依赖版本的控制。只需要在pom.xml文件中配置依赖，maven就可以自动帮你加入jar包。 1.下载Maven 进入Apache官网下载点击这里

Maven下载网址

选择版本，根据IDEA的版本来选，低版本的IDEA无法运行高版本的Maven，合适才最重要！版本对应情况

Maven下载官网

maven的安装很简单，就是直接解压文件就行（和JDK一样解压即用，当然了，前提是你下载的是zip压缩包格式） 2.配置Maven的环境变量同配置Java环境变量一样

1).在系统变量中新建一个MAVEN_HOME变量，将安装在电脑中的Maven的bin目录路径赋值给该变量在这里插入图片描述

2).在用户变量的Path中，新建一个环境变量，赋值%MAVEN_HOME%\bin 配置Path 3).检验环境配置的结果 win+R打开运行窗口，输入cmd运行命令行窗口配置结果

3.配置Maven的settings.xml文件

根据下图的路径配置settings.xml文件在这里插入图片描述 1).新建一个repositor文件夹，作为存放jar包的本地库，配置代码如下

F:\Maven\maven3.8.6-repository

2).修改中央仓库为阿里源，因为镜像仓库的访问速度很快，阿里云的镜像网站有很多，详情信息看点击这里

nexus-aliyun central Nexus aliyun http://maven.aliyun.com/nexus/content/repositories/central

3).配置默认JDK的版本

jdk-1.8 true 1.8 1.8 1.8 1.8 4.集成到IDEA中

详细请见文章点击这里

5.补充-在maven中导入第三方jar包或者自己封装的jar包抓住maven管理jar包的思路——就是根据pom.xml文件从本地库中找到依赖添加到相应的工程中，如果本地库中没有找到就从中央仓库中找，然后下载到本地库中。一般情况下，第三方jar包没有pom.xml文件，而自己封装的jar包pom.xml文件可能有些问题，所以得通过Maven命令对jar进行安装，也就是install到本地库中。在命令行中输入相关命令： mvn install:install-file -Dfile=F:\Maven\maven3.6.3-repository\com\atming\maven\myssm.jar -DgroupId=com.atming.maven -DartifactId=myssm -Dversion=1.0 -Dpackaging=jar 其中file路径可以随便填，只要是jar的路径即可；groupId、artifactId、version均可随便填，规范就行；packaging填jar或者war 六、配置框架

在项目初始化时，首先加载 web.xml 文件，启动 Spring MVC 的 DispatcherServlet，并指定其他配置文件的位置和启动参数。然后加载 applicationContext.xml，通过读取并解析此文件，配置整个 Spring 应用程序。接下来加载 mybatis-config.xml，用于配置 MyBatis 框架的全局属性和映射器等。最后加载 springmvc-servlet.xml，用于配置 Spring MVC 框架的 Web 层相关组件。详细流程见文章点击这里

1.配置pom.xml 根据这个网站点击这里，找到自己需要的jar包的三大坐标，加入到pom.xml中即可自动导入对应版本的jar包。 Java-Web com.atming.maven 1.0-SNAPSHOT 4.0.0 bookcity-springMVC 1.0-SNAPSHOT war 16 16 5.3.1 org.springframework spring-context ${spring.version} org.springframework spring-beans ${spring.version} org.springframework spring-web ${spring.version} org.springframework spring-webmvc ${spring.version} org.springframework spring-jdbc ${spring.version} org.springframework spring-aspects ${spring.version} org.springframework spring-test ${spring.version} org.mybatis mybatis 3.5.7 org.mybatis mybatis-spring 2.0.6 com.alibaba druid 1.1.10 junit junit 4.13.1 test mysql mysql-connector-java 8.0.30 log4j log4j 1.2.17 com.github.pagehelper pagehelper 5.3.1 ch.qos.logback logback-classic 1.2.3 javax.servlet javax.servlet-api 4.0.1 provided com.fasterxml.jackson.core jackson-databind 2.12.1 commons-fileupload commons-fileupload 1.3.1 org.thymeleaf thymeleaf-spring5 3.0.12.RELEASE org.apache.maven.plugins maven-compiler-plugin 3.8.1 true 2.配置web.xml 这里给出一个用过的案例作为模板，其中编码过滤器必须在第一位，因为一旦先获取参数，编码过滤器就会失效 CharacterEncoding org.springframework.web.filter.CharacterEncodingFilter encoding UTF-8 forceEncoding true CharacterEncoding /* HiddenHttpMethodFilter org.springframework.web.filter.HiddenHttpMethodFilter HiddenHttpMethodFilter / SpringMVC org.springframework.web.servlet.DispatcherServlet contextConfigLocation classpath:SpringMVC-servlet.xml 1 SpringMVC / org.springframework.web.context.ContextLoaderListener contextConfigLocation classpath:applicationContext.xml 3.spring 4.springMVC 5.MyBatis 一款半自动的ORM（Object Relationship Mapping）框架轻量级，性能出色SQL和Java编码分开，功能边界清晰。Java代码专注业务、SQL语句专注数据开发效率稍逊于Hibernate,但是完全能够接受进入jar包下载网页点击这里这里主要是用到MyBatis的官方文档mybatis.pdf，里面有核心配置文件和映射文件的说明在maven中配置核心文件（主要用于配置连接数据库的环境以及MyBatis的全局配置信息） DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "https://mybatis.org/dtd/mybatis-3-config.dtd"> 在maven中配置映射文件（主要用来说明如何操作数据库） DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "https://mybatis.org/dtd/mybatis-3-mapper.dtd"> 最后一步、安装Git Git主要用于开发过程中资源的版本控制，便于多人协同开发。 1.下载Git 进入官网点击这里

下载Git的官方页面

2.安装Git

安装步骤

安装步骤在这里插入图片描述

后面直接全部默认，即可安装完成。 3.配置环境

1.设置user的name和email 在这里插入图片描述

2.新建一个git.ignore文件，文件内的代码如下，建议放在家目录下。然后在.gitconfig文件中加上[core]标签（.gitconfig也是在家目录下）

[core] excludesfile = C:/Users/LNV/git.ignore

在这里插入图片描述下面是一个.gitconfig的模板，也可以根据需求自己修改

# Compiled class file *.class # Log file *.log # BlueJ files *.ctxt # Mobile Tools for Java (J2ME) .mtj.tmp/# Package Files # *.jar *.war *.nar *.ear *.zip *.tar.gz *.rar hs_err_pid* .classpath .project .settings target .idea *.iml 4.常用命令 git安装后-指定名称和邮箱 $ git config --global user.name "Your Name" $ git config --global user.email "[email protected]" 删除根目录下的.git文件夹 $ find . -name ".git" | xargs rm -Rf $ rm -rf .git 创建版本库 $ mkdir learngit //创建 $ cd learngit //使用 $ pwd //查看当前目录 $ git init //初始化，生成.git文件(若该文件隐藏，则使用ls -ah) 把文件添加add和提交commit到版本库 $ git add test.txt //添加 $ git commit -m "wrote a test file" //提交 $ git commit -m "add 3 files." //一次性提交多个文件版本控制 $ git log //查看提交历史记录，从最近到最远，可以看到3次 $ git log --pretty=oneline //加参，简洁查看 $ git reflog //查看每一次修改历史 $ cat test.txt //查看文件内容 $ git status //查看工作区中文件当前状态 $ git reset --hard HEAD^（HEAD~100）（commit id） //回退版本 $ git checkout -- test.txt //丢弃工作区的修改，即撤销修改 $ git reset HEAD test.txt //丢弃暂存区的修改（若已提交，则回退）删除文件 $ rm test.txt //直接删除 $ git rm test.txt $ git commit -m "remove test.txt" //删错了，恢复 $ git checkout -- test.txt 远程仓库 $ ssh-keygen -t rsa -C "[email protected]" //创建SSH Key $ git remote add origin [email protected]:Daisy/AKgit.git //关联 $ git push -u origin master //将本地内容推送到远程仓库（第一次） $ git push origin master //将本地内容推送到远程仓库（之后） $ git remote -v //查看远程仓库信息 $ git remote rm origin //删除远程仓库（解绑） $ git clone [email protected]: Daisy/AKgit.git //克隆远程仓库 //克隆之后使用和查看 $ cd gitskills $ ls $ git remote //查看远程库的信息 $ git remote -v //查看远程库的详细信息多人协作 $ git checkout -b dev //创建并切换到分支dev //创建并切换到分支dev，同上 $ git branch dev //创建 $ git checkout dev //切换 //新版本 $ git switch -c dev //创建并切换到分支dev $ git switch master //直接切换分支 $ git branch //查看当前分支 $ git merge dev （--no-ff）(-m)//合并，把dev分支的工作成果合并到master分支上 $ git branch -d dev //删除dev分支 $ git stash //将现场储藏起来 $ git stash list //查看储存的工作现场 //恢复和删除 $ git stash apply $ git stash drop //恢复并删除 $ git stash pop $ git cherry-pick 4c805e2 //复制修改 $ git push origin master（dev） //推送分支 $ git checkout -b dev origin/dev //创建远程origin的dev分支到本地 $ git pull //抓取分支（解决冲突） $ git branch --set-upstream-to=origin/dev dev//指定本地与远程dev的链接 $ git rebase //把本地未push的分叉提交历史整理成直线标签管理 $ git tag v1.0 //打标签 $ git tag -a v0.1 -m "version 0.1 released" 1094adb //指定标签名和说明文字 $ git tag //查看所有标签 //若是忘记打，则查找历史提交commit id ，再打上 $ git log --pretty=oneline --abbrev-commit $ git tag v0.9 f52c633 $ git show v0.9 //查看标签详细信息 $ git tag -d v0.1 //删除标签 $ git push origin v1.0 //推送标签到远程 $ git push origin –tags //一次性推送全部本地标签 //删除标签，（若已推送到远程，先从本地删除，从远程删除） $ git tag -d v0.9 $ git push origin :refs/tags/v0.9 5.集成到IDEA

详细请见文章点击这里

【本文地址】

构建一个Web工程所需的环境搭建（详细图文）

构建一个Web工程所需的环境搭建（详细图文）

今日新闻

推荐新闻