The document

• Official website && documentation

The online demo

Site type	Links to sites
Management System (PC Layout)	admin.cabloy.com
Management System (Mobile Layout)
blog	zhennann.com
Technical Documentation (English)	cabloy.com/index.html
Technical Documentation (Chinese)	Cabloy.com/zh-cn/index…
Community (English)	community.cabloy.com/index.html
Community (Chinese)	Community.cabloy.com/zh-cn/index…
Cabloy Store	store.cabloy.com/index.html
Cabloy Shop (Chinese)	Store.cabloy.com/zh-cn/index…

resources

• CabloyJS store
• CabloyJS community
• CabloyJS Awesome

The article

• NodeJS full stack development tools: CabloyJS

video

• CabloyJS full stack business development combat

screenshots

1. Adaptive layout

1.1 PC layout

1.2 Mobile layout

Internationalization of 2.

3. The theme

4. Drag and drop

4.1 mobile

4.2 Adjusting Dimensions

5. The dashboard

5.1 How do I Use the Dashboard

5.2 How Do I Create a Dashboard

6. PC layout

6.1 Buttons on the Head

6.2 the left column

The right column of 6.3

6.4 Status Bar (Left)

6.5 Status Bar (Right)

positioning

CabloyJS is a fast development framework for NodeJS full-stack services for small and medium-sized development teams and individual developers. It supports the development of full-scenario services and saves time and effort

The dilemma faced by small and medium development teams or singles

1. Multi-scenario requirements: PC, Android, IOS, wechat, Dingding, etc
2. Multiple factor balance: Technology, talent, time, quality -> cost, revenue

The potential needs of customers are increasingly changeable, so the development scenarios are increasingly fragmented, and different scenarios are faced with different technology choices, which determine the staffing, technology selection and staffing affect the time and quality of project development, and ultimately reflected in the balance between cost and income

CabloyJS ‘solution

1. usingpc = mobile + padUnique page style, the mobile terminal development experience and user control experience into the PC terminal, a set of code to adapt to the needs of the whole scene
2. CabloyJS is not only aTechnical framework, it isBusiness frameworkThat will beUser management,Role management,Rights managementAnd many functions and features precipitate into core modules, thus providing strong support for rapid business development
3. A thoroughFront end separationSystem, thus achievingThe front end is flexible and changeable, while the back end is constant and changeable, so that the CabloyJS architecture has strong flexibility and ductility

concept

It can be developed quickly and customized flexibly

To achieve this, CabloyJS has built in a number of core modules that allow you to construct a complete Web project in the shortest time possible. For example, when you create a Web project, you already have a complete user login and authentication system, verification code function, and user management, role management, permission management, and other functions

In addition, these built-in modules provide flexible customization features, and you can also develop entirely new modules to replace the built-in modules to achieve system customization

style

CabloyJS does not reinvent the wheel, but inherits and innovates on the basis of popular technology frameworks, such as VueJS + Framework7 front-end and KoaJS + EggJS back-end

With the powerful support of these underlying frameworks, CabloyJS is free to do a lot of innovation and deposition at the business level, bringing the NodeJS full-stack development experience to a new level

As a result, CabloyJS has a unique style that you love once you use it, as a smooth and enjoyable full-stack development experience is what it should be

Highlights and pain points

1. Highlights: PC = Mobile + Pad

The biggest highlight of CabloyJS is that it brings the control experience and development mode of mobile scene to PC scene through PC =mobile+pad mode. It not only significantly reduces the amount of code development, improves the development efficiency, but also maintains the consistency of user control experience

2. Pain point: full-scenario business development

The biggest pain point of CabloyJS is: through modular architecture design, full scenario business can be developed quickly

• Back end: Because of the complete front and back end separation design, only a set of CabloyJS back end code can be developed
• Front end: For all scenarios that can be based on H5, just develop a CabloyJS front end code

CabloyJS development process

CabloyJS started development in 2016 and went through two development stages:

1. Stage 1: EggBornJS

The core focus of EggBornJS is the isolation of modularity and modules to achieve a complete full-stack development framework

For example, the egg-born-front module is the core module of the front end of the framework, the egg-born-backend module is the core module of the backend of the framework, and the egg-born module is the command line tool of the framework, which is used to create the skeleton of the project

Is this why all business modules are prefixed with egg-born-module-

2. Stage 2: CabloyJS

EggBornJS is just a basic full-stack development framework. If you want to carry out business development, you need to consider many business-related supporting features, such as user management, role management, permission management, menu management, parameter setting management, form verification, login mechanism, and so on. Especially in the scenario where the front and back ends are separated, the requirement for permission management rises to a higher level

Based on EggBornJS, CabloyJS provides a set of core business modules, so as to realize a series of business support features, and combine these features organically to form a complete and flexible upper ecological architecture, so as to support specific business development process

CabloyJS architecture diagram

features

EggBornJS features

• Front and rear end separation: Front and rear end separation development, depth decoupling
• Business modularization:Page componentsandThe business logicOrganization by module
• Flexible loading mode: Modules are availableAsynchronous loadingAnd can also beSynchronous loading
• Modules are highly cohesive: Modules includeFront-end page componentandBack-end business logic
• Flexible Parameter Configuration: The front and back ends in the module can be done separatelyParameter configuration
• internationalization: The front and back ends of a module can be independentinternationalization
• The module separation: the module’sPages, data, logic, routing, configurationAnd so onNamespace isolationTo avoid variable contamination and conflict between modules
• Super easy to use transaction processing: Only need to configure a parameter on the route record, you can perfect the databaseTransaction processing
• Progressive development: Due to the highly cohesive nature of modules, business can be deposited as modules that can be reused in multiple projects, either contributed to the NPM open source community or deployed to a company’s private NPM repository

With EggBornJS, you can reuse not only components, but also business modules

CabloyJS features

• Mobile first, perfect PC layout fit: PC = mobile + pad
• Unified atomic data management
• Unified user role permission management
• Fine support for multiple operating environments
• Supports multi-domain and multi-instance operation
• Flexible test-driven development
• Many core modules are built in to provide a large number of core features

With CabloyJS, you can quickly develop all kinds of business applications

belief

Who can use JavaScript to write applications, will eventually use JavaScript to write | Atwood’s law

We believe that deep explorers of Javascript will be inspired by this quote and work together to contribute to the Javascript ecosystem and build a more prosperous application ecosystem

CabloyJS is an exploration of this famous saying. CabloyJS does not duplicate the wheel, but uses the industry’s latest open source technology, the best combination of full stack development

You are welcome to join the CabloyJS community to promote the prosperity and application of Javascript

Origin of name

1. EggBorn

The origin of the name is relatively simple, as Egg(back-end framework) is the result of EggBorn. There is a cartoon called “Tianshu strange tan”, the adorable Lord inside is called “eggs”, I like to see (accidentally exposed the age 😅)

2. Cabloy

Cabloy is a magical spell from the Smurfs that has magical effects when spelled correctly. Likewise, CabloyJS is magic about chemistry, based on modular combinations with biochemical reactions, you’ll achieve anything you want

License

LGPL