idea web项目与前端网页结合

最新推荐文章于 2025-07-04 10:31:00 发布
最新推荐文章于 2025-07-04 10:31:00 发布
阅读量4.8k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sunshinegirl168660/article/details/72934331
本文介绍了解决网页布局不正确及CSS样式无法显示的问题。作者在图书管理项目中遇到图片路径设置错误导致布局混乱的情况，通过调整图片路径及使用英文文件名成功解决了这一问题。同时分享了如何在IntelliJ IDEA中创建CSS文件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天早上添加html网页代码到我的图书管理项目中时，发现网页的格局以及图片都不能正常显示，而且css效果完全体现不出来，后来发现是我图片路径没弄好。

补充:文件名要用英文，不可用中文

idea项目添加css文件：

点击File-->New-->Stylesheet, 这样一个css文件就建好了，可以在里面配置图片属性以及网页整体格调

使用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在运行web项目时部署的位置
热门推荐
joenqc的博客
02-27 4万+
以前一直很好奇，在idea中运行tomcat，把项目部署到其中，运行起来，然后我去tomcat目录下去看，根本找不到我部署的项目 那我的项目是咋运行的啊… - - 后来我就查啊查 ，纠结啊纠结，然后大概知道是咋回事了:在idea中配置的tomcat，在运行时idea不会把项目放到该路径下，而是复制一份足够的配置文件，到 ${user.home}/.IntelliJIdea/system/tomca
HTML编程一：idea和浏览器建立连接
weixin_43306403的博客
06-21 1962
idea和浏览器建立连接 File–>settings或者直接点击设置 在Settings的输入框中输入web–>点击Tools中的Web Browsers 可以在右边的框图中看到有多个浏览器，选中其中的一个，更改path的值，将要加载的浏览器在本地电脑的绝对路径加载到其内，添加完成后点击下面的OK保存 4.例如本次添加360浏览器。点击360图标–>右键选中属性，将目标中...
【最新版】IntelliJ IDEA 2025 创建 SpringBoot 项目
最新发布
Edison's 小宇宙
07-04 2万+
IDEA 创建 Spring Boot 项目，并进行基本的开发配置。
idea 项目中实现html中href获取到数据库里的连接实现跳转
qq_51477061的博客
05-23 645
在html代码块中，我要实现通过href跳转超链接，但并不能写死。找了网上的很多方法，但大多与我的需求并不相符。尝试将其直接放在href中，
IDEA实现前端页面登录，注册、增、删、改、查操作-完整版
weixin_53748496的博客
10-29 2万+
分层思想：entity层：存放实体类vo层：消息模型（重复使用的一些属性）mapper层：接口（写方法的）mapper.xml:MyBatis与数据库相关的一些内容controller(web)层：接收前端传回的参数调用service层，返回结果转发、响应结果（跳转页面）service层：业务逻辑判断，写方法的.utils层：工具类：写通用的方法、类。test包:测试类、测试方法（测试代码）连接数据库的pom.xml: 导入相关依赖。
CSS | IDEA中CSS文件的学习、新建与显示
TheSky的博客
10-12 2万+
一、CSS文件的学习 什么是CSS？https://baike.baidu.com/item/CSS CSS文件的快速学习：http://www.runoob.com/css/css-tutorial.html 二、CSS文件的新建 Web -> 右键 -> New -> 单击Stylesheet 输入文件名 -> 单击OK
用IDEA IntelliJ创建Web项目工程教程+源代码
11-01
IntelliJ IDEA，作为一款强大的集成开发环境（IDE），被广泛用于Java开发，尤其适合构建Web项目。本教程将深入讲解如何利用IntelliJ IDEA创建一个完整的Java Web项目，并提供源代码供学习参考。 首先，我们需要了解...
毕设新项目基于SpringBoot+Vue的web网页版聊天室系统完整源码+项目说明+数据库（含前端+后端）.zip
07-02
毕设新项目基于SpringBoot+Vue的web网页版聊天室系统完整源码+项目说明+数据库（含前端+后端）.zip 【1】项目代码完整且功能都验证ok，确保稳定可靠运行后才上传。欢迎下载使用！在使用过程中，如有问题或建议，请...
使用Idea14.1.4和maven创建java web项目
09-03
在本篇文章中，我们将详细介绍如何使用IntelliJ IDEA 14.1.4版本结合Maven来创建一个Java Web项目。这种方法不仅能够提高开发效率，还能确保项目的结构更加规范。以下是详细的步骤和需要注意的关键点。 #### 二、...
Springboot+maven+idea+mysql实战之获取数据库信息显示在前端
12-21
在本教程中，我们将探讨如何使用Spring Boot、Maven、IntelliJ IDEA和MySQL数据库创建一个实战项目，目的是从数据库获取信息并在前端展示。首先，我们需要确保我们的开发环境已准备就绪，包括安装IntelliJ IDEA作为...
web-flash-idea安装
10-12
Web技术的发展已经进入了一个新时代，随着前后端分离的趋势越来越明显，前端框架和后端框架的整合变得越发重要。本文档主要讨论的是如何在开发环境中搭建一个以Spring Boot为后端框架、Vue.js为前端框架的开发环境。...
IDEA项目-搭建快速开发的前后端连通环境
m0_57213913的博客
09-06 5214
搭建列表获取前后端快速开发模板整合renren-fast-vue到vscode中整合renren-fast、renren-generator到IDEA中1. 整合renren-fast2. 整合renren-generator 获取前后端快速开发模板 gitee官网：https://gitee.com/renrenio renren-fast：是一个轻量级的后端快速开发模板 renren-fast-vue： 是实现renren-fast后台管理的前端功能模板 renren-generator：代码生成器
idea创建一个javaweb项目
咖啡味的小认真
05-13 3万+
前提 java环境以及tomcat的安装 1、IDEA创建Web项目 此处以Idea 2020.3.4举例 1、新建普通Java项目 注意：Idea2020无法直接新建JavaWeb项目，只能通过新建普通Java项目的方式间接新建JavaWeb项目。 选择项目位置和普通Java项目相同，此处略过。 2、修改普通Java项目为JavaWeb项目 项目根目录->右键->Add Framework Support 选择JavaEE版本 勾选左侧的Web Application
idea四层架构项目搭建-前端项目开发
热爱生活,热爱技术,对未知永远保持好奇!
11-17 1228
idea四层架构项目搭建-前端项目开发
前端用idea 开发，运行页面太麻烦了
zcy62317803的博客
03-01 1万+
前端用idea 进行项目.html文件修改微调的时候。每次都package 对项目打包。再浏览页面 运行都要好几分钟。太浪费时间了 请大神指点。能不能有简单的 ，例如实时页面更新的方法 进行页面编辑 快速浏览 ...
初学之使用intelliJ IDEA开发web项目
zhdkong的博客
12-26 3万+
1、一个合格的程序猿要有一个强大的内心世界。 由于本人天性懒惰就是不舍得动动我的手指头多打两个字，这个博客从建号以来一共就写了两篇内容，说来也是尴尬。但是，为什么今天又突然心血来潮开始撸内容了呢？不，这并不是心血来潮，这是蓄谋已久（好吧，我承认这就是心血来潮）。自从我开始工作到现在已经整整半年时间，虽说时间不长，但是在这半年时间里，我都不知道自己经历了什么，学到了什么，回头想想我做的东西还挺多的
前端页面完成后如何放在IDEA项目工程的目录下能正确加载css样式
a693490554的博客
05-03 2万+
1.首先WEB-INF里的文件不能被外界访问，所以CSS，JS等文件不能放在此处，刚开始我把前端做出来的东西全部放在了WEB-INF下所以肯定不对。 2.通过问学长得知在html里面没有引进CSS的样式，好诡异的说，慧婷做好了给我看的时候样式都是有的，也就是说她应该引进样式了，但是为毛给了我就没有样式了，所以在head标签里把样式加上，如下图的link~~ 还好的是她把样式保存在了一个li
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值