VUE学习(一)springboot web框架搭建

VUE学习入门篇,springboot web框架搭建

  • IDEA创建springboot web项目
    File->New Module->Spring Initializr,选择web项目
    VUE学习(一)springboot web框架搭建

  • 创建完成模块代码结构如下:

    VUE学习(一)springboot web框架搭建

  • 配置文件设置访问端口:server.port= 8088

  • static是默认的存放静态页面目录,可以直接通过端口号后加html名称就可以访问。 在此目录下新建一个HTML页面homepage.html,内容为Hello World。

  • 设置系统的默认首页,输入端口号或名称可以直接跳转的首页。新建控制器DefaultPageController.java
    VUE学习(一)springboot web框架搭建
    在浏览器地址栏输入:http://localhost:8088/,可以直接跳转到homepage。

    VUE学习(一)springboot web框架搭建
    本文演示例子代码地址:https://github.com/skylan2010/springcloud/tree/master/myvue