bin-test-package v1.0.0
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
SPA
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
MPA
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
PC-SPA
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
Document
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
7 years ago