定义页面初始资源
前端的页面和框架直接copy,我们目前的重点先放在后端上面。
建议在文件夹里面操作,如果在idea中复制粘贴或者拖拽,会比较慢,而且卡。
该资源在我的码云上,可以自行下载,只需要用“static&templates”这个文件夹里面的资源就行了
码云:https://gitee.com/Robert8640/bootstrap-3.3.7-dist.git
创建页面Controller
先创建一个Controller包
创建呈现首页页面的controller对象。
创建呈现首页页面的controller对象。
package com.sy.pj.sys.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
@RequestMapping("/")
@Controller
public class PageController {
@RequestMapping("doIndexUI")
public String doIndexUI(){
return "starter";
}
}
说明:此controller会作为项目中所有页面访问的入口。
说明:此controller会作为项目中所有页面访问的入口。
现在我们启动服务器
打开谷歌浏览器,地址栏输入localhost/doIndexUI
会出现以下界面
如果出现问题,可以私聊我。到时候我会放到这里,供其他有缘人参考。
我们打开到这个目录
我们把starter.html打开
在把蓝色框里面的.html页面打开,这里我只打开一个,有兴趣的可以都打开看看验证一下
这里面只有starter.html是一个完整的页面,其他的都是组件。
我们叫它SPA(单页面应用程序)。前端我们稍作了解,重点放在后端。
我们分析下用户是如何通过URL在浏览器中得到我们这个页面的,如图: