思考勾画一下

通过上边几节我们已经可以根据路由去切换组件页面,这是技术探索,有了去建立一个产品原型的能力,我们已经可以开始干点体力活了,先弄个雏形出来,看到点希望,然后再去不断的完善它。

我们的后台页面采用典型的布局,顶部,左侧导航,右侧主体区域,出于页面美观和习惯,我们让顶部和左侧固定,主体区域可滚动的形式。

顶部
顶部显示 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"
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,615评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,296评论 4 61
  • 我正在参加小学生作文大赛——游戏,非小学生组。 1 放假,我到城里舅舅家玩,他很高兴,请我吃好好。 他给我点了个长...
    冲浪小鱼儿阅读 1,287评论 54 67
  • 正如文中所说的:有时候焦虑起来还真是蛮掉头发的,我有习惯,遇到事情比较急或者想不出来的时候就会抓头发,之后的现象你...
    青果果说阅读 259评论 5 2
  • 说不上为什么,我变的很主动 若爱上一个人什么都会值得去做 我想大声宣布,对你依依不舍 音乐声中,不知觉想把我单纯的...
    林小仙仙仙阅读 388评论 0 6