在线制作课程表

news2025/1/11 10:07:13

失业在家,开启一天一个应用的创作节奏,最近学了uniapp,特别想做点啥,正好家里小孩子要打印课程表,而且课程表还有调课的需求,就寻思做一个方便大家,到目前位置服务完全免费的,新鲜上线,先给大家看看效果

制作起来比较简单,因为我也不是老师,所以可能缺乏经验,课程表的设定上可能有出入,后面慢慢改进,先看看有多少人需要使用。

在线制作课程表icon-default.png?t=N7T8http://kcb.toolxq.com/

左侧是设置课程,右侧选择课程即可,也可以直接填写,最后点击预览看效果

结果很简单明了

最后按照惯例分享一下代码:

delClass(index) {
				this.classNum--;
				localStorage.setItem('classNum', this.classNum);
				let rows = this.selArr.length;
				if (index < this.amClasses) {
					this.amClasses--;
					localStorage.setItem('amClasses', this.amClasses);
				} else {
					this.pmClasses--;
				}
				for (let i = 0; i < rows; i++) {
					this.selArr[i].splice(index, 1);
					localStorage.setItem('pmClasses', this.pmClasses);
				}
			},
			updateValue(value, index) {
				console.log(index)
				this.list[index] = value; // 将用户的输入保存到列表的相应位置  
				localStorage.setItem('list', JSON.stringify(this.list));
			},
			addItem() {
				if (this.newItem !== '') {
					this.list.push(this.newItem);
					localStorage.setItem('list', JSON.stringify(this.list));
					this.newItem = '';
				}
			},
			removeItem(index) {
				this.list.splice(index, 1);
				localStorage.setItem('list', JSON.stringify(this.list));
			},
			getList() {
				console.log("ac");
				if (localStorage.getItem('list')) {
					this.list = JSON.parse(localStorage.getItem('list'));
				} else {

				}
				if (localStorage.getItem('table_json')) {
					this.selArr = JSON.parse(localStorage.getItem('table_json'));
				} else {

				}
			},
			bindPickerChange: function(day, clazz, event) {
				console.log('picker发送选择改变,携带值为', event.detail.value)
				this.selArr[day][clazz] = event.detail.value
			},
			saveTimeTable: function(value, day, clazz) {
				console.log()
				this.selArr[day][clazz] = value
				localStorage.setItem('table_json', JSON.stringify(this.selArr));				
			},
			numberToChinese(num) {
				const chineseNumbers = {
					1: '一',
					2: '二',
					3: '三',
					4: '四',
					5: '五',
				};
				return chineseNumbers[num];
			},
			preview() {
				this.previewFlag = !this.previewFlag;
			}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1077186.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MySQL数据库基本操作-DQL-排序查询

介绍 如果我们需要对读取的数据进行排序&#xff0c;我们就可以使用 MySQL 的 order by 子句来设定你想按哪个字段哪种方式来进行排序&#xff0c;再返回搜索结果。 语法 select 字段名1&#xff0c;字段名2&#xff0c;…… from 表名 order by 字段名1 [asc|desc]&#xf…

腾讯云新用户专享便宜云服务器有哪些?如何购买?

在云计算市场竞争激烈的今天&#xff0c;各大云服务提供商为了吸引更多用户&#xff0c;经常推出各种优惠活动。腾讯云作为国内领先的云计算服务提供商之一&#xff0c;也不例外。本文将为大家介绍腾讯云新用户专享的便宜云服务器&#xff0c;以及如何购买。 腾讯云新用户专享便…

3.1 使用点对点信道的数据链路层

思维导图&#xff1a; 前言&#xff1a; **第3章 数据链路层笔记** --- **概述**&#xff1a; - 数据链路层在计算机网络中是较低的层级。 - 主要有两种信道&#xff1a;点对点信道与广播信道。 - 局域网&#xff08;LAN&#xff09;位于数据链路层。 --- **1. 信道种类**…

C++ stack和queue模拟实现

目录 stack习题练习逆波兰表达式求值基本计算器 stack模拟实现queuequeue模拟实现deque了解priority_queuepriority_queue模拟实现仿函数 stack stack是一种容器适配器&#xff0c;专门用在具有后进先出操作的上下文环境中&#xff0c;其删除只能从容器的一端进行元素的插入与提…

阶段六-Day02-Maven

一、学习Maven 使用Maven创建Web项目&#xff0c;并部署到服务器。 二、Maven介绍及加载原理 1. 介绍 Maven是使用Java语言编写的基于项目对象模型&#xff08;POM&#xff09;的项目管理工具。开发者可以通过一小段描述信息来管理项目的构建、报告和文档。 使用Maven可以…

Supervised Contrastive Pre-training for Mammographic Triage Screening Model

方法 品红色箭头表示将生成的孪生编码器分别迁移到单视角学习模块和双视角学习模块

C语言--文件操作详解(2)(文本文件和二进制文件,文件读取结束的判定,用函数进行文件的拷贝,文件缓冲区)

前言 本篇文章主要介绍了文本文件和二进制文件&#xff0c;文件读取结束的判定&#xff0c;如何使用函数进行文件的拷贝&#xff0c;文件缓冲区的相关知识。 以及具有保存功能的八功能通讯录的源码。 文章目录 前言1.文本文件和二进制文件2.文件读取结束的判定2.1 被错误使用…

