通过上边几节我们已经可以根据路由去切换组件页面，这是技术探索，有了去建立一个产品原型的能力，我们已经可以开始干点体力活了，先弄个雏形出来，看到点希望，然后再去不断的完善它。
我们的后台页面采用典型的布局，顶部，左侧导航，右侧主体区域，出于页面美观和习惯，我们让顶部和左侧固定，主体区域可滚动的形式。
顶部
顶部显示 logo、消息、用户信息什么的，这是产品必须的、通用的、但是跟核心项目数据没啥太多关系的。
左侧导航
这是功能分类
主体区域
导航指向的具体功能页面
先整体想想我们要做的的事
后台页面，2行2列，左侧导航右侧内容 还有登录页，还有注册页，还有找回密码页，这些是不在后台页面里的不能用上边的布局
所以我们应该有2个layout，一个是后台的，一个是登陆注册找回密码啥的这种整页中间表单的
项目代码目录规划
我们产出的东西基本都在src目录下，默认创建的项目src目录下有router assets和components 3个文件夹，按照习惯我们来规划一下，新建几个目录
layouts 与样式和整体布局相关的扔这里 views 各个功能页面，不如设备列表啊，统计页面啊 components 下放组件，可复用的组件，不如标题啊，一个报表啊什么的
assets下再按照传统的习惯分css images js fonts 这些
代码管理
我们现在将代码加入git
$ git init
$ git add .
$ git commit -a -m "init"
网友评论