Tomcat服务器部署+Web项目搭建

news2025/2/28 0:15:42

Tomcat服务器部署+Web项目搭建

1.Tomcat服务器

    1 . Tomcat下载
    2 . Tomcat启动与关闭
    3 . 配置端口号2.IDEA搭建Web项目

1 . web项目创建

2 . 本地服务器配置

Tomcat下载
tomcat官网:tomcat

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O791ztxs-1646892259223)(en-resource://database/584:1)]
1.选择与自己电脑对应的位数下载,我们下载64位的
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2MKIQV7k-1646892259225)(en-resource://database/586:1)]
2. 下载完成以后,我们将tomcat解压到一个纯英文路径即可 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SeDv4Q2s-1646892259225)(en-resource://database/588:1)]

  1. 打开 ‘bin’ , 找到 “startup.bat”,双击启动服务器
    在这里插入图片描述

  2. 启动成功
    在这里插入图片描述

  3. 打开浏览器· 输入 localhost:8080 出现Tomcat官网
    在这里插入图片描述
    出现这个页面,tomcat就安装好了

    6.如何关闭服务器,双击 bin 目录下的 “shutdown.bat”即可

- 配置端口号

如何修改Tomcat端口号

1.在Tomcat路径下找到 conf 文件夹
在这里插入图片描述
2.在conf文件下找到 "server.xml" 用记事本打开 找到<Connector Port = "8080"> 修改 8080 既为修改端口号,端口号不要冲突,一个服务 只能使用一个端口号
在这里插入图片描述

  • web项目创建

1.打开IDEA, 在 File 中创建一个 Project
在这里插入图片描述
2.选择Maven项目,勾选Create , 找到 “webapp”, 点击 "Next"
*没有部署maven的同学可以去看我发布的部署maven的文章 *

在这里插入图片描述
3.设置项目名和项目路径
在这里插入图片描述
4.配置maven的路径地址和配置文件地址
在这里插入图片描述
创建完成后等待项目加载
在这里插入图片描述

5.我们在“main” 文件下创建一个"java"和"test"存放java文件和测试文件
在这里插入图片描述
6.选中"java"文件夹,右键将文件夹设置为"Sourecs Root"
在这里插入图片描述
7.同样的方式将"test"文件夹设置为"Resources Root"
在这里插入图片描述
8.同样的方式在src目录下创建一个"test"文件夹 在这里插入图片描述
9.重复上面的步骤,不过这里的java 和 test 要选择 ‘Test Sources Root’ 和 ‘Test Resources Root’
在这里插入图片描述
在这里插入图片描述

  • 配置本地服务器
  1. 找到 "Add Configuration"
    在这里插入图片描述
    2.添加一个 Tomcat Server 下的 Local
    在这里插入图片描述
    3.点击 Configure…
    在这里插入图片描述
    4.添加我们的Tomcat
    在这里插入图片描述
    5.然后完成我们的配置
    在这里插入图片描述
    6.我们在WEB-INF下创建我们的html页面
    在这里插入图片描述
    7.然后点击右键 Run即可
    在这里插入图片描述
    在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/405108.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HTML跳动爱心代码|最近很火的爱心代码你还没收到吗

最近很火的跳动爱心代码HTML实现可DIY 看效果 QQ录屏20221108115545点个赞吧,养成好习惯 不想动手的小伙伴可以直接&#x1f447;&#x1f447; 阿里云盘直接提取 阿里云盘 DIY版----提取码: f30q 使用说明 主体代码来源于网络,让我们为原作者点赞&#x1f44d;我用css3的anim…

云服务器部署 Web 项目

一: 搭建 Java 部署环境1: 安装 JDK2: 安装 Tomcat总结3: 安装 MySQL(1): 依次安装(2): 更改配置(3): 启动(4): 测试连接二: 部署 web 项目1: 给服务器准备好依赖的数据2: 微调我们的 Java 代码3: 重新打包4: 上传到服务器上5: 验证一: 搭建 Java 部署环境 之前说过 yum这个命…

手把手教你安装VSCode(附带图解步骤)

一、前端工具vscode 1.1、概述 前端开发是创建Web页面或app等前端界面呈现给用户的过程&#xff0c;通过HTML&#xff0c;CSS及JavaScript以及衍生出来的各种技术、框架、解决方案&#xff0c;来实现互联网产品的用户界面交互 [1] 。它从网页制作演变而来&#xff0c;名称上有…

Node安装及配置

目录一、Node安装二、Node环境配置2.1 下载国内淘宝镜像三、下载Node.js项目一、Node安装 首先我们进入Node的官网链接: 下载链接 点击下载&#xff0c;选择自己对应的版本&#xff0c;博主这边使用的Windows 安装包 (.msi) 下载之后双击运行下载包点击下一步 点击change 安装完…

【Vue】悬浮窗和聚焦登录组件经验总结

前言 ​ 本文整理了实现悬浮窗以及聚焦登录组件的功能。 ​ 为的是方便大家和自己的学习。 ​ 省流&#xff1a;可以只看1.2 和 2的代码即可 1 悬浮窗 现在各大流行视频网站的平台都在使用这种悬浮显示的效果&#xff0c;我就想这种东西是怎样搞出来的呢&#xff01;几经尝…

Vue项目保持用户登录状态(localStorage + vuex 刷新页面后状态依然保持)

在前端项目开发中&#xff0c;实现用户的登陆注册功能时常常会有一个问题&#xff0c;那就是我们设置的登录状态&#xff0c;在浏览器页面刷新后就消失了&#xff0c;这其实只是因为我们没有保存用户状态。 这里小马演示使用的是 localStorage vuex 方法&#xff08;其他诸如…

SpringBoot+Vue实现简单用户管理平台第一篇(后端接口设计)

&#x1f680; 注重版权&#xff0c;转载请注明原作者和原文链接&#x1f96d; 作者&#xff1a;Yuan-Programmer&#x1f34e; 主页&#xff1a;https://blog.csdn.net/weixin_47971206/article/details/121368075?spm1001.2014.3001.5502&#x1f349; 进来的小伙伴点点赞呀…

nuxt3:我们开始吧-开发-配置-部署

一、背景介绍 2022 年 11 月 16 日&#xff0c;全球最大的 Nuxt 会议 Nuxt Nation 2022 在线举行&#xff0c;并正式发布了 Nuxt.js 3.0 的第一个稳定版本。Nuxt 3 是基于 Vite、Vue3 和 Nitro 的 Nuxt 框架的现代重写&#xff0c;具有一流的 Typescript 支持&#xff0c;是两年…

前端基础从头学——VsCode使用教程+html基础(入门篇)

作者简介&#xff1a;hello&#xff01;大家好&#xff0c;初学前端知识&#xff0c;请多多指教。 希望我的分享能够帮助到更多的人&#xff0c;如果觉得我的分享有帮助的话&#xff0c;请大家一键三连支持一下哦~ 文章目录前言一、VsCode编辑器使用教程1、VsCode的下载与安装2…

HTML+CSS+JS+Jquery+练手项目+...合集(前端学习必备,持续更新中...)

非常实用的教程案例&#xff0c;均有详细的步骤讲解&#xff0c;不懂得可以私信博主&#xff0c;看到就会回的&#xff01;未来将继续更新Vue&#xff0c;React等更多前端知识&#xff0c;欢迎收藏关注&#xff01; 文章目录一、HTML二、CSS三、JavaScript四、jQuery五、 前端项…

PromiseA+规范之手写Promise

前言 1、Promise 的意义&#xff1f; 在javascript的世界中&#xff0c;所有代码都是单线程执行的&#xff0c;由于这个“缺陷”&#xff0c;导致JavaScript的所有网络操作&#xff0c;浏览器事件&#xff0c;都必须是异步执行。Ajax可以解决这个问题&#xff0c;但是并不好复用…

【flask进阶】Flask实现自定义分页(python web通用)

📋 个人简介 💖 作者简介:大家好,我是阿牛,全栈领域新星创作者。😜🎉 支持我:点赞👍+收藏⭐️+留言📝📣 系列专栏:flask框架快速入门🍁💬格言:要成为光,因为有怕黑的人!🔥 目录 📋 个人简介前言后端后端思路后端代码前端前端思路前端代码

微信小程序 - 完美解决 web-view 公众号文章或第三方网站分享转发后,打开提示 “无法打开该页面,不支持打开” 或 “页面不存在”(IOS 苹果系统打开是空白页,安卓系统会有提示)超详细排查

前言 由于出现这种问题的原因有很多种,绝对不像其他文章教程那样无效,本文提供了超级详细的排查思路与解决方案。 本文从 [初步排查] 到 [代码排查],完美解决 因各种原因导致 webview 页面分享后,用户打不开提示错误 这类问题, 您只需要按照排查步骤一步一步的走,从检查…

echarts入门教程(超级详细带案例)

一.echarts的介绍 1.echarts是一款基于JavaScript的数据可视化图表库&#xff0c;提供直观&#xff0c;生动&#xff0c;可交互&#xff0c;可个性化定制的数据可视化图表。ECharts最初由百度团队开源&#xff0c;并于2018年初捐赠给Apache基金会&#xff0c;成为ASF孵化级项目…

防抖、节流的介绍

目录 一、什么时候要用到防抖节流 输入框连续输入的案例 滚动条案例 二、什么是防抖、节流 使用防抖来解决输入框案例造成的浪费现象&#xff1a; 使用节流来解决滚动条案例造成的浪费现象&#xff1a; 三、总结 一、什么时候要用到防抖节流 针一类类快速连续触发和不可控…

不会前端没事,用GWT Boot和Spring Boot构建Web程序

本文介绍了一种使用Java构建Web应用程序的方式&#xff0c;其中GWT或者J2CL是必不可少的&#xff0c;另外还有多个UI框架可以配套使用&#xff0c;比如Domino UI、VueGWT、GWT Material Design (GMD)&#xff0c;React4J、WebFX&#xff0c;还有一些活跃低的框架GWTBootstrap3、…

2023前端面试题及答案整理(Vue)

watch 和 computed 区别 watch 是监听动作&#xff0c;computed 是计算属性watch 没缓存&#xff0c;只要数据变化就执行。computed 有缓存&#xff0c;只在属性变化的时候才去计算。watch 可以执行异步操作&#xff0c;而 computed 不能watch 常用于一个数据影响多个数据&…

Vue项目部署上线全过程(保姆级教程)

Vue项目部署上线全过程&#xff08;保姆级教程&#xff09; 上线前准备 1.先在vue.config.js文件中配置反向代理解决跨域请求问题 const { defineConfig } require(vue/cli-service) module.exports defineConfig({transpileDependencies: true,devServer: {proxy: {"…

web渗透测试学习路线

web渗透学习路线 文章目录*web渗透学习路线*前言一、web渗透测试是什么&#xff1f;二、web渗透步骤1.前期工作2.中期提高3.后期打牢总结前言 本文整理的学习路线&#xff0c;清晰明了&#xff0c;重点分明&#xff0c;能快速上手实践&#xff0c;相信想学的同学们都能轻松学完…

vue实现文件上传

这里使用的是vue2&#xff0c;ui用的是element ui &#xff0c;后期有时间会更新vue3版本的。前端文件上传使用的是ui框架中的Upload的图片列表缩略图&#xff0c;喜欢别的样式可以直接更改。看图注fileChange():方法可以直接获取到上传文件的状态及可以直接拿到图片的值可以新…