这是一个前后端交互的练习项目,使用react脚手架+bootstrap搭建的基础架构,通过react-router配置路由,使用axios发送注册、登录等请求到后端服务器,通过调用后端api获取用户信息和课程列表。结合后端api与react-router做了简单的鉴权,动态显示nav。动态显示用户信息以及名下的课程。注册student身份用户可以查询并订阅课程,注册instructor身份用户可以创建课程。
前端源码仓库地址:https://github.com/JimmFly/project
后端源码仓库地址:https://github.com/JimmFly/resume-server
页面目录 | 页面描述 | 页面链接 | 参数描述 |
---|---|---|---|
index | 首页 | https://tryrouter.netlify.app/ | 无 |
将前端以及后端的代码从仓库拖到本地。安装完依赖让两个项目运行起来,即可正常运行。也可以只拖后端代码到本地运行,前端有一个线上demo可以直接运行。
前端demo地址:https://tryrouter.netlify.app/