在idea写出第一个前端页面的准备步骤和遇到的问题

已于 2024-08-23 23:04:25 修改
阅读量865 收藏 7
点赞数 24
文章标签： web
于 2024-07-15 17:18:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_55121347/article/details/140440002
版权

第一步:创建一个新的文件

命名比较随意

问题一:没有web模块,并且没有JSP可以生成

解决措施

输入对应的地址

点击应用

解决

问题二:怎么部署Tomcat

解决措施

选择本地

一般是配置好的

找到我们项目下的web包

解决

点击debug运行

问题三:出现无法运行端口占用问题

解决措施

修改端口号

还有debug的端口号

解决

tomcat启动,弹出一个页面

问题四:出现乱码问题

解决措施

把它改成GBK,重启Tomcate

解决

问题五:出现404问题

解决措施

我这里是因为还没有创建页面,创建页面就好了,默认是index.jsp(不知道他为什么不自动生成)

这是本人解决这些问题的步骤,用于记录自己,也希望可以帮助别人,可能有些不对,本人虚心,请大佬指正

努力学习的小宇同学
关注
使用Idea搭建vue前端项目
weixin_42408447的博客
01-16 1万+
前言 【1】安装node.js，配置好环境变量，并指向taobao镜像地址 【2】安装Vue-cli3 【3】vue create 项目名称 【4】vue add element (添加 element，一个 element 风格的 UI 框架) 【5】npm install axios (安装 axios，用于网络请求) 【6】npm install vuex --save(安装 Vuex，用于管理状态) 【7】npm install vue-router (安装 路由，用于实现两个 Vue 页面的跳转
idea开发java前端_Web前端开发神器 Intellij IDEA
weixin_35261213的博客
02-26 9131
1前言在创建项目中，IDEA提供了很多项目模板，比如Spring MVC模板，可以直接创建一个基于Maven的Spring MVC的demo，各种配置都已经设定好了，直接编译部署就可以使用。最开始自己创建maven web项目时，要么创建一个springmvc项目进行修改，要么创建了一个maven项目(不是web项目)，自己添加webapp目录添加配置web.xml文件，以及添加web moudl...
idea开发java前端_2.4-使用idea开发javaWeb应用程序-1（前端页面）
weixin_35117321的博客
02-26 4910
使用idea开发javaWeb应用程序-编写前端页面前言上一节搭建了idea+maven+tomcat的java web开发环境，创建了一个webapp模板工程：FirstJavaWeb这节将在此基础上，编写3个静态页面，并实现页面的一些效果和跳转：index.html 用 html4编写login.html 用html5 编写main.jsp 用jsp页面编写工程结构如下：一、新建index.h...
Day01_IDEA创建前端项目、w3cschool手册
weixin_45014721的博客
04-12 471
文章目录一、两种架构二、IDEA创建前端项目三、w3cschool手册 一、两种架构 * 软件架构： 1. C/S: Client/Server 客户端/服务器端 * C/S模型需要安装软件什么的，你使用的软件基本都是C/S模型，如：QQ，微信... 2. B/S: Browser/Server 浏览器/服务器端 * B/S模型只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序 * 举例：你通过网址访问西南石油大学主站，这就是B/S模型 * B/S架构详解 *
前后端入门：用idea运行一个前后端web项目（开源源码＋配置教程）
m0_74249400的博客
03-31 7154
运行一个前后端项目的初体验
前端开发准备
Neroiie的博客
05-30 327
02-前端开发准备 前端开发准备 1. 离线文档的下载 离线文档：Zeal - Offline Documentation Browser 如果安装报错，需安装：Visual C++ Redistributable 下载安装完成之后，会在“开始”屏幕或者桌面生成快捷键，双击打开,在第一次使用时，并不是直接就有HTML文档的，还需要Download。这里点击工具栏的Tools-Assets或者下方的“Install and update docsets”都是OK的 按照步骤安装即可 在Installed中
2024年Web前端最新idea上传项目到gitee（码云）超详细，前端开发移动端
2401_84436058的博客
05-05 477
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】第三步：右键项目，照着点击第四步：第五步：点击第四步后这样。第六步：我们点击commit后会出来一个警告，继续点击commit。第七步：这样证明前面的没有做错，我们继续。第八步：第九步：点击此处。第十步：输入我们上面复制的仓库地址。注意：点击OK，如果是第一次会出现一个填写gitee的账号和密码的弹出框，填写我们的gitee账号和密码即可。
基于IDEA部署Tomcat服务器，并在上面创建第一个servlet程序，实现前后端交互。然后做一个简单的四则运算计算器。
Milo_Luom的博客
04-11 4283
基于IDEA的第一个servlet程序 简介 ​ 基于IDEA部署Tomcat服务器，并在上面创建第一个servlet程序，实现前后端交互。然后做一个简单的四则运算计算器。 ​ 本程序基于2021年最新版IDEA，解决的与老版本配置不同问题 步骤一 安装Tomcat（前提已经安装好JDK) ​ 1、Tomcat是免费的服务器，直接在官网下载即可 ​ 2、压缩包下载好后直接将其解压到指定路径下 ​ 3、在安装路径下有一个bin文件夹，在里面找到startup.bat文件，双击运行，之后出现以下运行结果
IntelliJ IDEA快速入门 | 第三十一篇：在IntelliJ IDEA 2020.3.3中添加Tomcat镜像并部署Web工程
李阿昀的博客
04-08 921
写在前面 讲完模板以后，咱们来说一下如何在IntelliJ IDEA当中去创建Java Web的工程。这里，我们主要分两种情况来讲，第一种是如何创建静态的Java Web工程，另外一种是如何创建动态的Java Web工程。如果我们是做前端开发的话，那么极有可能会涉及到静态的Java Web工程的创建，当然了，对咱们Java后端程序员来讲，创建动态的Java Web工程当然是首选了。 接下来，我会在工程下以Module的方式来分别演示静态和动态的Web工程的创建。 如何创建静态的Web工程？ 。。。 如何创建
Spring Boot入门(18)：使用Spring Boot快速实现静态资源映射，完美展示前端页面！
**My Coding Family**
04-29 5350
Spring Boot如何设置静态资源映射，一文带你搞定。
IDEA前端——监听并实时编译输出页面效果
m0_45868520的博客
09-06 2431
IDEA前端——监听并实时编译输出页面效果 简介 我们使用DEA编写前端页面，在调试的时候经常是编写一点代码就要重新运行代码才能看到页面新编写的效果，特别麻烦，这篇文章将讲述写代码时，浏览器不用重新加载就能实时看到页面效果的方法 第一步：IDEA配置 在IDEA中下载Live Edit插件安装即可 第二步：浏览器配置 下载谷歌插件JetBrains IDE Support并安装到谷歌浏览器的扩展程序里面即可 第三步：调试 重新打开IDEA，然后顺便打开一个已经编写好的前端代码，此时会发现调试浏览器里面多了
前端用idea 开发，运行页面太麻烦了
zcy62317803的博客
03-01 1万+
前端用idea 进行项目.html文件修改微调的时候。每次都package 对项目打包。再浏览页面 运行都要好几分钟。太浪费时间了 请大神指点。能不能有简单的 ，例如实时页面更新的方法 进行页面编辑 快速浏览 ...
Google+开发团队分享经验
weixin_33691817的博客
03-15 118
大家好，我是Google+基础架构团队的工程师。早在7月份，当Joseph Smarr开发出了Ask Me Anything栏目后，很多人都想知道一些关于Google+技术架构方面的信息。我们几个工程师觉得应该写一些关于这个题目的文章，给大家分享。 对于Google+团队，我们头一个要认真处理的问题就是：页面生成速度。在谷歌，我们十分在意速度，下面就是我们用来提升速度的5项技术。 1. 我们喜...
IDEA使用前端基础
m0_46692607的博客
06-30 8144
常用快捷键和快捷语句 Ctrl+Shift+Enter：将输入的if、for、函数等等补上{}或者;使代码语句完整 Ctrl+Alt+T：将选中的代码使用if、while、try/catch等包装 Alt+/：自动完成 Alt+Enter：自动提示完成 Ctrl+/：使用//进行注释 Ctrl+Shift+/：使用/**/进行注释 Ctrl+Alt+L：格式化代码 Ctrl+Alt+I：自动缩进行 Ctrl+Alt+O：优化import Ctrl + Space：代码提示 Ctrl + Shift + Sp
IDEA启动前端项目
热门推荐
weixin_43205920的博客
06-05 2万+
IDEA启动前端项目： 第一步首先下载nodeJS 地址:https://nodejs.org/en/ nodeJS里面包含了npm，安装完成之后我们验证安装是否成功：win+R，出入cmd，回车，调出DOS窗口，输入node -v 会显示出Node.js的版本号。 nodeJS安装成功之后就会自动配置好环境变量。 第二步IDEA里面配置 1.点击红色标注起来的Edit 2.配置红色标注起来的N...
2024年年度关于前端学习与工作的心得体会_前端工作学习体会
2401_84413180的博客
04-26 844
在2019年底到2020年底，这一年多的时间里，本人从移动端开发直接转岗到前端开发，俗话说得好：只要是语言都是相通的，尤其是程序语言相似度更高，因为它们的鼻祖是C语言，做程序开发的都学过C语言，but，对于本人来说，不同语言相当于不同的大山，对别人来讲隔行如隔山，而对于本人来讲则是隔语言如隔山，这句话形容太贴切了，前端开发这座大山差一点要了我的老命，其中的酸甜苦辣慢慢道来给你听。
IDEA启动VUE前端项目
最新发布
lkscjwddsg的博客
05-31 2436
很多后端人员，在研发的过程中，也是需要打开前端项目进行查看，如果安装vscode，又影响了电脑性能，强迫症的程序猿肯定接受不了。npm install npm@6 -g（@后跟版本号，若跟的是大版本，则更新到对应大版本最新的小版本）重启IDEA后，执行npm install 需要在前端文件夹里面执行。npm install npm@8.5.5 -g（更新到指定版本）然后执行：npm install express -g。npm install npm -g（更新到最新版本）1、启动配置点击编辑。
[idea]对于前端里面一些事情的看法
weixin_30575309的博客
07-16 84
　　一些是自己的想法，另一些是看博客或者书籍里面得出的，随手记在这里。 基于页面的开发 最初的前端资源模式是基于页面的，像最开始接触web、开发web时候，一般是新建页面-引入jQuery-新建index.css\page-1.css\page-2.css等-新建index.js\page-1.js等，完全是基于页面的。基于页面的静态资源管理是最开始“刀耕火种”的产物，倒是比再久之前写...
用idea软件编写一个图书馆里系统，写出每个步骤和详细代码
03-11
非常感谢您的提问。作为一个 AI 语言模型，我可以回答您的问题。关于用idea软件编写一个图书馆系统，这是一个比较复杂的项目，需要多个步骤和详细的代码。以下是一些大致的步骤： 1. 设计数据库结构，包括书籍信息、借阅记录、用户信息等。 2. 使用 Java 编写后端代码，包括数据库连接、数据操作、业务逻辑等。 3. 使用 Spring 框架搭建 Web 应用，包括控制器、视图、模型等。 4. 使用 HTML、CSS、JavaScript 编写前端页面，包括登录、注册、借阅、归还等功能。 5. 部署应用到服务器上，确保能够正常运行。 由于时间和篇幅的限制，我无法提供详细的代码。但是，您可以参考一些相关的教程和示例代码，例如 Spring 官方文档、GitHub 上的开源项目等。希望这些信息能够对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值