编写第一个功能页面

开始开发

通过 GraceVueAdmin 提供的底层，您可以快速实现功能页面的开发，步骤如下 :

1. 创建页面组件

在 /src/views/目录下创建功能文件夹，然后在此文件夹下创建相关业务组件（ 也可以理解为页面 ），目录及文件命名规则 : 首字符大写 ！

如 : 创建一个测试功能页面 Test

2. 注册页面及路由

打开 /src/pages.js，添加菜单及注册页面组件，此处添加还会关联权限相关（ 详解权限讲解 ），添加语法 :

添加示例

3. 编写您的功能页面

建议您使用 ga-page 作为根组件进行页面开发，关于 ga-page 组件请观看后面的章节，演示代码 :

通过上面的步骤您就完成了第一个功能页面的创建，您可以通过浏览器运行结果观察到 :

左侧菜单已经生效，点击它，即可打开我们刚刚创建的功能页面，您可以在此页面上继续开发相关的业务逻辑。

更多说明

别担心！ GraceVueAdmin 不仅仅提供这么简单的功能，GraceVueAdmin 还提供了权限、路由拦截、请求工具、页面组件、常用功能页面布局等等丰富的基础，请继续学习后面的章节。