项目介绍

• 我们想打造一个面向校内的简单的 3D 打印服务站 于是就有了这个前后端分离的项目

• 这是一个简单的 3D 打印服务站， 前端使用 Vite+Vue3+路由守卫(vue3的新特性) 来实现。

• 后端使用jsexpress进行快速开发

• 这个项目其实并没有使用到 element-plus，刚开始搞错了，就当成 div 一直用下去了

• 界面还行

• 展示链接：https://stalabwork.xin

项目架构

• public (静态资源)
• src
  • assets
    • fonts (字体)
    • css (样式)
    • resource (资源)
  • components (组件)
    • tick (小组件)
  • utils (工具)
  • App.vue (根组件)
  • main.js (入口文件)
  • router.js (路由)
• index.html

启动须知

utils 下的 instance 中的 后端访问地址 给填上，如果你想和后端通信的话

版本

• node v22.14.0
• vue 3

运行

• npm install 安装好对应的库，要是vscode的话，需要你自己完善一下环境配置（vue,vite等）
• npm run start 热加载模式
• npm run dev 热加载模式
• npm run build 打包模式

推荐

• 这里我推荐一个css样式网站 https://uiverse.io
• 字体网站 https://todayhaha.com/font-detail/rawest
• 阿里巴巴图标库 https://www.iconfont.cn/collections/index?

联系

2670696747@qq.com