idea构建web项目-超详细教程

news2025/2/27 17:29:17

1、idea构建web项目

idea构建web项目的超级详细教程,一步一步来,完全没问题!

1、新建一个空项目
在这里插入图片描述

2、新建java模块,名为webDemo1
在这里插入图片描述
在这里插入图片描述
3、选择webDemo1右键,选择Add Framework Support
在这里插入图片描述
选择Web Application
在这里插入图片描述

4、在WEB-INF下新建文件夹classes和lib
在这里插入图片描述
5、打开项目结构(Project Structure)
在这里插入图片描述
6、项目配置
在这里插入图片描述
7、模块配置
在这里插入图片描述
在这里插入图片描述
8、Facets配置,这里制定了web目录不是一个普通的文件夹,而是web项目
在这里插入图片描述
在这里插入图片描述
9、 配置Artifacts
在这里插入图片描述
在这里插入图片描述
10、 添加Tomcat
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
11、配置Deployment。这个操作可以让Tomcat找到war包所在的位置,从而将web项目部署在Tomcat服务器上
在这里插入图片描述
在这里插入图片描述
12、添加项目所需要的依赖
在这里插入图片描述
在这里插入图片描述
(1)导入lib下得jar
在这里插入图片描述
在这里插入图片描述
web项目需要的jar包都存放在lib目录下,将lib导入
在这里插入图片描述
(2)将tomcat相关的jar导入
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
13、配置完成,运行服务
在这里插入图片描述
14、成功运行。
在这里插入图片描述

2、写第一个servlet

1、新建java类实现Servlet接口,并实现5个抽象方法
还可以继承GenericServlet,此时只需实现service()方法即可。
还可以继承HttpServlet类,此时只需要重写doGet()方法或者doPost()方法就可以了。
在这里插入图片描述
2、编写web.xml
在这里插入图片描述
3、在service方法中输入输出语句
在这里插入图片描述
4、地址栏输入地址
在这里插入图片描述/5、控制台打印输出
在这里插入图片描述

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

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

相关文章

Geeker-Admin项目跟做笔记(vue3+vite+pinia)

