idea进入启动页面_利用idea快速搭建一个项目

本文介绍了如何使用IDEA创建Spring Boot项目,从选择Spring Initializr开始,逐步设置项目属性,选择依赖,配置项目位置。接着解释了项目结构,通过内置Tomcat启动项目,演示了配置端口、集成Thymeleaf模板引擎以及创建Controller和页面,最终实现通过localhost:8080/hello访问页面的过程。
摘要由CSDN通过智能技术生成

一、前提准备:电脑安装好jdk1.8,安装好IDEA

二、步骤

1.点击创建一个新项目

963a5484ecbf43c685260bbed1b6fcbb.png

2.选择 Spring initializr选项,这是一个非常方便的生成Springboot的工具,确认信息无误后next

e92a81a7487ecaae49ed6e1948c98585.png

3.修改group、artifact、name、description、package后next

5e027d7efa0ff43a7eca864e2606be05.png

4.这一步是选择依赖,小白就只选一个Spring web吧,后面要用啥就手动添加,然后next

89d80567e8f8d539b48a9a11f1d6975a.png

5.这一步可以定义项目的位置,最好content root和module location位置一致

f693dd43d8688c46c9ba8666b5ba3d2f.png

6.这时候就会创建好项目,打开一个窗口了,然后就只要等待idea下好依赖包就可以了,如果有下图的提示,就选择enable那一项就好了。提示如果依赖下载很慢,可以先去修改idea的maven仓库地址

a1f4370f3f42899856fb3de825283fee.png

7. 项目目录文件解析

b40a7bdfebd45c7c73d7991d4a6b62f6.png

8. 项目启动。idea内置了tomcat,我们无需去配置tomcat。启动的流程如下:

a1efe80e359bc48ceef6b439f3d7a971.png

找到java包下面的xxxApplication,右键选择run,或者如上图点进去,再点击右上角的运行程序按钮。

此时项目能启动,但无法访问页面

249935ce34ecf9fb6b2f7815b88e87dc.png

10. 配置端口,搭建一个完整的访问首页的业务逻辑,并展示

1)首先我们集成thymeleaf模版引擎,它可以方便展示静态数据。 在pom.xml中的dependencies中加入,idea会自动下载相关的包

org.springframework.boot    spring-boot-starter-thymeleaf

2)创建controller包和对应的controller

f5d3c2bef6d90a4c49a790495e9c3112.png

在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; /** * 负责处理前端的请求 */@Controllerpublic 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文件

f3ddbad7ce4f2278dc3ff3b0ac08826a.png

然后写入如下代码:

    ASK

4)启动项目测试,浏览器访问localhost:8080/hello?name=小明,得到如下显示

6724f3923799746ce5a2a43c69922e4e.png

5)修改端口号,在application.properties配置文件中添加对端口的设置,然后重新启动即可。

eed98a9ee0192aae90e79cc2d9b8efa5.png

注:本文章转载自互联网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值