2020.2idea怎么创建html模块_利用idea快速搭建一个项目
一、前提準(zhǔn)備:電腦安裝好jdk1.8,安裝好IDEA
二、步驟
1.點(diǎn)擊創(chuàng)建一個(gè)新項(xiàng)目
2.選擇 Spring initializr選項(xiàng),這是一個(gè)非常方便的生成Springboot的工具,確認(rèn)信息無誤后next
3.修改group、artifact、name、description、package后next
4.這一步是選擇依賴,小白就只選一個(gè)Spring web吧,后面要用啥就手動(dòng)添加,然后next
5.這一步可以定義項(xiàng)目的位置,最好content root和module location位置一致
6.這時(shí)候就會(huì)創(chuàng)建好項(xiàng)目,打開一個(gè)窗口了,然后就只要等待idea下好依賴包就可以了,如果有下圖的提示,就選擇enable那一項(xiàng)就好了。提示如果依賴下載很慢,可以先去修改idea的maven倉(cāng)庫(kù)地址
7. 項(xiàng)目目錄文件解析
8. 項(xiàng)目啟動(dòng)。idea內(nèi)置了tomcat,我們無需去配置tomcat。啟動(dòng)的流程如下:
找到j(luò)ava包下面的xxxApplication,右鍵選擇run,或者如上圖點(diǎn)進(jìn)去,再點(diǎn)擊右上角的運(yùn)行程序按鈕。
此時(shí)項(xiàng)目能啟動(dòng),但無法訪問頁面
10. 配置端口,搭建一個(gè)完整的訪問首頁的業(yè)務(wù)邏輯,并展示
1)首先我們集成thymeleaf模版引擎,它可以方便展示靜態(tài)數(shù)據(jù)。 在pom.xml中的dependencies中加入,idea會(huì)自動(dòng)下載相關(guān)的包
org.springframework.boot spring-boot-starter-thymeleaf2)創(chuàng)建controller包和對(duì)應(yīng)的controller
在IndexController中編寫訪問頁面的業(yè)務(wù)邏輯,代碼如下:
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; /** * 負(fù)責(zé)處理前端的請(qǐng)求 */@Controllerpublic class IndexController { //定義請(qǐng)求路徑為:localhost:8888/hello,下面是對(duì)應(yīng)這個(gè)路徑的處理方法。 //RequestParam用于接收頁面?zhèn)鬟f過來的參數(shù),例如localhost:8888/hello?name=小明 //model是Spring內(nèi)置的對(duì)象,用來處理視圖的 @GetMapping("/hello") public String hello(@RequestParam(name="name") String name, Model model){ //將瀏覽器的請(qǐng)求參數(shù)中的name加入到model中,這樣就能在模版的html中獲取到 model.addAttribute("name",name); //返回的index是html模版的名字 return "index"; }}3)因?yàn)槲覀冊(cè)赾ontroller里面中返回的是index頁面,所以我們要在resource包下的template包中建一個(gè)index.html文件
然后寫入如下代碼:
ASK4)啟動(dòng)項(xiàng)目測(cè)試,瀏覽器訪問localhost:8080/hello?name=小明,得到如下顯示
5)修改端口號(hào),在application.properties配置文件中添加對(duì)端口的設(shè)置,然后重新啟動(dòng)即可。
注:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)
總結(jié)
以上是生活随笔為你收集整理的2020.2idea怎么创建html模块_利用idea快速搭建一个项目的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 优秀logo设计解析_优秀Logo设计!
- 下一篇: 声音对比处理_厨房垃圾处理器 | 厨余垃