- 项目在线预览：vue-timetable
javascript + vue3 +pinia + vue-router + nodejs + webpack + less
此项目是基于vue3搭建的后台管理/课程表选课系统模板，主要用于学习。未引入ui库，组件样式使用less实现。目前已实现简单的菜单路由权限验证，可支持多级路由，支持动态换肤等。项目数据使用nodejs模拟，大部分数据每次请求随机模拟，部分数据在node重启后方可随机刷新。 路由结构参考vue-element-admin。
- 路由权限验证
- 动态侧边栏（支持多级路由）
- 菜单搜索
- 动态换肤、更换字体大小
- nodejs实现数据交互
- 面包屑导航
- 角色切换
src
├─api //请求api
├─assets //静态资源
│ └─imgs //图片存放
├─components //公共组件
├─icon //图标
├─router //项目路由
├─store //pinia仓库
├─style //公共样式文件、主题控制
├─utils //工具函数
└─views //路由页面
├─error //错误页面
├─layout //样式布局控制
│ └─components //样式组件
├─login //登录页面
└─userpages //用户页面
├─student //学生权限的页面
├─submenu_dome //多级路由菜单演示
└─teacher //学生权限的页面
启动
克隆项目
git clone https://github.com/heyuheyun/timetable.git
安装依赖
npm install
运行
npm run dev
其他
项目构建
npm run build
单独运行前端页面（需存在对应的后端接口，否则无法获取数据）
npm run serve
单独启动后端接口（默认后端接口：http://localhost:9508）
npm run node
MIT Copyright (c) 2022-present heyuheyun
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent