当前位置: 首页 > news >正文

在线制作课程表

失业在家,开启一天一个应用的创作节奏,最近学了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] = valuelocalStorage.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.lryc.cn/news/187736.html

相关文章:

  • 聊聊分布式架构06——[NIO入门]简单的Netty NIO示例
  • H5逆向之远程RPC
  • 解决Ubuntu18.04安装好搜狗输入法后无法打出中文的问题
  • Ubuntu LabelMe AI 识别
  • 基于FPGA的图像缩小算法实现,包括tb测试文件和MATLAB辅助验证
  • 黑马店评-04缓存更新策略,保证MySQL数据库中的数据和Redis中缓存的数据一致性
  • matlab相机标定实验
  • 【每日一题Day343】LC2731移动机器人 | 脑筋急转弯+数学
  • 疯狂java 1.7垃圾回收机制
  • day01_基础
  • RabbitMQ开启消息发送确认和消费手动确认
  • 嵌入式系统开发【深入浅出】 GPIO 类设备的驱动程序
  • 项目管理必备的22个公式
  • ccache加速编译速度
  • Apache POI使用
  • UNIQUE VISION Programming Contest 2023 Autumn(AtCoder Beginner Contest 323)
  • Docker 网络管理
  • 网络安全国家队-安防思考与实践
  • epoll 定时器
  • BUUCTF Java逆向解密 1
  • BUUCTF [MRCTF2020]Ez_bypass1
  • 深入理解强化学习——强化学习和有监督学习
  • 设计模式 - 结构型模式考点篇:装饰者模式(概念 | 案例实现 | 优缺点 | 使用场景)
  • 计算机竞赛 题目:基于深度学习的手势识别实现
  • 手撕各种排序
  • 视频号的链接在哪,视频号视频链接地址获取办法!
  • 深度学习笔记之优化算法(六)RMSprop算法的简单认识
  • 10架构管理之公司整体技术架构
  • 联邦学习综述
  • 几行cmd命令,轻松将java文件打包成jar文件