VScode中django实现web接口的步骤(包含路由、视图、模型)+ubuntu部署 uwsgi

一、 文字概述

测试环境
第一阶段:创建django文件
1.vscode中确保安装了python与django插件
2.建立虚拟python环境:
3.选择python解释器:
4.在虚拟环境中下载django包:
5.建立文件:
6.修改settings.py文件配置(设置访问权限,添加app部件)
第二阶段:测试
7.编写views.py视图文件
8.编写uels.py文件
9.运行程序
10.网页运行查看结果
---------数据库模型---------
1.新建一个.py文件,文件中编写创建一个数据库模型
2.生成迁移文件并应用到数据库当中
3.测试数据库运行正常能够添加数据
4.views.py编写,实现一个增加学生基本信息的接口
5.urls.py中增加路由信息
6.浏览器中测试
部署环境(Ubuntu系统 使用uwsgi)
1.安装uwsgi(sudo apt install uwsgi)
2.将在vscode中创建的文件复制转移到ubuntu中
3.将文件分离,工程文件与项目文件分开,确保两边的python环境一致(分开方便调 整,若Ubuntu中的python与django中一致则跳过)
4.修改wsgl.py文件,修改项目文件中的python环境
5.编写uwsgl.ini配置文件
6.启动uwsgl服务
7.安装nginx
8.修改文件
9.创建并编写my.conf文件启动不同的服务
10.启动nginx(sudo systemctl restart nginx)
11.启动uwsgi
12.测试是否成功

二、详细步骤(带图)

测试环境

第一阶段:创建django文件

1.vscode中确保安装了python与django插件

是是

2.建立虚拟python环境:

2.1在想要的位置新建一个普通的文件夹
2.2用VSCode中打开
2.3选择新建终端
2.4powershall(终端)中输入:
python -m venv pyVenvTest
(pyVenvTest 根据自己需求进行修改,这里用的是Django)
在这里插入图片描述
在终端输入python -m venv Django后,在左边生成对应的目录
在这里插入图片描述

3.选择python解释器:

点击设置->控制面板->python:Select Interpreter ->选择解释器路径->浏览->选择当前路径下Scripts中的python.exe(下次新建终端即可自行加载虚拟环境)

在这里插入图片描述
设置中选择命令面板
在这里插入图片描述
当前路径下Scripts中的python.exe
在这里插入图片描述
关闭当前终端,新建立打开一个终端就会自动加载Python虚拟环境
在这里插入图片描述
加载成功,如图所示,部分情况左边会显示蓝点跟绿色的Django

可能会出现的问题
无法加载文件 D:\pythonStudy\venv_test\Scripts\Activate.ps1,因为在此系统上
https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 3
解决方案
使用管理员身份运行 PowerShell,并输入 set-executionpolicy remotesigned ,再输入“y”回车确认在这里插入图片描述
在这里插入图片描述

4.在虚拟环境中下载django包:

pip install django (根据下载速度可以选择其他的镜像)

清华镜像:pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
在这里插入图片描述
这个是不使用镜像,直接下载的演示

5.建立文件:

建立对应的工程project,进入创建好的project的目录下建立需要的app
django-admin.exe startproject week (根据需要创建对应的名字,这里使用week作为示范)
django-admin.exe startapp hello

创建week(左边目录会出现对应的week文件夹)
请添加图片描述
创建hello部件(左边会出现hello部件)
请添加图片描述

6.修改settings.py文件配置(设置访问权限,添加app部件)

请添加图片描述

第二阶段:测试

7.编写views.py视图文件

写一个hello world跟加法
注意记得保存
在这里插入图片描述

8.编写uels.py文件

路由(在网页通过这个才能实现我们在视图文件中所实现的函数)
注意添加导入文件 from hello(你的部件名字)import views as hello_views (帮助找到对应的文件)
在urlpatterns中输入hello_views. 后面没有显示出可选,一般就是导入文件编写有错误
写完,记得保存
在这里插入图片描述

9.运行程序

首先确保进入到前面所创建的对应文件夹,执行下面语句
python manage.py runserver 0.0.0.0:8000
在这里插入图片描述
点击跳转到网页
在这里插入图片描述

10.网页运行查看结果

成功进入网页
如若进入失败可以更换为下面这段
python manage.py runserver 8000
在这里插入图片描述
运行hello接口
在这里插入图片描述
成功显示
在这里插入图片描述
执行相加接口

在这里插入图片描述
结果显示
请添加图片描述
到目前位置一个简单的Django程序就执行完了

---------数据库模型---------

1.新建一个.py文件,文件中编写创建一个数据库模型

models.py文件中创建一个student数据库模型
在这里插入图片描述

2.生成迁移文件并应用到数据库当中

python manage.py makemigrations
python manage.py migrate
在这里插入图片描述

3.测试数据库运行正常能够添加数据

在这里插入图片描述

4.views.py编写,实现一个增加学生基本信息的接口

在这里插入图片描述

5.urls.py中增加路由信息

在这里插入图片描述

6.浏览器中测试

在这里插入图片描述

部署环境(Ubuntu系统 使用uwsgi)

1.安装uwsgi(sudo apt install uwsgi)

在这里插入图片描述

2.将在vscode中创建的文件复制转移到ubuntu中

可以开启文件共享或者直接将文件拖进去(具体看虚拟机配置)
在这里插入图片描述

3.将文件分离,工程文件与项目文件分开,确保两边的python环境一致(分开方便调整,若Ubuntu中的python与django中一致则跳过)

在这里插入图片描述

在这里插入图片描述
Ubuntu在需要的文件目录下下载django
在这里插入图片描述
更新python

4.修改wsgl.py文件,修改项目文件中的python环境

在这里插入图片描述

修改python指向文件(需要python的版本一致),路径根据自己的文件修改,后面lib64开始基本都是一致的(不同就ls,一般只有一个文件)

5.编写uwsgl.ini配置文件

在这里插入图片描述

6.启动uwsgl服务

uwsgi --ini uwsgi.ini
以下进行测试
在这里插入图片描述

在django环境下运行uwsgi --ini uwsgi.ini(开启命令与在vscode中一致)

在这里插入图片描述
这时可以测试能否运行成功

7.安装nginx

在这里插入图片描述

8.修改文件

在下载的week17目录下进入到/etc/nginx (后面一步有进入教程)
将nginx.conf文件62行注释
在这里插入图片描述

9.创建并编写my.conf文件启动不同的服务

在该目录下/etc/nginx/conf.d进行创建(只读就用sudo升级权限)(后面有进入路径截图)
在这里插入图片描述

在这里插入图片描述
进入路径

10.启动nginx(sudo systemctl restart nginx)

sudo systemctl restart nginx
在这里插入图片描述

11.启动uwsgi

在django环境下运行
uwsgi --ini uwsgi.ini
在这里插入图片描述

12.测试是否成功

在这里插入图片描述

三、总结

注意事项:
文件目录,一定要在对应的目录下做对应的事情,接口跟数据库语句注意格式跟逻辑,部署到ubuntu中的时候,网路连接设置成NAT模式共享电脑ip。整个文件注意python的版本,不同会报错,使用对应的功能一定要启动命令。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

久久晴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值