Git Product home page Git Product logo

os-homework-file-managing-simulator's Introduction

Browser Based File Management Simulator

[toc]

This is a file management simulator based on bit-table technology implemented in Vue.js, Element Plus and Tailwindcss.

Tongji SSE Operating System Course Assignment 3.

See Assignment 1 here. See Assignment 2 here

The github-page of this repository is an online deployment of this simulator. Check that out!

For more information, click here to view the documentation in Chinese!

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

User Manual

This is a browser based file system. Different from those file management system running on your Operating System, this browser side app simulates the action done with the manipulations of file.

At logged-on, a dialog will show, and you can personalize parameters of the system.

Recover from Existing Working Directory

When logged in, you will be under root/ directory, and there will be nothing under that directory. by clicking the top right button, you can upload the previous-saved file information and recover the directory from that.

The button next to the upload is download.

Creating a Folder / Document

Buttons at bottom right corner is new file and show directory information. Click the green button and select a file type to add.

Browse through Folders and Documents

Double click either the file icon or tree widget item means open.

You can use the path at the navigator bar to do the navigation too.

Right Click

By right-clicking a file icon, the popover menu will appear. You can select either to open, edit or delete one item.

Directory Information

Single click the blue button at bottom right corner.

os-homework-file-managing-simulator's People

Contributors

plusonez avatar

Watchers

 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.