01.12.2017       Выпуск 206 (27.11.2017 - 03.12.2017)       Интересные проекты, инструменты, библиотеки

bottle-vue-kickstart - bootstrap набор для bottle + vue


Экспериментальная функция:

Ниже вы видите текст статьи по ссылке. По нему можно быстро понять ссылка достойна прочтения или нет

Просим обратить внимание, что текст по ссылке и здесь может не совпадать.



Very basic kickstart Bottle kit with Vue.js

GitHub release licence licence

Simplify development of reactive web applications on Bottle – lightweight WSGI micro web-framework for Python! A simple process of installing and deploying. Everything has already been done for you. Just enjoy writing your code!

What is this?

Kickstart kit included latest version of npm packs:

  • Axios (for make AJAX calls)
  • Babel (for turn ES6 code into readable vanilla)
  • Vue.js (for reactive 'em all)
  • Webpack (for pack 'em all)

For visual design I use Bulma. This is a modern CSS framework based on Flexbox. Small and smart. If you haven't seen it before I promise – you'll like it!

How to install?

First, clone this git repository:

$ git clone git@github.com:koddr/bottle-vue-kickstart.git

Second, install npm dependencies and make build:

$ cd bottle-vue-kickstart
$ npm install && npm run build

Third, prepare your virtual environment:

Next, install Bottle and all extensions:

(venv) $ pip install -r requirements.txt
(venv) $ deactivate

Finally, run development server:

$ python3 run.py

Bottle v0.12.13 server starting up (using AutoServer())...
Listening on http://localhost:8080/
Hit Ctrl-C to quit.

If you did everything right...

Result without database

(Optional) Install database with example objects:

Now, your yellow section on http://localhost:8080/ will look like this:

Result with database

And we done!

Final app structure

├── static
│   ├── assets
│   │   ├── js
│   │   │   └── script.js
│   │   └── scss
│   │       └── style.scss
│   ├── css
│   │   └── style.min.css
│   ├── images
│   │   └── bottle-vue-kickstart-logo-horizontal.svg
│   └── js
│       └── script.min.js
├── templates
│   ├── index.html
│   └── layout
│       └── base.html
├── articles.db
├── install.py
├── package.json
├── requirements.txt
├── run.py
└── webpack.config.js

What's next? Build something awesome and make web beautiful again!


Development and maintenance of Bottle Vue kickstart kit project engaged by Vic Shóstak (aka Koddr). If you want to write a «thank you» or ask something, use this e-mail.

Your help

If you want help, we will be glad reviews about Bottle Vue kickstart kit on personal blogs (including Twitter), online media and/or specialized IT-portals. Thank you!


The MIT License (MIT)

Лучшая Python рассылка

Разместим вашу рекламу

Пиши: mail@pythondigest.ru

Нашли опечатку?

Выделите фрагмент и отправьте нажатием Ctrl+Enter.

Система Orphus