文章目录一、路由配置(一) 静态路由(二)动态路由二、axios的配置1. 创建axiosCancel.ts文件,用于有pending后直接取消2. axios封装3. 使用三、pinia仓库的使用四、Header 设计笔记1. 国际化(中英文切换&…

【小程序开发】—— 封装自定义弹窗组件

文章目录🍋前言:🍍正文1、探讨需求封装popup自定义弹窗组件2、实战开发弹窗组件2.1 子组件内容 popup.vue文件2.2 父组件引用子组件3、效果图预览3.1 不使用具名插槽的原有样式效果3.2 使用具名插槽之后样式效果🎃专栏分享&#x…

快速掌握Nginx部署前端项目(从Nginx安装配置及部署都非常详细哦!)

前言: 之前在Linux系统中部署了后端项目,今天继续来给大家分享如何部署前端项目。 涉及到了Nginx的简单介绍以及Nginx如何安装及配置并且能够部署前端项目 Nginx是一个轻量级的反向代理web服务器,在当今应用地非常广泛,特别是前…

vue的proxy代理详解

一、proxy常用参数说明 module.exports {publicPath: "/",devServer: {proxy: {"/api": {// 代理名称 凡是使用/api开头的地址都是用此代理target: "http://1.2.3.4:5000/", // 需要代理访问的api地址changeOrigin: true, // 允许跨域请求pa…

[Node.js]如何在IDEA中配置Node.js

【目录】 一、下载Node.js 二、安装Node.js 三、配置Node.js 四、测试Node.js 一、下载Node.js 官网下载链接:Node.js 点击下图红色标注区域,即可下载msi文件 二、安装Node.js 打开msi文件 一路点击“Next”(建议自定义文件安装路径&#xf…

vue3的基本使用(超详细)

一、初识vue3 1.vue3简介 2020年9月18日,vue3发布3.0版本,代号大海贼时代来临,One Piece特点: 无需构建步骤,渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)Jams…

使用小程序制作一个电子木鱼,功德+1

此文主要通过小程序制作一个敲木鱼的小工具,在心烦意乱的时候缓解一下焦虑。 一、创建小程序二、设计页面三、代码块一、创建小程序 访问微信公众平台,点击账号注册。选择小程序,并在表单填写所需的各项信息进行注册。在开发管理选择开发设置,将AppID及AppSecret复制出来进…

Vue路由导航报错:NavigationDuplicated: Avoided redundant navigation to current location解决方法

点击vue路由跳转,控制台报错:Avoided redundant navigation to current location: “/xxxxxx“解决方法 一、描述问题 在使用this.$router.push跳转页面时候,重复点击菜单引起路由重复报错 比如当前页面显示区是路由组件‘/cats’&#xff…

关于js 中 try catch用法

try…catch语法,简单来说就是用来捕获异常的,我就简述一下我遇到的问题 当使用vuex在actions发请求时,这个接口不仅可以添加购物车数据,同时也可更新产品的数量,我就在更新产品数量的地方出现了问题, 先说说…

HTML生日快乐-生日祝福(烟花+粒子动画)

本人对前端不太了解,对网上代码进行简单修改,完成部署。 粒子动画:https://github.com/kennethcachia/shape-shifter 烟花:网上有许多相关代码,未找到原作者 效果:http://8.130.106.21/HappyBirthday/Happy…

原生HTML+CSS+JS制作自己的导航主页(前端大作业,源码+步骤详解)

文章目录前言一、插入背景二、头部1.导航栏2. 优化导航栏3 时间4. 搜索框三、主体四、底部五、背景泡沫球特效六、note小便签七、全部代码1. index.html2. style.css3. index.js八、总结链接:https://pan.baidu.com/s/1uaRCJXyIrY56NXabau4wjw?pwdLDL6 提取码&…

Vue3详细教程

一.Vue3的介绍 相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。 (1)新增组合式api (2)更加接近原生 &#xf…

JavaWeb web.xml配置详解

参考: XML 教程Java web之web.xml配置详解 Javaweb三大组件是:Servlet,Filter,Listener。 1、Servlet Servlet作为中转处理的容器,连接了客户端和服务器端的信息交互和处理。2、Filter 拦截用户请求,在服…

tomcat下载安装及配置教程

之前选择的版本是tomcat 10.0按照下面流程走了一遍,发现一直是未发现(Not Found)的状态。 后来,我换成了tomcat 9版本就OK了 下面以tomcat 9.0版本为例讲述其过程 一、下载Tomcat及解压 官网: http://tomcat.apach…

Vue基础知识总结 9:vue webpack打包原理

🍅 作者简介:哪吒,CSDN2021博客之星亚军🏆、新星计划导师✌、博客专家💪 🍅 哪吒多年工作总结:Java学习路线总结,搬砖工逆袭Java架构师 🍅 关注公众号【哪吒编程】&#…

解决npm warn config global `--global`, `--local` are deprecated. use `--location=global` instead.

在安装配置node时,cmd检查node没问题 但是检查npm就出现npm warn config global --global, --local are deprecated. use --locationglobal instead.的报警 问题出现在,以前版本npm的命令一般时XXX -g 但是随着版本更替,这个老方法被弃用了&a…

详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)

vite创建vue3ts项目 为何选择vite: vite 是一个基于 Vue3 单文件组件的非打包开发服务器,它做到了本地快速开发启动: 快速的冷启动,不需要等待打包操作; 即时的热模块更新,替换性能和模块数量的解耦让更新…

uniapp中自定义导航栏

相信很多小伙伴在使用uniapp进行多端开发的时候呢,在面对一些奇葩的业务需求的时候,uniapp给我们提供的默认导航栏已经不能满足我们的业务需求了,这个时候就需要我们自己自定义导航栏使用啦。 当然uniapp也给我们提供了很多的自定义导航栏的…

开箱即用,这些 Vue3 后台管理系统模板绝对让你爽歪歪!

原文链接:Vue3 后台管理系统模板推荐。 之前写了一篇关于 Vue2 的后台管理系统模板的推荐,详情请见 Vue后台管理系统模板推荐。 Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vue3 的后台管理系统模板,分享给在座的仌 &am…

web前端面试题(必背面试题)

必背面试题-手写题 前端面试(手写题)_Z_Xshan的博客-CSDN博客 css系列 面试官:说说你对盒子模型的理解 一、是什么 所有元素都可以有像盒子一样的平面空间和外形 一个盒子由四部分组成:context ,padding,margin,border con…