利用idea快速搭建一个项目 idea怎么建工程
ztj100 2024-12-30 08:17 20 浏览 0 评论
一、前提准备：电脑安装好jdk1.8，安装好IDEA
二、步骤
1.点击创建一个新项目
2.选择 Spring initializr选项，这是一个非常方便的生成Springboot的工具，确认信息无误后next
3.修改group、artifact、name、description、package后next
4.这一步是选择依赖，小白就只选一个Spring web吧，后面要用啥就手动添加，然后next
5.这一步可以定义项目的位置，最好content root和module location位置一致
6.这时候就会创建好项目，打开一个窗口了，然后就只要等待idea下好依赖包就可以了，如果有下图的提示，就选择enable那一项就好了。提示如果依赖下载很慢，可以先去修改idea的maven仓库地址
7. 项目目录文件解析
8. 项目启动。idea内置了tomcat，我们无需去配置tomcat。启动的流程如下：
找到java包下面的xxxApplication，右键选择run，或者如上图点进去，再点击右上角的运行程序按钮。
此时项目能启动，但无法访问页面
10. 配置端口，搭建一个完整的访问首页的业务逻辑，并展示
1）首先我们集成thymeleaf模版引擎，它可以方便展示静态数据。 在pom.xml中的dependencies中加入，idea会自动下载相关的包
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>2）创建controller包和对应的controller
在IndexController中编写访问页面的业务逻辑，代码如下：
package com.ask.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
/**
* 负责处理前端的请求
*/
@Controller
public class IndexController {
//定义请求路径为：localhost:8888/hello，下面是对应这个路径的处理方法。
//RequestParam用于接收页面传递过来的参数，例如localhost:8888/hello?name=小明
//model是Spring内置的对象，用来处理视图的
@GetMapping("/hello")
public String hello(@RequestParam(name="name") String name, Model model){
//将浏览器的请求参数中的name加入到model中，这样就能在模版的html中获取到
model.addAttribute("name",name);
//返回的index是html模版的名字
return "index";
}
}3）因为我们在controller里面中返回的是index页面，所以我们要在resource包下的template包中建一个index.html文件
然后写入如下代码：
<!DOCTYPE HTML>
<!--这里必须要加xmlns，是thymeleaf访问-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>ASK</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'hello'+ ${name} + '!'"></p>
</body>
</html>4）启动项目测试，浏览器访问localhost:8080/hello?name=小明，得到如下显示
5）修改端口号，在application.properties配置文件中添加对端口的设置，然后重新启动即可。
注：本文章转载自互联网
相关推荐
- Vue3非兼容变更——函数式组件（vue 兼容）
-
在Vue2.X中，函数式组件有两个主要应用场景：作为性能优化，因为它们的初始化速度比有状态组件快得多；返回多个根节点。然而在Vue3.X中，有状态组件的性能已经提高到可以忽略不计的程度。此外，有状态组...
- 利用vue.js进行组件化开发，一学就会(一)
-
组件原理/组成组件（Component）扩展HTML元素，封装可重用的代码，核心目标是为了可重用性高，减少重复性的开发。组件预先定义好行为的ViewModel类。代码按照template\styl...
- Vue3 新趋势:10 个最强 X 操作!（vue.3）
-
Vue3为前端开发带来了诸多革新，它不仅提升了性能，还提供了...
- 总结 Vue3 组件管理 12 种高级写法，灵活使用才能提高效率
-
SFC单文件组件顾名思义，就是一个.vue文件只写一个组件...
- 前端流行框架Vue3教程:17. _组件数据传递
-
_组件数据传递我们之前讲解过了组件之间的数据传递，...
- 前端流行框架Vue3教程:14. 组件传递Props效验
-
组件传递Props效验Vue组件可以更细致地声明对传入的props的校验要求...
- 前端流行框架Vue3教程:25. 组件保持存活
-
25.组件保持存活当使用...
- 5 个被低估的 Vue3 实战技巧，让你的项目性能提升 300%?
-
前端圈最近都在卷性能优化和工程化，你还在用老一套的Vue3开发方法？作为摸爬滚打多年的老前端，今天就把私藏的几个Vue3实战技巧分享出来，帮你在开发效率、代码质量和项目性能上实现弯道超车！一、...
- 绝望!Vue3 组件频繁崩溃?7 个硬核技巧让性能暴涨 400%!
-
前端的兄弟姐妹们五一假期快乐，谁还没在Vue3项目上栽过跟头？满心欢喜写好的组件，一到实际场景就频频崩溃，页面加载慢得像蜗牛，操作卡顿到让人想砸电脑。用户疯狂吐槽，领导脸色难看，自己改代码改到怀疑...
- 前端流行框架Vue3教程:15. 组件事件
-
组件事件在组件的模板表达式中，可以直接使用...
- Vue3，看这篇就够了（vue3 从入门到实战）
-
一、前言最近很多技术网站，讨论的最多的无非就是Vue3了，大多数都是CompositionAPI和基于Proxy的原理分析。但是今天想着跟大家聊聊，Vue3对于一个低代码平台的前端更深层次意味着什么...
- 前端流行框架Vue3教程:24.动态组件
-
24.动态组件有些场景会需要在两个组件间来回切换，比如Tab界面...
- 前端流行框架Vue3教程:12. 组件的注册方式
-
组件的注册方式一个Vue组件在使用前需要先被“注册”，这样Vue才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册...
- 焦虑!Vue3 组件频繁假死?6 个奇招让页面流畅度狂飙 500%!
-
前端圈的朋友们，谁还没在Vue3项目上踩过性能的坑？满心期待开发出的组件，一到高并发场景就频繁假死，用户反馈页面点不动，产品经理追着问进度，自己调试到心态炸裂！别以为这是个例，不少人在电商大促、数...
- 前端流行框架Vue3教程:26. 异步组件
-
根据上节课的代码，我们在切换到B组件的时候，发现并没有网络请求：异步组件：...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)