TY的座位表產生器 是一個用 VueJS 3 + Bootstrap 5 所寫的一個純前端網頁線上教室座位表

• 網址 https://ty-seatingchart.pages.dev

功能

• 簡單即時的座位安排，用瀏覽器即可操作
• 純粹使用 VueJS 3 語法與 Bootstrap 5 的 CSS
• 定義排與列數以便輸入資料
• 點選姓名或座號區域進入編輯模式
• 利用 JSON 與瀏覽器的本地儲存庫來儲存資料
• 可下載 JSON 資料檔備份所輸入的內容與上傳資料
• 貼上名單功能
• 隨機座位
• 拖曳名單到座位與交換座位
• 放大縮小文字
• 調整字形：注音、拼音或兩者都有
• 抽籤功能
• 頭像儲存於瀏覽器索引式資料庫
• 文字轉語音

TY的座位表产生器 是一个用 VueJS 3 + Bootstrap 5 所写的一个纯前端网页线上教室座位表

• 网址 https://ty-seatingchart.pages.dev

功能

• 简单即时的座位安排，用浏览器即可操作
• 纯粹使用 VueJS 3 语法与 Bootstrap 5 的 CSS
• 定义排与列数以便输入资料
• 点选姓名或座号区域进入编辑模式
• 利用 JSON 与浏览器的本地储存库来储存资料
• 可下载 JSON 资料档备份所输入的内容与上传资料
• 贴上名单功能
• 随机座位
• 拖曳名单到座位与交换座位
• 放大缩小文字
• 调整字形：注音、拼音或两者都有
• 抽签功能
• 头像储存于浏览器索引式资料库
• 文字转语音

Students Classroom Seating Chart

TY's SeatingChart Generator is a pure front-end online classroom seating chart built with VueJS 3 + Bootstrap 5.

• URL https://ty-seatingchart.pages.dev

Features

• Simple and real-time seat arrangement, directly accessible from the browser
• Built purely with VueJS 3 syntax and Bootstrap 5 CSS
• Define rows and columns for data input
• Click on a name or seat number area to enter edit mode
• Store data using JSON and the browser’s Local Storage
• Download JSON files to back up entered data and upload saved files
• Paste-in roster feature
• Random seating assignment
• Drag and drop to place or swap seats
• Zoom in and out text
• Adjust font size: Zhuyin, Pinyin or both
• Bingo function
• Avatars store in browser's IndexedDB
• Text to speech