weblab
xjunjin
这个作者很懒,什么都没留下…
展开
-
山东大学软件学院项目实训weblab-18
项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。选择分支、分配容器原创 2022-06-08 20:32:09 · 323 阅读 · 1 评论 -
山东大学软件学院项目实训weblab-17
项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。原创 2022-06-05 19:36:47 · 210 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-16
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。教师端发布通知const releaseNotice = (curr: CurriculumDataIf) => { releaseNoticeForm.content = ''; releaseNoticeForm.title = ''; releaseNoticeForm.id = curr.id; releaseNoticeForm.idx = curriculum原创 2022-05-28 19:23:31 · 185 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-15
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。教师端新建组织const AddCurriculum = () => { createCurrForm.name = ''; createCurrForm.courseId = ''; createCurrForm.des = ''; createCurrFormVisible.value = true;}const ConfirmAddCurr = () =>原创 2022-05-27 02:02:10 · 113 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-14
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。学生项目管理获取已有项目const handleProjectTabClick = (pane: TabsPaneContext, ev: Event) => { if (pane.paneName == '3' && projectData.value.length == 0) { request('/weblab/project/getProjectLis原创 2022-05-26 20:18:21 · 130 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-13
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务教师端建立组织,得到组织邀请码,并可以设置课程时间、发布作业、发布通知等操作。学生端可以根据邀请码搜索并加入组织,并添加了通知模块。教师组织模块<el-tab-pane label="组织中心" name="1"> <el-dialog v-model="createCurrFormVisible" title="添加组织" width="30%"&g原创 2022-05-24 22:26:29 · 162 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-12
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务添加上传用户信息、项目管理以及组织管理模块。通过请求和响应拦截器验证tokeninstance.interceptors.request.use( function (config) { if(config.headers!.access_token==''){ config.headers!.access_token=store.getT原创 2022-05-17 17:41:06 · 166 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-11
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务添加教师模块教师主页面可以添加课程、班级,邀请学生、查看学生作业等功能<template> <el-header> <topmenu active-index="2" @on-index-change="onMenuIdxChange"></topmenu> </el-header> <el-main原创 2022-05-02 22:30:02 · 216 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-10
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务添加tab栏,并完成打包发送请求。添加tab栏coding页面结构<template> <el-header> <topmenu :activeIndex=activeIndex @on-index-change="onIndexChange"></topmenu> </el-header> <el原创 2022-04-30 18:29:09 · 177 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-9
前言本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。完善文件压缩类import JSZip from 'jszip';import { saveAs } from 'file-saver';enum FileType { root, folder, ts, js, html, css, md, txt,}const fileTypes = function (type: string原创 2022-04-25 19:50:55 · 309 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-8
前言本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。完善现有文件管理器现有的文件管理器只实现了基本的样式,以及鼠标右键可以添加新文件,但是鼠标右键唤出的菜单栏是固定位置。因此需要进一步完善,首先更改文件列表的样式,实现文件夹与文本文件的区分;另外实现鼠标右键可以创建文件夹、创建文件、重命名、删除文件、删除文件夹等操作。定义文件类型枚举和节点类型接口enum FileType { folder, ts, js, html, css原创 2022-04-25 15:36:39 · 241 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-7
前言本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务实现zip文件上传页面代码<template><el-header> <topmenu-login-vue :activeIndex="'3'"></topmenu-login-vue> </el-header> <el-main> <div class="login-wrap">原创 2022-04-19 21:51:14 · 178 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-6
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务实现登出和忘记密码功能登出function goto_codingview() { ElMessageBox.confirm( '是否确认退出?', '退出提示', { confirmButtonText: '确认', cancelButtonText: '取消', }原创 2022-03-29 13:07:23 · 131 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-5
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。本周任务利用axios实现像后端发送注册、校验、登录请求,并将返回的token存下来解决axios跨域问题在vite.config.ts中添加server配置import { fileURLToPath, URL } from "url";import { defineConfig } from "vite";import vue from "@vitejs/plugin-vue";原创 2022-03-26 17:08:31 · 563 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-4
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务用pinia、router和localStorage实现本地的注册、登录、重置密码、登出等功能。store.tsimport { defineStore } from "pinia";export const useLoginStore = defineStore({ id: "login", state: () => ({ isLogin: Number(lo原创 2022-03-19 16:55:33 · 211 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-3
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。任务实现路由限制以及注册时的表单验证路由限制给需要登陆状态才能进入的页面添加meta属性import { createRouter, createWebHistory } from 'vue-router';import codingViewVue from '../views/coding-view.vue';import registerViewVue from '../views原创 2022-03-19 01:25:58 · 296 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-2
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。本周任务实现登录时的图形验证功能,防止利用脚本恶意登录等行为。创建component创建CharacterVerification.vue组件<template> <div class="CharacterVerification" :style="{'width' : width + 'px','height' : height + 'px'}" ref="Char原创 2022-03-18 13:13:55 · 826 阅读 · 0 评论 -
山东大学软件学院项目实训weblab-1
前言项目地址本项目是为开发一套容器化的开发、运行、测试环境,用以支持Web开发、程序设计等课程的实验教学。本周任务利用vue和codemirror实现一个简易的在线代码编辑器。环境安装用vue自带的脚手架创建项目vue create fevu安装vue-codemirror组件npm install vue-codemirror --save全局引入main.js中import Vue from 'vue'import App from './App.vue'import V原创 2022-03-07 00:05:55 · 466 阅读 · 0 评论