Modality-invariant Visual Odometry for Embodied Vision 代码复现

代码地址 https://github.com/memmelma/VO-Transformer/tree/dev 环境配置 1.拉取github库 git clone https://github.com/memmelma/VO-Transformer.git cd VO-Transformer/2.创建环境 创建environment.yml name: vot_nav channels:- pytorch- conda-forge dependencies:-…

gpio内部结构(一)

一&#xff0c;GPIO内部结构 1&#xff0c;保护二极管 * 引脚内部加上这两个保护二级管可以防止引脚外部过高或过低的电压输入。 * 当引脚电压高于 VDD_FT 或 VDD 时&#xff0c;上方的二极管导通吸收这个高电压。 * 当引脚电压低于 VSS 时&#xff0c;下方的二极管导通&…

Linux 文件链接

Linux 下的文件链接有两类。一个是类似于 win 电脑的快捷方式&#xff0c;我们称为软链接&#xff0c;软链接也可以叫做符号链接。另一种是通过文件系统的 inode 连接来产生的&#xff0c;类似于 windows 电脑的复制&#xff0c;但是不产生新的文件&#xff0c;我们称为硬链接。…

2023.10.10

运算符重载 类外函数实现&#xff1a; #include <iostream>using namespace std;class Good {//算数friend const Good operator*(const Good &L,const Good &R);friend const Good operator(const Good &L,const Good &R);friend const Good operator…

【网络豆送书第五期】Kali Linux高级渗透测试

作者简介&#xff1a;一名云计算网络运维人员、每天分享网络与运维的技术与干货。 公众号&#xff1a;网络豆云计算学堂 座右铭&#xff1a;低头赶路&#xff0c;敬事如仪 个人主页&#xff1a; 网络豆的主页​​​​​ 本期好书推荐&#xff1a;《Kali Linux高级渗透测试…

在Openresty中使用lua语言向请求浏览器返回请求头User-Agent里边的值

可以参考《Linux学习之Ubuntu 20.04在https://openresty.org下载源码安装Openresty 1.19.3.1&#xff0c;使用systemd管理OpenResty服务》安装Openresty。 然后把下边的内容写入到openresty配置文件/usr/local/openresty/nginx/conf/nginx.conf&#xff08;根据实际情况进行选…

vue使用localstorage超出限制解决方法

最近在项目中&#xff0c;遇到一个报错&#xff0c;QuotaExceededError: The quota has been exceeded。如图&#xff1a; 搜索了一下&#xff0c;结合项目代码&#xff0c;得到的结论是localStorage超出5M限制了&#xff0c;项目中使用了vuex-persistedstate插件&#xff0c;…

机器学习、深度学习相关的项目集合【自行选择即可】

【基于YOLOv5的瓷砖瑕疵检测系统】 YOLOv5是一种目标检测算法&#xff0c;它是YOLO&#xff08;You Only Look Once&#xff09;系列模型的进化版本。YOLOv5是由Ultralytics开发的&#xff0c;基于一阶段目标检测的概念。其目标是在保持高准确率的同时提高目标检测的速度和效率…

win11安装IIS步骤-已验证23.10.10

IIS服务使用 步骤一&#xff1a;打开控制面板 通过 控制面板— 程序— 启用或关闭Windows功能 — 选择Internet Information Services默认安装IIS&#xff0c;如下图步骤所示 步骤二&#xff1a;打开IIS服务 建议根据下图勾选&#xff0c;建议全选安装&#xff0c;以便后续发…

计算机算法分析与设计(9)---0-1背包问题(含C++代码)

文章目录 一、概述1.1 问题描述1.2 算法思想 二、代码2.1 题目描述2.2 代码编写 一、概述 1.1 问题描述 1. 0-1背包问题&#xff1a;给定 n n n 种物品和一背包。物品 i i i 的体积是 v i v_i vi​&#xff0c;其价值为 w i w_i wi​&#xff0c;背包的容量为 c c c。问应…

winform窗体控件太多显示不过来,怎么实现滚动条

winform窗体控件太多显示不过来&#xff0c;怎么实现滚动条 Winform Panel实现滚动条 一、创建panel 在界面上拖拽一个父级Panel1&#xff0c;然后在Panel1里面拖拽一个子级Panel2 设置父级Panel1的AutoScroll属性为True 属性设置好后&#xff0c;当子级高度或者宽度大于父…

promtail multiline 堆栈日志处理

找到自己的promtail.yaml中job_name段落&#xff0c;增加multiline段落&#xff0c;下面文件只是部分内容&#xff0c;只需要修改firstline后面的正则表达式匹配日志行首&#xff0c;如果堆栈换行后不是此格式行首&#xff0c;将自动把堆栈的行合并到上一行中。 - job_name: k…

【管理运筹学】第 9 章 | 网络计划(2,时间参数的计算 —— 工作时间的确定与事项的时间参数)

文章目录 引言一、工作时间的确定二、事项的时间参数2.1 事项的最早开始时间2.2 事项的最迟结束时间2.3 事项的时差2.4 利用事项的时间参数来确定关键线路 引言 计算网络图中有关的时间参数&#xff0c;主要目的是找到关键线路&#xff0c;为网络计划的优化、调增和执行提供明…