Appearance

起步

由来

​ 虽然Uni官方提供了大量组件,但是这些组件只提供了最底层的功能,尤其在表单组件部分,很大一部分没有实现真正的双向绑定,在实际开发中如果直接使用,会有大量的冗余工作量,是达不到快速开发要求的,uview在整体上Uni进行了大量的包装,但是仍没有很好的解决这些问题,为了业务开发更加关注业务本身,组件尽量做到一步到位的接口提供,对大量组件,尤其是表单组件,表单验证进行了二次封装。

​ 另外,Uni整个框架虽然是基于 Vue(应该整体是Vue2的一个衍生),但是在实际开发中和使用Vue还是存在很大差异,这些在组件开发细节上尤其明显(应该是对多平台的兼容,Uni对vNode的很多操作是无效的),这些在开发上也是要注意的。

安装

  • 请安装 nodeJs
  • 请安装uni官方提供的编辑工具 hbuilderxopen in new window
  • 下载项目代码,项目代码中集成了 uview 及 soUni整个的环境配置、模板及相关组件。
  • 项目根目录下打开 cmd 执行 npm i 来安装环境配置

环境集成

Uni开发环境已经集成了Vue2和各种设备接口,是不需要通过 npm 来安装 Vue、Vuex及基础周边,我们这里只需要安装 路由及周边

  • uni-simple-router uni路由,此路由和vue-router不是一个东西,只可做拦截处理,真正的页面路径配置本身还是基础在 根目录下的 page.json
  • uni-read-pages 用来读取 page.json 中的 page 信息,便于 router 读取和控制页面访问

page.json

项目信息及基础配置在 manifest.jsonpage.json 中,这里业务开发主要关注 page.json,请将开发页面路径注册到 page.json中。