目的：让页面调用controller，将数据加载到页面中（只不过这个前端页面我们直接就是放到了static里面了）。

第一步：导入文件

所需要的文件见本文最后“文件获取”：

（1）文件如下：

（2）全选并复制：

（3）粘贴到项目目录中去

第二步：使用clean进行刷新

（1）点击右侧clean

（2）clean成功

如果没有clean成功，提示Error running 'demo4 [clean]' No valid Maven installation found. Either set the home directory in the configuration dialog or set the M2_HOME environment variable on your system，出现这种错误看我的博客：http://t.csdnimg.cn/Dd9ex

（3）第三步：开始运行

（1）输入以下链接并回车

注意：我用的是8080，如果你用的是别的，需要自行改一下。

http://localhost:8080/pages/fuels.html

第四步：代码知识详解

（1）标签

定义了所有的头部信息，以及样式表的导入，以及页面的链接标题。

代码位置如下：

代码为：

（2）最左侧的头标签content-header

对应位置为：

代码为：

    
          
fuels管理系统
      

（3）标签和按钮

①输入标签

在代码中的位置：

代码为：

②按钮

查询                 新建

（4）分页组件

（5）导入js组件，包括vue组件和elementui组件

代码为：