首页初始化

定义页面初始资源

前端的页面和框架直接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在浏览器中得到我们这个页面的,如图:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值