Coder Social home page Coder Social logo

himans-sys / streamlit-multipage-framework Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yanalmeida/streamlit-multipage-framework

0.0 0.0 0.0 92 KB

Framework for implementing multipage structure in streamlit apps

License: GNU General Public License v3.0

Python 100.00%

streamlit-multipage-framework's Introduction

streamlit-multipage-framework

Framework for implementing multipage structure in streamlit apps. It was inspired by upraneelnihar's project: https://github.com/upraneelnihar/streamlit-multiapps.

Developed by: Yan Almeida.

Required Libraries

  1. Streamlit (pip install streamlit);
  2. Joblib (pip install joblib);
  3. OS (pip install os).

Code Elements

Functions and Classes

  1. function initialize() -> Runs when the program starts and sets the initial page as 0;
  2. function save(var_list, name, page_names) -> Saves a list of variables, associates it with a name and defines which pages will receive these variables;
  3. function load(name) -> Loads a var_list previously saved;
  4. function clear_cache(name=None) -> Clears the variables in cache. Receives a list of variables to erase, but if none is given, clears all of the variables;
  5. function start_app() -> Clears all the variables in the cache when the app is started (but not after this);
  6. function change_page(pag) -> Sets the current page number as pag;
  7. function read_page() -> Returns current page number;
  8. class app -> Class to create pages (apps), defined by two attributes: name and func (app script defined as a function in the code);
  9. class MultiPage -> Class to create the MultiPage structure, defined by the following attributes: apps (a list containing the pages (apps)), initial_page (used to set a starting page for the app, if needed), initial_page_set (used to determine whether a starting page is set or not), next_page_button and previous_page_button (in order to define the label of the buttons that switch between pages), navbar_name (to set the navigation bar header) and block_navbar (to keep your app without a navigation bar).

MultiPage Public Attributes

  1. next_page_button -> Defines the label of the "Next Page" button. Default: "Next Page";
  2. previous_page_button -> Defines the label of the "Previous Page" button. Default: "Previous Page";
  3. start_button -> Defines the label of the starting page button that starts the application (it's only used if the app has a starting page). Default: "Let's go!";
  4. navbar_name -> Defines the Navigation Bar's name. Default: "Navigation".

MultiPage Class Methods

  1. add_app(self, name, func) -> Creates an app and adds it to the apps attribute;
  2. set_initial_page(self, func) -> Sets a starting page to the program;
  3. disable_navbar(self) -> Removes the navigation bar;
  4. run(self) -> Creates a sidebar with buttons to switch between pages and runs the apps depending on the chosen page. It also keeps the variables defined in previous pages, if the app function correctly applies "save".

How to use it

  1. Download "multipage.py" and put it in the same folder as your app;
  2. Import the class MultiPage and the functions save and start_app from multipage.py;
  3. Create a MultiPage object;
  4. Use the function start_app to clear the cache;
  5. Set the buttons' labels (next_page_button and previous_page_button attributes) and the navigation bar name (navbar_name attribute);
  6. Define the different pages (apps) as functions (use the save method in the end of each function if you need the app to remember the variables). If you do save variables, they are going to be passed as argument to the target functions;
  7. Use the add_app method to include each one of the functions;
  8. If you have a starting page for your program, include it by using the set_initial_page method;
  9. Use the run method.

streamlit-multipage-framework's People

Contributors

yanalmeida avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.