Skip to content
/ BIN Public
forked from BuildItNow/BIN

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

License

Notifications You must be signed in to change notification settings

niunai007/BIN

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

Features

  • 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

Hello World

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

How to use

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

Install bitnow-cli

$ npm install -g bitnow-cli

Generate project from template

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

Run the project

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 the project

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

$ npm run build

or

$ npm run build-start

List available template

$ bitnow list

Update to the latest framework

The whole source code of framework comes to bin directory.

$ bitnow update

Auto generate code

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

Create 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.

List available view template

$ bitnow view list

Description

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

LICENSE

MIT

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 59.8%
  • HTML 26.6%
  • CSS 13.5%
  • PHP 0.1%