Preface

Through the architecture design of frontend & backend separation, only one set of codes is needed to support the cross-platform development, including backend management system and frontend applications

CabloyJS full stack framework supports cross-platform and cross-end development through the architecture design of frontend & backend separation, so:

  1. Only one set of codes is needed to realize the admin management system at backend and the applications at frontend at the same time

  2. Only one set of codes is needed to adapt to PC and mobile at the same time, and the mobile is close to the native experience

1. Demo Online: Example of large project

To cope with the development of large projects, CabloyJS provides troika: Suite, Module and App. Suites and Modules are used to organize source codes, and Apps are used to organize interface layout

Application Application Type PC Mobile
large project (multi-suite, multi-module, multi-app) 2B: Backend management system https://test.cabloy.com/ test演示
Account Type Username Password
Admin User admin 123456
Normal User tom 123456
Normal User jane 123456

2. Official System: CabloyJS Official Services

All services officially provided by CabloyJS are developed and implemented using the CabloyJS full stack framework

Important thing, it is necessary to emphasize again: all the following demonstrations are implemented through one set of codes

Application Application Type PC Mobile
Backend management System 2B: Backend management system https://portal.cabloy.com cabloy-admin-qrcode
Blog 2C: Static output, SEO optimization https://zhennann.com zhennann.com
Technical Docs(English) 2C: Static output, SEO optimization https://cabloy.com/index.html cabloy.com:index.html
Technical Docs(Chinese) 2C: Static output, SEO optimization https://cabloy.com/zh-cn/index.html https-::cabloy.com:zh-cn:index.html
Community(English) 2C: Static output, SEO optimization https://community.cabloy.com/index.html https-::community.cabloy.com:index.html
Community(Chinese) 2C: Static output, SEO optimization https://community.cabloy.com/zh-cn/index.html https-::community.cabloy.com:zh-cn:index.html
Courses(English) 2C: Static output, SEO optimization https://course.cabloy.com/index.html https-::course.cabloy.com:index.html
Courses(Chinese) 2C: Static output, SEO optimization https://course.cabloy.com/zh-cn/index.html https-::course.cabloy.com:zh-cn:index.html
Cabloy Store(English) 2C: Static output, SEO optimization https://store.cabloy.com/index.html https-::store.cabloy.com:index.html
Cabloy Store(Chinese) 2C: Static output, SEO optimization https://store.cabloy.com/zh-cn/index.html https-::store.cabloy.com:zh-cn:index.html

3. Demo Online: Wechat/Mobile Ordering Together

CabloyJS has officially crafted a suite of WeChat/Mobile Ordering Together to demonstrate how to simultaneously implement the backend merchant management application and the frontend WeChat/Mobile ordering application through one set of codes, and each application is perfectly compatible with the PC and Mobile

Application Application Type PC Mobile
merchant management 2B: Backend management system https://test.cabloy.com/?appKey=diancai-store:appDianCaiWechatManage 微信点菜管理应用
WeChat/Mobile ordering together 2C: Frontend application https://test.cabloy.com/?appKey=diancai-h5:appDianCaiWechatH5 微信点菜点菜应用
Account Type Username Password
Admin User admin 123456
Normal User tom 123456
Normal User jane 123456

Supported platforms of CabloyJS

Platform Frontend Backend
PC: Web CabloyJS Frontend CabloyJS Backend
PC: Exe CabloyJS Frontend + Electron CabloyJS Backend
Mobile: IOS CabloyJS Frontend + Cordova CabloyJS Backend
Mobile: Android CabloyJS Frontend + Cordova CabloyJS Backend
Slack CabloyJS Frontend + Slack API CabloyJS Backend
Wechat CabloyJS Frontend + Wechat API CabloyJS Backend
Wechat Enterprise CabloyJS Frontend + Wechat API CabloyJS Backend
DingTalk CabloyJS Frontend + DingTalk API CabloyJS Backend

  • Backend: Because of the complete frontend and backend separation, only one set of CabloyJS backend code should be developed

  • Frontend: All scenarios that can be based on H5 need only develop one set of CabloyJS frontend code

Supported application types of CabloyJS

  1. Multi-tenant SAAS business system can be developed

  2. Backend business management system can be developed, such as OA, CRM, ERP, e-commerce, etc.

  3. CMS content management system with JAMStack architecture can be developed to support SEO optimization, such as blogs, technical documents, communities, knowledge stores, etc.

  4. You can first develop the backend business management system, and then extend the development of CMS content management system; Alternatively, the CMS content management system can be developed first, and then the backend business management system can be extended

  5. Various App applications can be developed through Cordova to support IOS and Android

  6. You can develop desktop applications through Electron

  7. ……