ohayolibs/docs/architecture.en-US.md

Ohayo is a set of essential modules for ohayojp.

---
order: 20
title:
  en-US: Architecture
  zh-CN: 体系结构
type: Basic
---

ohayojp scaffold is a front-end solution to support middleware and back-end application. It is based on [Angular](https://angular.io/) and [ng-zorro-antd](https://ng.ant.design/docs/introduce/en)(Angular implementation of Ant Design). The scaffold includes a set of common functionalities and business component libraries. It reduces lots of infrastructure development overwhelmingly and let you focus on business logic development.

## Architecture Diagram

![](https://github.com/ohayojp/ohayo/raw/master/_screenshot/architecture.png | width=700)

**@ohayo/theme**

Theme library of scaffold, we publish the theme library to NPM, which extremely simplifies upgrade effort.

Theme library includes not only essential styles(CSS tool like bootstrap) required by ohayojp, but also a set of common data rendering(Pipe) and service tools(page title, scroll bar, etc..), which are needed during daily development.

**@ohayo/components**

Scaffold provides a default set of [business components](/components/), which abstract commonly used block/area in console service. We will continue to maintain and iterate the components. Provide more advanced abstract components than Ant Design base components to middleware and back-end business.

**@ohayo/chart**

[@ohayo/chart](/chart) chart library is customised based on G2. Providing commonly used chart suite in business development. It can be used alone or composed together to achieve more complex and fancy display effect.

**@ohayo/form**

[@ohayo/form](/form) follows standard of [JSON Schema](http://json-schema.org/) to build dynamic forms.

**@ohayo/auth**

[User Authentication](/auth) module is used for resolving steps to obtain, save and use authentication.

**@ohayo/acl**

[ACL](/acl) Access Control List is a very simple role based permission control. It can even reach the granularity of controlling the visibility of a button.

**@ohayo/cache**

Reduce the Http request by storing [cache](/cache) of the dictionary, city data, etc. into memory or persistence storage.

**@ohayo/mock**

[Mock](/mock) will intercept Angular HTTP request and return testing data.

**@ohayo/util**

[Daily Utilities](/util)。

**@ohayo/testing**

Commonly used testing suite.

**CLI Schematics**

[CLI Tool](/cli)

## Document and Feedback

You can find all documents in [ohayojp.com](https://ohayojp.com).

The documents will be iteratively changed with scaffold's upgrade ([Change log](https://github.com/ohayojp/ohayojp/releases)). If you have any questions or requirements, please provide your feedback [here](https://github.com/ohayojp/ohayojp/issues).