简单学生信息管理前端
基于Vue.js实现
前后端数据交互使用Axios
提交日志
根据模板搭建项目结构 + 编写code
修复查询后加载不正确的Bug
修复时间加载为undefined的Bug
项目的加载与运行
使用npm/cnpm命令cnpm install下载依赖库
WebStorm配置Run Configuration的Scripts为dev即可运行
运行成功后使用localhost:8080即可访问登录主页
设计表格所参照的数据库表
学生个人信息表stu_info
学生个人成绩表stu_grade
Vue组件对应的界面
Grade.vue : 学生成绩显示页面 [需要前后端连接]
Header.vue : 系统主页的边栏
Home.vue : 登录系统后的系统主页面
HomeSidebar.vue : 系统主页的菜单条
Info.vue : 学生信息显示页面
Initial.vu
2021-12-03 21:45:55
383KB
Vue
1