2020.2idea创建web_利用idea快速搭建一个项目

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

二、步骤

1.点击创建一个新项目

29ffdad31174e9ec1f27c61d6714a465.png

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

30e46e833507adf40fe39214d6d491e8.png

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

bd0bb8ca23b368e671c211159bf996b7.png

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

0096dd78a30db2111b92532e22a22b98.png

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

23852eae284f45a28a145f6a2b1a16a4.png

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

388f47870de1c04f317739575c1d9a86.png

7. 项目目录文件解析

4f82ab227e6e080f7b730685916565d9.png

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

643c1262d7de8b456e5ecd18d0165091.png

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

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

ec10860cf4122ef576419f54da33d9d7.png

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

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

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

2)创建controller包和对应的controller

eb30dbe5784a559f96272257f3a08df0.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文件

218bfbfefcf84123044ad2f767eb4233.png

然后写入如下代码:

    ASK

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

a919e3aded50c1a8b6fd990d26e7e62f.png

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

9427206da1d9223509daf3a25929f84f.png

注:本文章转载自互联网

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值