@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="JAVA_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||||
|
<exclude-output />
|
||||||
|
<content url="file://$MODULE_DIR$" />
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/k-class-roll-call.iml" filepath="$PROJECT_DIR$/.idea/k-class-roll-call.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
@ -0,0 +1,35 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ChangeListManager">
|
||||||
|
<list default="true" id="b4c20391-644c-4ef8-93ae-166260c047e0" name="更改" comment="" />
|
||||||
|
<option name="SHOW_DIALOG" value="false" />
|
||||||
|
<option name="HIGHLIGHT_CONFLICTS" value="true" />
|
||||||
|
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
|
||||||
|
<option name="LAST_RESOLUTION" value="IGNORE" />
|
||||||
|
</component>
|
||||||
|
<component name="ProjectId" id="2mvSYUAwxILKz9wIrHwcmy17tTE" />
|
||||||
|
<component name="ProjectViewState">
|
||||||
|
<option name="hideEmptyMiddlePackages" value="true" />
|
||||||
|
<option name="showLibraryContents" value="true" />
|
||||||
|
</component>
|
||||||
|
<component name="PropertiesComponent"><![CDATA[{
|
||||||
|
"keyToString": {
|
||||||
|
"RunOnceActivity.OpenProjectViewOnStart": "true",
|
||||||
|
"RunOnceActivity.ShowReadmeOnStart": "true",
|
||||||
|
"WebServerToolWindowFactoryState": "false",
|
||||||
|
"vue.rearranger.settings.migration": "true"
|
||||||
|
}
|
||||||
|
}]]></component>
|
||||||
|
<component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="应用程序级" UseSingleDictionary="true" transferred="true" />
|
||||||
|
<component name="TaskManager">
|
||||||
|
<task active="true" id="Default" summary="默认任务">
|
||||||
|
<changelist id="b4c20391-644c-4ef8-93ae-166260c047e0" name="更改" comment="" />
|
||||||
|
<created>1727955603618</created>
|
||||||
|
<option name="number" value="Default" />
|
||||||
|
<option name="presentableId" value="Default" />
|
||||||
|
<updated>1727955603618</updated>
|
||||||
|
<workItem from="1727955604708" duration="5000" />
|
||||||
|
</task>
|
||||||
|
<servers />
|
||||||
|
</component>
|
||||||
|
</project>
|
@ -0,0 +1,33 @@
|
|||||||
|
HELP.md
|
||||||
|
target/
|
||||||
|
!.mvn/wrapper/maven-wrapper.jar
|
||||||
|
!**/src/main/**/target/
|
||||||
|
!**/src/test/**/target/
|
||||||
|
|
||||||
|
### STS ###
|
||||||
|
.apt_generated
|
||||||
|
.classpath
|
||||||
|
.factorypath
|
||||||
|
.project
|
||||||
|
.settings
|
||||||
|
.springBeans
|
||||||
|
.sts4-cache
|
||||||
|
|
||||||
|
### IntelliJ IDEA ###
|
||||||
|
.idea
|
||||||
|
*.iws
|
||||||
|
*.iml
|
||||||
|
*.ipr
|
||||||
|
|
||||||
|
### NetBeans ###
|
||||||
|
/nbproject/private/
|
||||||
|
/nbbuild/
|
||||||
|
/dist/
|
||||||
|
/nbdist/
|
||||||
|
/.nb-gradle/
|
||||||
|
build/
|
||||||
|
!**/src/main/**/build/
|
||||||
|
!**/src/test/**/build/
|
||||||
|
|
||||||
|
### VS Code ###
|
||||||
|
.vscode/
|
@ -0,0 +1,13 @@
|
|||||||
|
package com.flyingpig.kclassrollcall;
|
||||||
|
|
||||||
|
import org.springframework.boot.SpringApplication;
|
||||||
|
import org.springframework.boot.autoconfigure.SpringBootApplication;
|
||||||
|
|
||||||
|
@SpringBootApplication
|
||||||
|
public class KClassRollCallApplication {
|
||||||
|
|
||||||
|
public static void main(String[] args) {
|
||||||
|
SpringApplication.run(KClassRollCallApplication.class, args);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,35 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.common;
|
||||||
|
|
||||||
|
|
||||||
|
import lombok.AllArgsConstructor;
|
||||||
|
import lombok.Data;
|
||||||
|
import lombok.NoArgsConstructor;
|
||||||
|
|
||||||
|
@Data
|
||||||
|
@NoArgsConstructor
|
||||||
|
@AllArgsConstructor
|
||||||
|
public class Result {
|
||||||
|
private Integer code;//响应码
|
||||||
|
private String msg;//响应信息,描述字符串
|
||||||
|
private Object data;//返回的数据
|
||||||
|
|
||||||
|
//增删改
|
||||||
|
public static Result success() {
|
||||||
|
return new Result(200, "success", null);
|
||||||
|
}
|
||||||
|
|
||||||
|
//查询 成功响应
|
||||||
|
public static Result success(Object data) {
|
||||||
|
return new Result(200, "success", data);
|
||||||
|
}
|
||||||
|
|
||||||
|
//查询 失败响应
|
||||||
|
public static Result error(Integer code, String msg) {
|
||||||
|
return new Result(code, msg, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
public static Result error(String msg) {
|
||||||
|
return new Result(500, msg, null);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,34 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.common;
|
||||||
|
|
||||||
|
public class StatusCode {
|
||||||
|
/**
|
||||||
|
* 操作成功
|
||||||
|
*/
|
||||||
|
public static final int OK = 200;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求参数异常或缺失
|
||||||
|
*/
|
||||||
|
public static final int PARAMETERERROR = 400;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 资源不存在
|
||||||
|
*/
|
||||||
|
public static final int NOTFOUND = 404;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求方法错误
|
||||||
|
*/
|
||||||
|
public static final int METHODERROR = 405;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 服务端错误
|
||||||
|
*/
|
||||||
|
public static final int SERVERERROR = 500;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 未经授权
|
||||||
|
*/
|
||||||
|
public static final int UNAUTHORIZED = 401;
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,30 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.config;
|
||||||
|
|
||||||
|
import org.springframework.context.annotation.Bean;
|
||||||
|
import org.springframework.context.annotation.Configuration;
|
||||||
|
import org.springframework.web.bind.annotation.CrossOrigin;
|
||||||
|
import org.springframework.web.cors.CorsConfiguration;
|
||||||
|
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
|
||||||
|
import org.springframework.web.filter.CorsFilter;
|
||||||
|
|
||||||
|
@Configuration
|
||||||
|
public class CorsConfig {
|
||||||
|
/**
|
||||||
|
* 允许跨域调用的过滤器
|
||||||
|
*/
|
||||||
|
@Bean
|
||||||
|
public CorsFilter corsFilter() {
|
||||||
|
CorsConfiguration config = new CorsConfiguration();
|
||||||
|
//允许白名单域名进行跨域调用
|
||||||
|
config.addAllowedOriginPattern("*");
|
||||||
|
//允许跨越发送cookie
|
||||||
|
config.setAllowCredentials(true);
|
||||||
|
//放行全部原始头信息
|
||||||
|
config.addAllowedHeader("*");
|
||||||
|
//允许所有请求方法跨域调用
|
||||||
|
config.addAllowedMethod("*");
|
||||||
|
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
|
||||||
|
source.registerCorsConfiguration("/**", config);
|
||||||
|
return new CorsFilter(source);
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,30 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.config;
|
||||||
|
|
||||||
|
|
||||||
|
import com.fasterxml.jackson.databind.ObjectMapper;
|
||||||
|
import com.fasterxml.jackson.databind.module.SimpleModule;
|
||||||
|
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer;
|
||||||
|
import org.springframework.boot.autoconfigure.condition.ConditionalOnMissingBean;
|
||||||
|
import org.springframework.context.annotation.Bean;
|
||||||
|
import org.springframework.context.annotation.Configuration;
|
||||||
|
import org.springframework.context.annotation.Primary;
|
||||||
|
import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder;
|
||||||
|
|
||||||
|
@Configuration
|
||||||
|
public class JacksonConfig {
|
||||||
|
|
||||||
|
@Bean
|
||||||
|
@Primary
|
||||||
|
@ConditionalOnMissingBean(ObjectMapper.class)
|
||||||
|
public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) {
|
||||||
|
ObjectMapper objectMapper = builder.createXmlMapper(false).build();
|
||||||
|
|
||||||
|
// 全局配置序列化返回 JSON 处理
|
||||||
|
SimpleModule simpleModule = new SimpleModule();
|
||||||
|
//JSON Long ==> String
|
||||||
|
simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
|
||||||
|
objectMapper.registerModule(simpleModule);
|
||||||
|
return objectMapper;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,16 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.config;
|
||||||
|
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.filter.AuthInterceptor;
|
||||||
|
import org.springframework.context.annotation.Configuration;
|
||||||
|
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
|
||||||
|
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
|
||||||
|
|
||||||
|
@Configuration
|
||||||
|
public class MvcConfig implements WebMvcConfigurer {
|
||||||
|
@Override
|
||||||
|
public void addInterceptors(InterceptorRegistry registry) {
|
||||||
|
registry.addInterceptor(new AuthInterceptor())
|
||||||
|
.excludePathPatterns("/user/login", "/user/register"); // 排除登录和注册接口
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,40 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.controller;
|
||||||
|
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.common.Result;
|
||||||
|
import com.flyingpig.kclassrollcall.dto.req.LoginReq;
|
||||||
|
import com.flyingpig.kclassrollcall.entity.Teacher;
|
||||||
|
import com.flyingpig.kclassrollcall.service.ITeacherService;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.web.bind.annotation.PostMapping;
|
||||||
|
import org.springframework.web.bind.annotation.RequestBody;
|
||||||
|
import org.springframework.web.bind.annotation.RequestMapping;
|
||||||
|
|
||||||
|
import org.springframework.web.bind.annotation.RestController;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
* 前端控制器
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
@RestController
|
||||||
|
@RequestMapping("/user")
|
||||||
|
public class TeacherController {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
ITeacherService teacherService;
|
||||||
|
|
||||||
|
@PostMapping("/login")
|
||||||
|
public Result login(@RequestBody LoginReq loginReq){
|
||||||
|
return teacherService.login(loginReq);
|
||||||
|
}
|
||||||
|
|
||||||
|
@PostMapping("/register")
|
||||||
|
public Result register(@RequestBody Teacher teacher){
|
||||||
|
return teacherService.register(teacher);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,13 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.dto.req;
|
||||||
|
|
||||||
|
import lombok.AllArgsConstructor;
|
||||||
|
import lombok.Data;
|
||||||
|
import lombok.NoArgsConstructor;
|
||||||
|
|
||||||
|
@Data
|
||||||
|
@NoArgsConstructor
|
||||||
|
@AllArgsConstructor
|
||||||
|
public class LoginReq {
|
||||||
|
private String username;
|
||||||
|
private String password;
|
||||||
|
}
|
@ -0,0 +1,14 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.dto.req;
|
||||||
|
|
||||||
|
import lombok.AllArgsConstructor;
|
||||||
|
import lombok.Data;
|
||||||
|
import lombok.NoArgsConstructor;
|
||||||
|
|
||||||
|
@Data
|
||||||
|
@NoArgsConstructor
|
||||||
|
@AllArgsConstructor
|
||||||
|
public class StudentExcelModel {
|
||||||
|
private String no; // 学号
|
||||||
|
private String name; // 姓名
|
||||||
|
private String major; // 专业
|
||||||
|
}
|
@ -0,0 +1,13 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.dto.resp;
|
||||||
|
|
||||||
|
import lombok.AllArgsConstructor;
|
||||||
|
import lombok.Data;
|
||||||
|
import lombok.NoArgsConstructor;
|
||||||
|
|
||||||
|
@Data
|
||||||
|
@NoArgsConstructor
|
||||||
|
@AllArgsConstructor
|
||||||
|
public class LoginResp {
|
||||||
|
private String name;
|
||||||
|
private String token;
|
||||||
|
}
|
@ -0,0 +1,48 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.entity;
|
||||||
|
|
||||||
|
import java.math.BigDecimal;
|
||||||
|
import com.baomidou.mybatisplus.annotation.TableName;
|
||||||
|
import com.baomidou.mybatisplus.annotation.IdType;
|
||||||
|
import com.baomidou.mybatisplus.annotation.TableId;
|
||||||
|
import java.io.Serializable;
|
||||||
|
import io.swagger.annotations.ApiModel;
|
||||||
|
import io.swagger.annotations.ApiModelProperty;
|
||||||
|
import lombok.AllArgsConstructor;
|
||||||
|
import lombok.Data;
|
||||||
|
import lombok.EqualsAndHashCode;
|
||||||
|
import lombok.NoArgsConstructor;
|
||||||
|
import lombok.experimental.Accessors;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
*
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
@Data
|
||||||
|
@EqualsAndHashCode(callSuper = false)
|
||||||
|
@Accessors(chain = true)
|
||||||
|
@TableName("student")
|
||||||
|
@ApiModel(value="Student对象", description="")
|
||||||
|
@NoArgsConstructor
|
||||||
|
@AllArgsConstructor
|
||||||
|
public class Student implements Serializable {
|
||||||
|
|
||||||
|
private static final long serialVersionUID = 1L;
|
||||||
|
|
||||||
|
@TableId(value = "id", type = IdType.ASSIGN_ID)
|
||||||
|
private Long id;
|
||||||
|
|
||||||
|
private String name;
|
||||||
|
|
||||||
|
private Integer no;
|
||||||
|
|
||||||
|
private String major;
|
||||||
|
|
||||||
|
private Double score;
|
||||||
|
|
||||||
|
private Long teacherId;
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,40 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.entity;
|
||||||
|
|
||||||
|
import com.baomidou.mybatisplus.annotation.TableName;
|
||||||
|
import com.baomidou.mybatisplus.annotation.IdType;
|
||||||
|
import com.baomidou.mybatisplus.annotation.TableId;
|
||||||
|
import java.io.Serializable;
|
||||||
|
import io.swagger.annotations.ApiModel;
|
||||||
|
import io.swagger.annotations.ApiModelProperty;
|
||||||
|
import lombok.Data;
|
||||||
|
import lombok.EqualsAndHashCode;
|
||||||
|
import lombok.experimental.Accessors;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
*
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
@Data
|
||||||
|
@EqualsAndHashCode(callSuper = false)
|
||||||
|
@Accessors(chain = true)
|
||||||
|
@TableName("teacher")
|
||||||
|
@ApiModel(value="Teacher对象", description="")
|
||||||
|
public class Teacher implements Serializable {
|
||||||
|
|
||||||
|
private static final long serialVersionUID = 1L;
|
||||||
|
|
||||||
|
@TableId(value = "id", type = IdType.ASSIGN_ID)
|
||||||
|
private Long id;
|
||||||
|
|
||||||
|
private String name;
|
||||||
|
|
||||||
|
private String username;
|
||||||
|
|
||||||
|
private String password;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,65 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.exception;
|
||||||
|
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.common.Result;
|
||||||
|
import com.flyingpig.kclassrollcall.common.StatusCode;
|
||||||
|
import lombok.extern.slf4j.Slf4j;
|
||||||
|
import org.springframework.data.redis.RedisConnectionFailureException;
|
||||||
|
import org.springframework.web.HttpRequestMethodNotSupportedException;
|
||||||
|
import org.springframework.web.bind.MissingServletRequestParameterException;
|
||||||
|
import org.springframework.web.bind.annotation.ExceptionHandler;
|
||||||
|
import org.springframework.web.bind.annotation.RestControllerAdvice;
|
||||||
|
import org.springframework.web.method.annotation.MethodArgumentTypeMismatchException;
|
||||||
|
|
||||||
|
import java.net.BindException;
|
||||||
|
|
||||||
|
//全局异常处理器
|
||||||
|
@RestControllerAdvice
|
||||||
|
@Slf4j
|
||||||
|
public class GlobalExceptionHandler {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求参数异常/缺少--400
|
||||||
|
*
|
||||||
|
* @param e
|
||||||
|
* @return
|
||||||
|
*/
|
||||||
|
@ExceptionHandler({
|
||||||
|
MissingServletRequestParameterException.class,
|
||||||
|
MethodArgumentTypeMismatchException.class,
|
||||||
|
BindException.class}
|
||||||
|
)
|
||||||
|
public Result missingServletRequestParameterException(Exception e) {
|
||||||
|
return Result.error(StatusCode.PARAMETERERROR, "缺少参数或参数错误");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 请求方法错误--405
|
||||||
|
* @param e
|
||||||
|
* @return
|
||||||
|
*/
|
||||||
|
@ExceptionHandler(HttpRequestMethodNotSupportedException.class)
|
||||||
|
public Result httpRequestMethodNotSupportedExceptionHandler(Exception e){
|
||||||
|
log.error("请求方法错误");
|
||||||
|
return Result.error(StatusCode.METHODERROR,"请求方法错误");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Redis没连接上--500
|
||||||
|
*/
|
||||||
|
@ExceptionHandler(RedisConnectionFailureException.class)
|
||||||
|
public Result edisConnectionFailureExceptionHandler(RedisConnectionFailureException e) {
|
||||||
|
log.error("redis连接错误啦啦啦啦啦啦");
|
||||||
|
return Result.error(StatusCode.SERVERERROR,"redis连接错误啦啦啦啦啦啦");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 其他异常--500
|
||||||
|
*/
|
||||||
|
@ExceptionHandler(Exception.class)
|
||||||
|
public Result exceptionHandler(Exception e) {
|
||||||
|
e.printStackTrace();
|
||||||
|
return Result.error(StatusCode.SERVERERROR,"对不起,操作失败,请联系管理员");
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,19 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.filter;
|
||||||
|
|
||||||
|
public class UserContext {
|
||||||
|
private static final ThreadLocal<String> tl =new ThreadLocal<>();
|
||||||
|
|
||||||
|
//保存当前登录用户信息到ThreadLocal
|
||||||
|
public static void setUser(String userId){
|
||||||
|
tl.set(userId);
|
||||||
|
}
|
||||||
|
//获取当前登录的用户信息
|
||||||
|
public static String getUser(){
|
||||||
|
return tl.get();
|
||||||
|
}
|
||||||
|
|
||||||
|
//移除当前登录用户信息
|
||||||
|
public static void removeUser(){
|
||||||
|
tl.remove();
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,19 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.mapper;
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.entity.Student;
|
||||||
|
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
|
||||||
|
import org.apache.ibatis.annotations.Mapper;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
* Mapper 接口
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
@Mapper
|
||||||
|
public interface StudentMapper extends BaseMapper<Student> {
|
||||||
|
|
||||||
|
Student rollCall(String teacherId, int randomIndex);
|
||||||
|
}
|
@ -0,0 +1,18 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.mapper;
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.entity.Teacher;
|
||||||
|
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
|
||||||
|
import org.apache.ibatis.annotations.Mapper;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
* Mapper 接口
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
@Mapper
|
||||||
|
public interface TeacherMapper extends BaseMapper<Teacher> {
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,23 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.service;
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.common.Result;
|
||||||
|
import com.flyingpig.kclassrollcall.entity.Student;
|
||||||
|
import com.baomidou.mybatisplus.extension.service.IService;
|
||||||
|
import org.springframework.web.multipart.MultipartFile;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
* 服务类
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
public interface IStudentService extends IService<Student> {
|
||||||
|
|
||||||
|
Result rollCall(String mode);
|
||||||
|
|
||||||
|
Result search(String no, String name, Integer pageNo, Integer pageSize);
|
||||||
|
|
||||||
|
Result importExcel(MultipartFile file);
|
||||||
|
}
|
@ -0,0 +1,21 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.service;
|
||||||
|
|
||||||
|
import com.flyingpig.kclassrollcall.common.Result;
|
||||||
|
import com.flyingpig.kclassrollcall.dto.req.LoginReq;
|
||||||
|
import com.flyingpig.kclassrollcall.entity.Teacher;
|
||||||
|
import com.baomidou.mybatisplus.extension.service.IService;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
* 服务类
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
public interface ITeacherService extends IService<Teacher> {
|
||||||
|
|
||||||
|
Result login(LoginReq loginReq);
|
||||||
|
|
||||||
|
Result register(Teacher teacher);
|
||||||
|
}
|
@ -0,0 +1,50 @@
|
|||||||
|
package com.flyingpig.kclassrollcall.service.impl;
|
||||||
|
|
||||||
|
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
|
||||||
|
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
|
||||||
|
import com.flyingpig.kclassrollcall.common.Result;
|
||||||
|
import com.flyingpig.kclassrollcall.dto.req.LoginReq;
|
||||||
|
import com.flyingpig.kclassrollcall.dto.resp.LoginResp;
|
||||||
|
import com.flyingpig.kclassrollcall.entity.Teacher;
|
||||||
|
import com.flyingpig.kclassrollcall.mapper.TeacherMapper;
|
||||||
|
import com.flyingpig.kclassrollcall.service.ITeacherService;
|
||||||
|
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
|
||||||
|
import com.flyingpig.kclassrollcall.util.JwtUtil;
|
||||||
|
import org.apache.catalina.User;
|
||||||
|
import org.springframework.stereotype.Service;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* <p>
|
||||||
|
* 服务实现类
|
||||||
|
* </p>
|
||||||
|
*
|
||||||
|
* @author flyingpig
|
||||||
|
* @since 2024-09-25
|
||||||
|
*/
|
||||||
|
@Service
|
||||||
|
public class TeacherServiceImpl extends ServiceImpl<TeacherMapper, Teacher> implements ITeacherService {
|
||||||
|
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public Result login(LoginReq loginReq) {
|
||||||
|
Teacher teacher = this.getOne(new LambdaQueryWrapper<Teacher>()
|
||||||
|
.eq(Teacher::getUsername, loginReq.getUsername())
|
||||||
|
.eq(Teacher::getPassword, loginReq.getPassword()));
|
||||||
|
if(teacher == null){
|
||||||
|
return Result.error("账号或密码错误");
|
||||||
|
}else {
|
||||||
|
return Result.success(new LoginResp(teacher.getName(), JwtUtil.createJWT(teacher.getId().toString())));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Override
|
||||||
|
public Result register(Teacher teacher) {
|
||||||
|
try {
|
||||||
|
save(teacher);
|
||||||
|
return Result.success("注册成功");
|
||||||
|
}catch (Exception e){
|
||||||
|
log.error(e.getMessage());
|
||||||
|
return Result.error("注册失败,可能存在用户名已被注册等问题");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,11 @@
|
|||||||
|
server:
|
||||||
|
port: 9090
|
||||||
|
spring:
|
||||||
|
datasource:
|
||||||
|
driver-class-name: com.mysql.cj.jdbc.Driver
|
||||||
|
url: jdbc:mysql://localhost:3306/k-class-roll-call
|
||||||
|
username: root
|
||||||
|
password: '@Aa123456'
|
||||||
|
logging:
|
||||||
|
level:
|
||||||
|
com.baomidou.mybatisplus: DEBUG # MyBatis-Plus 日志级别
|
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||||
|
<mapper namespace="com.flyingpig.kclassrollcall.mapper.StudentMapper">
|
||||||
|
|
||||||
|
<select id="rollCall" resultType="com.flyingpig.kclassrollcall.entity.Student">
|
||||||
|
SELECT * FROM student WHERE teacher_id = #{teacherId} LIMIT 1 OFFSET #{randomIndex};
|
||||||
|
</select>
|
||||||
|
</mapper>
|
@ -0,0 +1,5 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||||
|
<mapper namespace="com.flyingpig.kclassrollcall.mapper.TeacherMapper">
|
||||||
|
|
||||||
|
</mapper>
|
@ -0,0 +1,13 @@
|
|||||||
|
package com.flyingpig.kclassrollcall;
|
||||||
|
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
|
|
||||||
|
@SpringBootTest
|
||||||
|
class KClassRollCallApplicationTests {
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void contextLoads() {
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,23 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/dist
|
||||||
|
|
||||||
|
|
||||||
|
# local env files
|
||||||
|
.env.local
|
||||||
|
.env.*.local
|
||||||
|
|
||||||
|
# Log files
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.idea
|
||||||
|
.vscode
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2023 ROBINRUGAN
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
in the Software without restriction, including without limitation the rights
|
||||||
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
copies of the Software, and to permit persons to whom the Software is
|
||||||
|
furnished to do so, subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||||
|
SOFTWARE.
|
@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
presets: [
|
||||||
|
'@vue/cli-plugin-babel/preset'
|
||||||
|
]
|
||||||
|
}
|
@ -0,0 +1,19 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "es5",
|
||||||
|
"module": "esnext",
|
||||||
|
"baseUrl": "./",
|
||||||
|
"moduleResolution": "node",
|
||||||
|
"paths": {
|
||||||
|
"@/*": [
|
||||||
|
"src/*"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"lib": [
|
||||||
|
"esnext",
|
||||||
|
"dom",
|
||||||
|
"dom.iterable",
|
||||||
|
"scripthost"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,48 @@
|
|||||||
|
{
|
||||||
|
"name": "k-calss-rall-call",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"private": true,
|
||||||
|
"scripts": {
|
||||||
|
"serve": "vue-cli-service serve",
|
||||||
|
"build": "vue-cli-service build",
|
||||||
|
"lint": "vue-cli-service lint"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"axios": "^1.5.1",
|
||||||
|
"core-js": "^3.8.3",
|
||||||
|
"element-ui": "^2.15.14",
|
||||||
|
"jszip": "^3.10.1",
|
||||||
|
"vue": "^2.6.14",
|
||||||
|
"vue-router": "^3.6.5"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@babel/core": "^7.12.16",
|
||||||
|
"@babel/eslint-parser": "^7.12.16",
|
||||||
|
"@vue/cli-plugin-babel": "~5.0.0",
|
||||||
|
"@vue/cli-plugin-eslint": "~5.0.0",
|
||||||
|
"@vue/cli-service": "~5.0.0",
|
||||||
|
"babel-plugin-component": "^1.1.1",
|
||||||
|
"eslint": "^7.32.0",
|
||||||
|
"eslint-plugin-vue": "^8.0.3",
|
||||||
|
"vue-template-compiler": "^2.6.14"
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"root": true,
|
||||||
|
"env": {
|
||||||
|
"node": true
|
||||||
|
},
|
||||||
|
"extends": [
|
||||||
|
"plugin:vue/essential",
|
||||||
|
"eslint:recommended"
|
||||||
|
],
|
||||||
|
"parserOptions": {
|
||||||
|
"parser": "@babel/eslint-parser"
|
||||||
|
},
|
||||||
|
"rules": {}
|
||||||
|
},
|
||||||
|
"browserslist": [
|
||||||
|
"> 1%",
|
||||||
|
"last 2 versions",
|
||||||
|
"not dead"
|
||||||
|
]
|
||||||
|
}
|
After Width: | Height: | Size: 4.5 KiB |
@ -0,0 +1,17 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
|
<title>K班点名系统ヾ(≧▽≦*)o</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<noscript>
|
||||||
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||||
|
</noscript>
|
||||||
|
<div id="app"></div>
|
||||||
|
<!-- built files will be auto injected -->
|
||||||
|
</body>
|
||||||
|
</html>
|
After Width: | Height: | Size: 316 KiB |
@ -0,0 +1,42 @@
|
|||||||
|
<template>
|
||||||
|
<div id="app">
|
||||||
|
<router-view></router-view>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "App",
|
||||||
|
components: {},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
font-family: "微软雅黑";
|
||||||
|
}
|
||||||
|
.el-submenu__title {
|
||||||
|
margin: 0px !important;
|
||||||
|
padding: 0px !important;
|
||||||
|
color: #fff !important;
|
||||||
|
background-color: #a6e0fe !important;
|
||||||
|
font-size: 18px!important;
|
||||||
|
}
|
||||||
|
.el-submenu__title.is-active {
|
||||||
|
padding: 0px !important;
|
||||||
|
background-color: #6fc5f1 !important;
|
||||||
|
}
|
||||||
|
.el-menu-item-group__title {
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
.el-submenu__title i {
|
||||||
|
color: #ffffff!important;
|
||||||
|
}
|
||||||
|
.el-submenu__icon-arrow {
|
||||||
|
font-size: 20px!important;
|
||||||
|
margin-top: -11px!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,81 @@
|
|||||||
|
import {
|
||||||
|
service
|
||||||
|
} from "@/utils/request";
|
||||||
|
|
||||||
|
export function Semester() {
|
||||||
|
return service.request({
|
||||||
|
method: "get",
|
||||||
|
url: `/courseDetails/dataColumn`,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Login(data) {
|
||||||
|
return service.request({
|
||||||
|
method: "post",
|
||||||
|
url: `/user/login`,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
export function Register(data) {
|
||||||
|
return service.request({
|
||||||
|
method: "post",
|
||||||
|
url: `/user/register`,
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Logout() {
|
||||||
|
return service.request({
|
||||||
|
method: "post",
|
||||||
|
url: `/user/logout`,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function DeleteStudent(studentId) {
|
||||||
|
return service.request({
|
||||||
|
method: "delete",
|
||||||
|
url: `/student/${studentId}` // 确保 studentId 是字符串
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export function ModifyStudentScore(id, score) {
|
||||||
|
return service.request({
|
||||||
|
method: "put",
|
||||||
|
url: `/student/score?id=${id}&&score=${score}`,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export function StudentSearch(data) {
|
||||||
|
const {
|
||||||
|
no,
|
||||||
|
name,
|
||||||
|
pageSize,
|
||||||
|
pageNo
|
||||||
|
} = data;
|
||||||
|
|
||||||
|
// 使用条件运算符来确保查询参数不是 undefined
|
||||||
|
const queryParams = [
|
||||||
|
`no=${no}`,
|
||||||
|
`name=${name}`,
|
||||||
|
`pageSize=${pageSize}`,
|
||||||
|
`pageNo=${pageNo}`
|
||||||
|
].filter(param => param !== undefined).join('&');
|
||||||
|
|
||||||
|
const url = `/student/search?${queryParams}`;
|
||||||
|
|
||||||
|
return service.request({
|
||||||
|
method: "get",
|
||||||
|
url: url,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export function GetRollBackStudent(mode) {
|
||||||
|
const url = `/student/roll-call?mode=${mode}`;
|
||||||
|
|
||||||
|
return service.request({
|
||||||
|
method: "get",
|
||||||
|
url: url
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 374 KiB |
After Width: | Height: | Size: 736 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 826 B |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 1.1 MiB |
After Width: | Height: | Size: 110 KiB |
After Width: | Height: | Size: 107 KiB |
After Width: | Height: | Size: 112 KiB |
After Width: | Height: | Size: 118 KiB |
After Width: | Height: | Size: 112 KiB |
After Width: | Height: | Size: 807 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 720 B |
After Width: | Height: | Size: 817 B |
After Width: | Height: | Size: 1.0 KiB |
After Width: | Height: | Size: 555 B |
After Width: | Height: | Size: 617 B |
After Width: | Height: | Size: 96 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,135 @@
|
|||||||
|
<template>
|
||||||
|
<div id="check-attendance">
|
||||||
|
<!-- 添加 "进入提问环节" 文本 -->
|
||||||
|
<div id="question-phase">
|
||||||
|
进入提问环节
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 显示正在回答问题的学生姓名 -->
|
||||||
|
<div id="current-student">
|
||||||
|
现在回答问题的是 {{ currentStudent.name || "某某同学" }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="circle-container">
|
||||||
|
<button
|
||||||
|
v-for="(score, index) in scores"
|
||||||
|
:key="index"
|
||||||
|
class="circle-button"
|
||||||
|
:style="getButtonStyle(index)"
|
||||||
|
@click="selectScore(score)"
|
||||||
|
>
|
||||||
|
{{ score }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div id="selected-score">
|
||||||
|
选择的分数: {{ selectedScore }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { ModifyStudentScore } from "@/api/api"; // 引入修改分数接口
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
scores: [-1, 0.5, 1, 1.5, 2, 2.5, 3],
|
||||||
|
selectedScore: null,
|
||||||
|
currentStudent: this.$route.params.student, // 从路由参数中获取当前学生信息
|
||||||
|
detailModeType: this.$route.params.detailModeType // 从路由参数中获取当前学生信息
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
selectScore(score) {
|
||||||
|
this.selectedScore = score; // 显示选中的分数
|
||||||
|
if (this.detailModeType != 0) {
|
||||||
|
score = this.detailModeType * score;
|
||||||
|
}
|
||||||
|
// 使用 this.detailModeType 访问 detailModeType
|
||||||
|
ModifyStudentScore(this.currentStudent.id, score).then((res) => {
|
||||||
|
if (res.code == 500) {
|
||||||
|
this.$message.error("修改分数发生错误");
|
||||||
|
} else if (res.code == 200) {
|
||||||
|
this.$message.success(this.currentStudent.name + "分数修改成功, 增加" + score + "分");
|
||||||
|
this.$router.push("/roll-call");
|
||||||
|
} else if (res.code == 401) {
|
||||||
|
alert("登录过期,请重新登录!");
|
||||||
|
this.$router.push("/login");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
getButtonStyle(index) {
|
||||||
|
const angle = (index / this.scores.length) * 2 * Math.PI; // 计算每个按钮的角度
|
||||||
|
const radius = 150; // 圆环的半径
|
||||||
|
const x = radius * Math.cos(angle); // 按钮的 x 坐标
|
||||||
|
const y = radius * Math.sin(angle); // 按钮的 y 坐标
|
||||||
|
|
||||||
|
return {
|
||||||
|
position: 'absolute',
|
||||||
|
left: `${150 + x}px`, // 将 x 坐标平移至容器中心
|
||||||
|
top: `${150 + y}px`, // 将 y 坐标平移至容器中心
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#check-attendance {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
width: 85.4%;
|
||||||
|
height: 100vh;
|
||||||
|
min-width: 910px;
|
||||||
|
min-height: 700px;
|
||||||
|
background-image: url("../assets/background.png");
|
||||||
|
background-size: cover;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
#question-phase {
|
||||||
|
font-size: 28px;
|
||||||
|
color: white;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
#current-student {
|
||||||
|
font-size: 24px;
|
||||||
|
color: white;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
#circle-container {
|
||||||
|
position: relative;
|
||||||
|
width: 300px; /* 容器宽度,圆环直径 */
|
||||||
|
height: 300px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.circle-button {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #87CEEB;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
font-size: 18px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle-button:hover {
|
||||||
|
background-color: #1E90FF;
|
||||||
|
}
|
||||||
|
|
||||||
|
#selected-score {
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 24px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,176 @@
|
|||||||
|
<template>
|
||||||
|
<div id="sidebar">
|
||||||
|
<div id="info">
|
||||||
|
<img id="logo" src="../assets/home/avatar.png" alt="" />
|
||||||
|
<h1 id="title">KX点名</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-menu :default-active="$route.path" class="menu">
|
||||||
|
<router-link to="/home">
|
||||||
|
<el-menu-item index="/home" >
|
||||||
|
<div class="menu-item">
|
||||||
|
<img src="../assets/home/home-icon.png" alt="" />
|
||||||
|
首页
|
||||||
|
</div>
|
||||||
|
</el-menu-item>
|
||||||
|
</router-link>
|
||||||
|
<router-link to="/student">
|
||||||
|
<el-menu-item index="/student">
|
||||||
|
<div class="menu-item">
|
||||||
|
<img src="../assets/home/search-menu.png" alt="" />
|
||||||
|
学生名单与积分查询
|
||||||
|
</div>
|
||||||
|
</el-menu-item>
|
||||||
|
</router-link>
|
||||||
|
<router-link to="/roll-call">
|
||||||
|
<el-menu-item index="/roll-call">
|
||||||
|
<div class="menu-item">
|
||||||
|
<img src="../assets/home/pass-icon.png" alt="" />
|
||||||
|
点名与提问
|
||||||
|
</div>
|
||||||
|
</el-menu-item>
|
||||||
|
</router-link>
|
||||||
|
</el-menu>
|
||||||
|
<div id="logout" @click="logout">
|
||||||
|
<img src="../assets/home/logout-icon.png" alt="" />
|
||||||
|
<span>退出登录</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Logout } from "@/api/api";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
methods: {
|
||||||
|
logout() {
|
||||||
|
Logout().then(
|
||||||
|
(res) => {
|
||||||
|
this.$message.success("退出成功!");
|
||||||
|
localStorage.removeItem("token");
|
||||||
|
localStorage.removeItem("name");
|
||||||
|
this.$router.push("/login");
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
this.$message.error(err.msg);
|
||||||
|
console.log(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#sidebar {
|
||||||
|
background-color: #a6e0fe;
|
||||||
|
height: 100vh;
|
||||||
|
width: 260px;
|
||||||
|
min-height: 815px;
|
||||||
|
box-shadow: 8px 0px 11px 0px rgba(0, 0, 0, 0.16);
|
||||||
|
border-radius: 5px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
#info {
|
||||||
|
height: 95px;
|
||||||
|
width: 260px;
|
||||||
|
min-height: 95px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
background: #66c7fe;
|
||||||
|
/* box-shadow: 5px 0px 4px 0px #66c7fe; */
|
||||||
|
}
|
||||||
|
#logo {
|
||||||
|
position: absolute;
|
||||||
|
left: 10px;
|
||||||
|
top: 13px;
|
||||||
|
height: 71px;
|
||||||
|
width: 71px;
|
||||||
|
}
|
||||||
|
#title {
|
||||||
|
position: absolute;
|
||||||
|
left: 105px;
|
||||||
|
top: 26px;
|
||||||
|
width: 135px;
|
||||||
|
height: 30px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
position: relative;
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 550;
|
||||||
|
}
|
||||||
|
.menu-item {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 40px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.sub-item {
|
||||||
|
padding-left: 50px;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu-item img {
|
||||||
|
height: 30px;
|
||||||
|
width: 30px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.el-menu {
|
||||||
|
background: transparent !important;
|
||||||
|
border: 0 !important;
|
||||||
|
}
|
||||||
|
.el-menu-item {
|
||||||
|
color: white !important;
|
||||||
|
background-color: #a6e0fe !important;
|
||||||
|
font-size: 18px !important;
|
||||||
|
}
|
||||||
|
.el-menu-item:hover {
|
||||||
|
outline: 0;
|
||||||
|
background-color: #6fc5f1 !important;
|
||||||
|
}
|
||||||
|
.el-menu-item.is-active {
|
||||||
|
background-color: #6fc5f1 !important;
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#logout {
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 550;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
#logout img {
|
||||||
|
height: 35px;
|
||||||
|
width: 35px;
|
||||||
|
margin-right: 15px;
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
#logout:hover {
|
||||||
|
background: #6fc5f1;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,13 @@
|
|||||||
|
import Vue from 'vue'
|
||||||
|
import App from './App.vue'
|
||||||
|
import VueRouter from 'vue-router'
|
||||||
|
import router from './router'
|
||||||
|
import ElementUI from 'element-ui'
|
||||||
|
import 'element-ui/lib/theme-chalk/index.css';
|
||||||
|
Vue.config.productionTip = false
|
||||||
|
Vue.use(ElementUI)
|
||||||
|
Vue.use(VueRouter)
|
||||||
|
new Vue({
|
||||||
|
render: h => h(App),
|
||||||
|
router,
|
||||||
|
}).$mount('#app')
|
@ -0,0 +1,54 @@
|
|||||||
|
<template>
|
||||||
|
<div id="home">
|
||||||
|
<Sidebar id="sidebar"/>
|
||||||
|
<router-view></router-view>
|
||||||
|
<!-- <HomePart id="home-part"/> -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Sidebar from '../components/Sidebar'
|
||||||
|
import HomePart from '../components/HomePart'
|
||||||
|
export default {
|
||||||
|
name: 'Home',
|
||||||
|
components: {
|
||||||
|
Sidebar,
|
||||||
|
HomePart
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
font-family: "微软雅黑";
|
||||||
|
}
|
||||||
|
#home {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
#home-part {
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
#overview {
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
#check-attendance{
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
#check-leave{
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
#empower{
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
#student{
|
||||||
|
margin-left: -10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,165 @@
|
|||||||
|
<template>
|
||||||
|
<div id="background">
|
||||||
|
<div id="image">
|
||||||
|
<div id="cover">
|
||||||
|
<h1>登录</h1>
|
||||||
|
<input type="text" id="id" v-model="username" placeholder="用户名" /><br />
|
||||||
|
<input type="password" id="pwd" v-model="password" placeholder="密码" @keyup.enter="login" />
|
||||||
|
<button id="loginbtn" @click="login" >登录</button>
|
||||||
|
|
||||||
|
<router-link to="/register">
|
||||||
|
<button id="registerbtn">注册</button>
|
||||||
|
</router-link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Login } from "@/api/api";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
username: "",
|
||||||
|
password: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
login() {
|
||||||
|
let loginData = {
|
||||||
|
username: this.username,
|
||||||
|
password: this.password,
|
||||||
|
};
|
||||||
|
Login(loginData).then(
|
||||||
|
(res) => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
localStorage.setItem("token", res.data.token);
|
||||||
|
localStorage.setItem("name", res.data.name);
|
||||||
|
this.$message.success("登录成功!");
|
||||||
|
this.$router.push("/home");
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
console.log(res);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
this.$message.error(err.msg);
|
||||||
|
console.log(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#background {
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
min-width: 1000px;
|
||||||
|
min-height: 500px;
|
||||||
|
background-image: url("../assets/login/login-background.png");
|
||||||
|
background-size: cover;
|
||||||
|
position: relative;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
#image {
|
||||||
|
width: 65.8%;
|
||||||
|
height: 60%;
|
||||||
|
min-width: 1000px;
|
||||||
|
min-height: 500px;
|
||||||
|
background-image: url("../assets/login/login-image.png");
|
||||||
|
background-size: cover;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
position: absolute;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
@keyframes move {
|
||||||
|
0% {
|
||||||
|
transform: translateX(-100%);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateX(0%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#cover {
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
min-width: 500px;
|
||||||
|
background: rgba(255, 255, 255, 1);
|
||||||
|
background-size: fill;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 20px;
|
||||||
|
animation: move 1s ease-in-out;
|
||||||
|
}
|
||||||
|
#cover h1 {
|
||||||
|
position: absolute;
|
||||||
|
left: 40%;
|
||||||
|
top: 10%;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 52px;
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
color: #000000;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#id {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
padding: 5px 10px;
|
||||||
|
top: 32%;
|
||||||
|
left: 11%;
|
||||||
|
width: 75%;
|
||||||
|
height: 10%;
|
||||||
|
font-size: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
#pwd {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
padding: 5px 10px;
|
||||||
|
top: 50%;
|
||||||
|
left: 11%;
|
||||||
|
width: 75%;
|
||||||
|
height: 10%;
|
||||||
|
font-size: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
top: 70%;
|
||||||
|
left: 25%;
|
||||||
|
width: 100px;
|
||||||
|
height: 50px;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
border-width: 0px;
|
||||||
|
background-color: #77b6e1;
|
||||||
|
color: white;
|
||||||
|
transition: background-color ease-in-out 0.3s;
|
||||||
|
}
|
||||||
|
#registerbtn {
|
||||||
|
left: 52%;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background-color: #d69898;
|
||||||
|
color: #ffffff;
|
||||||
|
border-color: #000000;
|
||||||
|
}
|
||||||
|
button:active {
|
||||||
|
border-style: inset;
|
||||||
|
background-color: #d28686;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,194 @@
|
|||||||
|
<template>
|
||||||
|
<div id="background">
|
||||||
|
<div id="image">
|
||||||
|
<div id="cover">
|
||||||
|
<h1>注册</h1>
|
||||||
|
<input type="text" id="id" placeholder="用户名" v-model="username" /><br />
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="pwd"
|
||||||
|
placeholder="密码"
|
||||||
|
v-model="password"
|
||||||
|
/><br />
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="repwd"
|
||||||
|
placeholder="确认密码"
|
||||||
|
v-model="rePassword"
|
||||||
|
/><br />
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
id="name"
|
||||||
|
placeholder="真实姓名"
|
||||||
|
v-model="name"
|
||||||
|
/><br />
|
||||||
|
|
||||||
|
<router-link to="/login">
|
||||||
|
<button id="loginbtn">登录</button>
|
||||||
|
</router-link>
|
||||||
|
<button id="registerbtn" @click="register">注册</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { GetCode, Register } from "@/api/api";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
id: "",
|
||||||
|
password: "",
|
||||||
|
rePassword: "",
|
||||||
|
name: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
register() {
|
||||||
|
if (this.username == "") {
|
||||||
|
this.$message.error("请输入用户名");
|
||||||
|
} else if (this.password == "") {
|
||||||
|
this.$message.error("请输入密码");
|
||||||
|
} else if (this.rePassword == "") {
|
||||||
|
this.$message.error("请确认密码");
|
||||||
|
} else if(this.password != this.rePassword){
|
||||||
|
this.$message.error("两次密码不一致,请重新输入");
|
||||||
|
} else {
|
||||||
|
Register({
|
||||||
|
username: this.username,
|
||||||
|
password: this.password,
|
||||||
|
name: this.name
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
this.$message.success("注册成功");
|
||||||
|
this.$router.push("/login");
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#background {
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
min-width: 1000px;
|
||||||
|
min-height: 500px;
|
||||||
|
background-image: url("../assets/login/login-background.png");
|
||||||
|
background-size: cover;
|
||||||
|
position: relative;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
#image {
|
||||||
|
width: 65.8%;
|
||||||
|
height: 60%;
|
||||||
|
min-width: 1000px;
|
||||||
|
min-height: 500px;
|
||||||
|
background-image: url("../assets/login/login-image.png");
|
||||||
|
background-size: cover;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 20px;
|
||||||
|
display: flex;
|
||||||
|
position: absolute;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
@keyframes move {
|
||||||
|
0% {
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateX(0%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#cover {
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
min-width: 500px;
|
||||||
|
background: rgba(255, 255, 255, 1);
|
||||||
|
background-size: fill;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 20px;
|
||||||
|
animation: move 1s ease-in-out;
|
||||||
|
}
|
||||||
|
#cover h1 {
|
||||||
|
position: absolute;
|
||||||
|
left: 40%;
|
||||||
|
top: 10%;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 52px;
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
color: #000000;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: absolute;
|
||||||
|
padding: 5px 10px;
|
||||||
|
left: 11%;
|
||||||
|
width: 75%;
|
||||||
|
height: 10%;
|
||||||
|
font-size: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#id {
|
||||||
|
top: 24%;
|
||||||
|
}
|
||||||
|
#pwd {
|
||||||
|
top: 36%;
|
||||||
|
}
|
||||||
|
#repwd {
|
||||||
|
top: 48%;
|
||||||
|
}
|
||||||
|
#name {
|
||||||
|
top: 60%;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
top: 87.5%;
|
||||||
|
left: 25%;
|
||||||
|
width: 100px;
|
||||||
|
height: 50px;
|
||||||
|
position: absolute;
|
||||||
|
font-size: 20px;
|
||||||
|
border-radius: 15px;
|
||||||
|
cursor: pointer;
|
||||||
|
border-width: 0px;
|
||||||
|
background-color: #77b6e1;
|
||||||
|
color: white;
|
||||||
|
transition: background-color ease-in-out 0.3s;
|
||||||
|
}
|
||||||
|
#codeform {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
#registerbtn {
|
||||||
|
left: 52%;
|
||||||
|
}
|
||||||
|
#getcode {
|
||||||
|
width: 30%;
|
||||||
|
top: 72.5%;
|
||||||
|
left: 56%;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background-color: #d69898;
|
||||||
|
color: #ffffff;
|
||||||
|
border-color: #000000;
|
||||||
|
}
|
||||||
|
button:active {
|
||||||
|
border-style: inset;
|
||||||
|
background-color: #d28686;
|
||||||
|
}
|
||||||
|
</style>
|
@ -0,0 +1,47 @@
|
|||||||
|
import VueRouter from "vue-router";
|
||||||
|
import Login from "../pages/Login";
|
||||||
|
import Register from "../pages/Register";
|
||||||
|
import Home from "../pages/Home";
|
||||||
|
import HomePart from "../components/HomePart";
|
||||||
|
import Student from "../components/Student";
|
||||||
|
import RollCall from "../components/RollCall";
|
||||||
|
import Question from "../components/Question";
|
||||||
|
export default new VueRouter({
|
||||||
|
mode: 'history',
|
||||||
|
routes: [{
|
||||||
|
path: '/login',
|
||||||
|
component: Login
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/register',
|
||||||
|
component: Register
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/',
|
||||||
|
component: Home,
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: 'home',
|
||||||
|
component: HomePart
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'student',
|
||||||
|
component: Student
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'roll-call',
|
||||||
|
component: RollCall
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/question',
|
||||||
|
name: 'question',
|
||||||
|
component: Question, // 这是你的组件
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
],
|
||||||
|
redirect: '/home'
|
||||||
|
|
||||||
|
}
|
||||||
|
]
|
||||||
|
})
|
@ -0,0 +1,62 @@
|
|||||||
|
import re
|
||||||
|
from pathlib import Path
|
||||||
|
from pathlib import WindowsPath
|
||||||
|
from typing import Optional, List
|
||||||
|
|
||||||
|
|
||||||
|
class DirectionTree:
|
||||||
|
def __init__(self,
|
||||||
|
direction_name: str = 'WorkingDirection',
|
||||||
|
direction_path: str = '.',
|
||||||
|
ignore_list: Optional[List[str]] = None):
|
||||||
|
self.owner: WindowsPath = Path(direction_path)
|
||||||
|
self.tree: str = direction_name + '/\n'
|
||||||
|
self.ignore_list = ignore_list
|
||||||
|
if ignore_list is None:
|
||||||
|
self.ignore_list = []
|
||||||
|
self.direction_ergodic(path_object=self.owner, n=0)
|
||||||
|
|
||||||
|
def tree_add(self, path_object: WindowsPath, n=0, last=False):
|
||||||
|
if n > 0:
|
||||||
|
if last:
|
||||||
|
self.tree += '│' + (' │' * (n - 1)) + ' └────' + path_object.name
|
||||||
|
else:
|
||||||
|
self.tree += '│' + (' │' * (n - 1)) + ' ├────' + path_object.name
|
||||||
|
else:
|
||||||
|
if last:
|
||||||
|
self.tree += '└' + ('──' * 2) + path_object.name
|
||||||
|
else:
|
||||||
|
self.tree += '├' + ('──' * 2) + path_object.name
|
||||||
|
if path_object.is_file():
|
||||||
|
self.tree += '\n'
|
||||||
|
return False
|
||||||
|
elif path_object.is_dir():
|
||||||
|
self.tree += '/\n'
|
||||||
|
return True
|
||||||
|
|
||||||
|
def filter_file(self, file):
|
||||||
|
for item in self.ignore_list:
|
||||||
|
if re.fullmatch(item, file.name):
|
||||||
|
return False
|
||||||
|
return True
|
||||||
|
|
||||||
|
def direction_ergodic(self, path_object: WindowsPath, n=0):
|
||||||
|
dir_file: list = list(path_object.iterdir())
|
||||||
|
dir_file.sort(key=lambda x: x.name.lower())
|
||||||
|
dir_file = [f for f in filter(self.filter_file, dir_file)]
|
||||||
|
for i, item in enumerate(dir_file):
|
||||||
|
if i + 1 == len(dir_file):
|
||||||
|
if self.tree_add(item, n, last=True):
|
||||||
|
self.direction_ergodic(item, n + 1)
|
||||||
|
else:
|
||||||
|
if self.tree_add(item, n, last=False):
|
||||||
|
self.direction_ergodic(item, n + 1)
|
||||||
|
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
i_l = [
|
||||||
|
'\.git', '__pycache__', 'test.+', 'venv', '.+\.whl', '\.idea', '.+\.jpg', '.+\.png',
|
||||||
|
'image', 'css', 'admin', 'db.sqlite3'
|
||||||
|
]
|
||||||
|
tree = DirectionTree(ignore_list=i_l, direction_path='./')
|
||||||
|
print(tree.tree)
|