Test_System 考试系统

前言 😀

​ 这次项目是服务创新创业比赛的参赛项目，赛道为考试系统。后端部分为一名大三学长使 用 Java 构建，前端部分由我和一名大三学长负责。学长主要负责原型的绘制和工具函数的 编写，我主要负责样式功能的实现。

技术栈 🧷

·框架：Vue3+VueRouter+pinia

·语言：TypeScript

·UI 库：NaiveUI

·打包工具：Vite

页面展示 🚩

演示地址：

gitee 仓库 👉：

演示地址 👉：http://120.25.255.207:81/#/passport/login （我自己的服务器上部署的）

​ http://101.35.158.149:8086/#/passport/login （团队服务器上部署的）

​ 后端没挂的话应该没问题 😥

登录页面

学生端—考试列表页面

学生端—候考室

学生端—考试页面

教师端—考试管理

教师端—考试分析

教师端—试题编辑

后台管理—登录页面

后台管理—管理页面

Get 到了什么？

样式样式样式

​ 样式要考虑充分，选择合适的属性，不然很容易坑到后面的自己。

布局组件

​ 可以通过布局组件实现，结构相似的页面可以使用布局组件 + RouterView 的方式来实现 布局。

render 函数

​ NaiveUI 表格那没有提供插槽，只能通过 render 函数来实现 🤦‍♂️。render 函数实现起来 确实感觉比插槽快很多，（当然是熟悉的情况下）。

pinia

​ pinia 的功能与 Vuex 相似，都是全局数据存储，但相对于 Vuex，pinia 平铺结构少了 Vuex 里面的 modules 使用起来更加舒服，确实好用 ✌。