| File was renamed from _docs/101-工程介绍.md |
| | |
|---|
| | | |
|---|
| | | ## 技术栈 |
|---|
| | | |
|---|
| | | * 语法框架：Vue（v2.5.0） |
|---|
| | | * 工程框架：Taro（v3.2.13） |
|---|
| | | * 显示框架：Taro-UI-Vue（v1.0.0-beta.10） |
|---|
| | | * 样式：Sass |
|---|
| | | - 语法框架：Vue（v2.5.0） |
|---|
| | | - 工程框架：Taro（v3.2.13） |
|---|
| | | - 显示框架：Taro-UI-Vue（v1.0.0-beta.10） |
|---|
| | | - 样式：Sass |
|---|
| | | |
|---|
| | | 说明：使用时，优先使用公共组件库的组件，其次是 Taro-UI-Vue 的组件，最后才是 Taro 本身的基础组件 |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | 工程主要目录及其用途 |
|---|
| | | |
|---|
| | | * root/（根目录） |
|---|
| | | - public/（静态资源目录） |
|---|
| | | - src/（开发源码目录） |
|---|
| | | - components/（公共组件目录） |
|---|
| | | - bases/（公共基类目录） |
|---|
| | | - common/（公共库目录） |
|---|
| | | - forms/（公共表单组件目录） |
|---|
| | | - layout/（公共排版组件目录） |
|---|
| | | - plugins/（公共插件目录） |
|---|
| | | - fetchers/（请求层目录） |
|---|
| | | - FName.js（请求集） |
|---|
| | | - pages/（界面层目录） |
|---|
| | | - pageGroup/（界面层分组目录） |
|---|
| | | - pageName/（界面层单页目录） |
|---|
| | | - cmpt/（界面子组件目录） |
|---|
| | | - CName.vue（子组件） |
|---|
| | | - cName.scss（子组件样式） |
|---|
| | | - page.vue（界面） |
|---|
| | | - page.scss（界面样式） |
|---|
| | | - pilots/（数据控制层目录） |
|---|
| | | - _overall/（全局数据控制目录） |
|---|
| | | - pilotGroup/（数据控制层分组目录） |
|---|
| | | - mixin/（混合件目录） |
|---|
| | | - MName.js（混合件） |
|---|
| | | - PName.js（数据控制器） |
|---|
| | | - root/（根目录） |
|---|
| | | - public/（静态资源目录） |
|---|
| | | - src/（开发源码目录） |
|---|
| | | - components/（公共资源目录） |
|---|
| | | - bases/（公共基类目录） |
|---|
| | | - common/（公共工具目录） |
|---|
| | | - forms/（公共表单组件目录） |
|---|
| | | - layout/（公共排版组件目录） |
|---|
| | | - plugins/（公共复杂组件目录） |
|---|
| | | - fetchers/（请求层目录） |
|---|
| | | - FName.js（请求集） |
|---|
| | | - pages/（界面层目录） |
|---|
| | | - pageGroup/（界面层分组目录） |
|---|
| | | - pageName/（界面层单页目录） |
|---|
| | | - cmpt/（界面子组件目录） |
|---|
| | | - CName.vue（子组件） |
|---|
| | | - cName.scss（子组件样式） |
|---|
| | | - page.vue（界面） |
|---|
| | | - page.scss（界面样式） |
|---|
| | | - pilots/（数据控制层目录） |
|---|
| | | - _overall/（全局数据控制目录） |
|---|
| | | - pilotGroup/（数据控制层分组目录） |
|---|
| | | - mixin/（混合件目录） |
|---|
| | | - MName.js（混合件） |
|---|
| | | - PName.js（数据控制器） |
|---|
| | | |
|---|
| | | ### 短路径映射 |
|---|
| | | |
|---|
| | |
|---|
| | | 当我们说业务页面的时候，则是由**界面层**和**数据控制层**两部分组成 |
|---|
| | | 同时页面层有子组件，数据层关联请求层，结构如下 |
|---|
| | | |
|---|
| | | * 业务页面： |
|---|
| | | - 界面层（root/src/pages/pageGroup/pageName/page.vue） |
|---|
| | | - 界面子组件（root/src/pages/pageGroup/pageName/cmpt/CName.vue） |
|---|
| | | - 数据控制层（root/src/pilots/pilotsGroup/PName.js） |
|---|
| | | - 请求层（root/src/fetchers/FName.js） |
|---|
| | | - 业务页面： |
|---|
| | | - 界面层（root/src/pages/pageGroup/pageName/page.vue） |
|---|
| | | - 界面子组件（root/src/pages/pageGroup/pageName/cmpt/CName.vue） |
|---|
| | | - 数据控制层（root/src/pilots/pilotsGroup/PName.js） |
|---|
| | | - 请求层（root/src/fetchers/FName.js） |
|---|
| | | |
|---|
| | | ### 界面层和数据控制层的拆分 |
|---|
| | | |
|---|
