注:我本打算将页面和数据逻辑搭建分成多个文章来发布,这样流量可能会多一些。但考虑到学习的连贯性和读者使用的便利性,最终决定将这部分内容融合在一篇文章中。
1 创建页面
1.1 系统默认页面
创建应用时系统会默认创建 6 个页面,分别是:
login 登录页面:开启权限控制后,需要登录账户时跳转的页面
index 首页:登录应用后默认进入的页面
dashboard 总览页:系统默认的页面模板
permission_center 权限中心:管理用户权限的页面
noauth无权限页面:没有访问权限时跳转的页面
notfound找不到页面:找不到页面时跳转的页面
这六个页面不建议手动进行删除等操作。
1.2 创建页面和子页面实现导航栏跳转
采购管理系统的整体效果:
在应用的最上方带有一个导航栏,在导航栏中点击不同的标签页,下方会进行相应页面的跳转,不同的页面承载着不同的功能
仔细观察这些页面有一个特点:当我们在导航栏中切换不同的页面时,页面上方的导航栏不会发生变化,只更换下方的内容。这种效果是由应用中的父页面与子页面搭