# Ionic模板

### 说明

  `模板`

​      基于Ionic4.x构建，项目采用Ionic标准结构。

  `Ioinc`

​      Ionic是开源移动应用程序开发框架，可以使用Web技术轻松构建高质量的原生和渐进式Web应用程序。

  `特性`

​      基于iBiz模型高度抽象业务逻辑代码，完全面向对象的编程模式，项目代码整洁、优雅。

### 技术栈

​      [Ionic](https://github.com/ionic-team/ionic)

​      [Angular](https://github.com/angular/angular)

​      [TypeScript](https://github.com/Microsoft/TypeScript)

### 项目结构

```
├── e2e
├── src
│   ├── app                                应用入口
│   ├── assets                             资源目录
│   ├── environments                       应用配置
│   ├── ibizsys                            iBiz控制器
│   ├── pages                              视图跟目录
│   │   ├── module                         模块
│   │   │   ├── view                       视图
│   │   │   │   ├── view.base.ts           视图基类
│   │   │   │   ├── view.control.ts        视图控制器
│   │   │   │   ├── view.html              视图Html代码
│   │   │   │   ├── view.module.ts         视图模块
│   │   │   │   ├── view.scss              视图样式
│   │   │   │   └── view.ts                视图入口
│   ├── share                              共享模块
│   ├── theme                              主题
│   ├── index.html
│   ├── global.scss
│   ├── karma.conf.js
│   ├── main.ts
│   ├── manifest.json
│   ├── polyfills.ts
│   ├── test.ts
│   ├── tsconfig.app.json
│   └── tsconfig.spec.json
├── angular.json
├── ionic.config.json
├── ionicTree.txt
├── ngsw-config.json
├── package.json
├── package-lock.json
├── proxy.conf.json
├── tsconfig.json
├── tslint.json
└── yarn.lock
```

### 效果展示

- 基本编辑器

  <img src="README.assets/image-20190909135202685.png" alt="基本编辑器" style="zoom:50%;" />

- 日历

  <img src="README.assets/image-20190909135336438.png" alt="日历" style="zoom:50%;" />

- 树

  <img src="README.assets/tree.gif" alt="树" style="zoom:50%;" />