项目简介
本项目是前后端分离项目,运用Django和React技术,展示了前端向后端发送GET和带参数的POST请求,后端解析请求并以JSON类型的HttpResponse返回给前端的功能,将前后端开发分离,确保接口部分技术的确定性。
项目的主要特性和功能
- 采用前后端分离开发模式,前端用React,后端用Django。
- 前端具备发送GET请求和带参数的POST请求的能力。
- 后端可解析GET和POST请求,把处理结果以JSON格式返回给前端。
安装使用步骤
运行准备
- 安装Python,参考廖雪峰的Python教程。
- 在命令行执行
pip install django
安装Django。 - 安装Node.js,参考菜鸟教程的Node.js安装教程。
- 安装MySQL,参考菜鸟教程的MySQL安装教程。
- 数据库准备:
- 创建用户
root
,密码设为123456
。 - 创建数据库
HotelManage
。 - 切换到
HotelManage
数据库。 - 安装Python包
pymysql
。 - 搜索“django mysql 配置”获取具体操作。
- 创建用户
代码运行
- 在
back_end\HotelManage
路径下,在命令行执行python manage.py runserver
。 - 在
front_end\hotelmanage
路径下,在命令行执行npm start
。 - 浏览器自动打开
127.0.0.1:3000
,进入项目页面。
功能使用
- 在
127.0.0.1:3000
页面,按F12
进入开发者模式。 - 在输入框填写房间号和现在的费用,点击“post”发送POST请求,在console栏可依次看到输入内容、"POST RESPONSE"以及后端的回复(含填写的RoomID),在NetWork栏可找到发送的POST请求,数据装载在“payload”中。
- 点击“get”发送GET请求(无需填写输入框),在console栏可依次看到"GET RESPONSE"以及后端返回的JSON数据,在data项目中查看具体数据。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】