niunai007 / bin Goto Github PK

BIN is a lightweight frontend framework, follow the KISS principle. Easy but Powerful. It can be used to develop moble app, web app and even desktop app.

• Only required HTML,CSS,JavaScript skills
• Object oriented and Triditional GUI application oriented development pattern
• MVVM feature(based on Vue 1.0)
• Basic components for mobile and pc
• Build-in router feature, view stack management for mobile spa
• Client side http api mock
• App shell feature
• Basic data persistence feature

A simple mobile SPA build with BIN. It's a template project, use bitnow init <project-name> spa to generate your project from this template project.
source code

A simple mobile MPA build with BIN. It's a template project, use bitnow init <project-name> mpa to generate your project from this template project.
source code

A simple PC SPA build with BIN. It's a template project, use bitnow init <project-name> pcspa to generate your project from this template project.
source code

you can use the bitnow-cli to generate project from available template.

$ npm install -g bitnow-cli

$ bitnow init <project-name> [template-name]

BIN is base on AMD to manage modules, so there is no need to compile and build for development. But on the other side, BIN does't use npm to handle dependencies. cd to project dir and then:

$ npm start

Build project for production. Bundle the framework, add version informations ...

$ npm run build

or

$ npm run build-start

$ bitnow list

The whole source code of framework comes to bin directory.

$ bitnow update

bitnow-cli provides some useful view templates to generate the base view code.

$ bitnow view create <view-path> [template-name]

the view-path is based on you current path, so index will create index.html and index.js in current path, and login/index will create index.html and index.js in ./login, the parent path will be created by cli if not exists.
In BIN, each view consists of two files: .html describes the structure and appearance, .js describes the logic of business and the ViewModel links them together. So it's more close to traditional web development and even close to traditional GUI application development.

$ bitnow view list

• bin : framework code
  
• config : config files
  
• index-spa.html : boot index file for SPA
  
• index-web.html : boot index file for web
  

MIT