当前位置: 首页 > news >正文

cmd 访问url_「图解」创建第一个django应用、配置并访问

【操作环境】

Windows10+vscode+python3.8+django

已经创建好了项目文件且能够通过127.0.0.1:8000正常访问

1、添加一个dams的应用

一个django项目可以包含一个或多个应用,如果仅仅只是修改代码的话不需要每次runserver启动服务,除非新增了文件或者其他资源;最后可以根据需求进行各种各样的开发了

52c07cc3e76290015be0cb915525fac3.png

python manage.py startapp dams 添加一个dams的应用

PS D:codeyinchuan> python manage.py startapp dams
1ff0b86bfe7451d6dbae690773945a17.png

将dams应用添加到项目中

INSTALLED_APPS = [    'django.contrib.admin',    'django.contrib.auth',    'django.contrib.contenttypes',    'django.contrib.sessions',    'django.contrib.messages',    'django.contrib.staticfiles',    'dams',]

2、在创建的dams文件上右击,选择new folder创建一个templates【千万不能写错,不然会导致后续django项目无法找到网页文件】文件夹用来存放网站页面。

92cc7a4d2dc553f08001e018b1df2935.png

创建一个templates用来存放该应用的网页文件

66f9bf42f2983f03a8851b385b65dfbb.png

在templates下创建index.html文件并编写代码

            我的第一页页面

欢迎来到我的个人世界

3、编写视图处理函数

b24e17ef953a886af191986a3d3bd386.png

在dams目录下 点击views.py编写视图处理函数

#在没有创建index.html页面时代码写法:#from django.shortcuts import render#from django.http import HttpResponse#def index(requst):    #return HttpResponse("Hello,django.")#在创建index.html页面后代码写法:from django.shortcuts import render#创建视图函数def home(request):    return render(request,'index.html')

4、配置访问应用app的路由url(如果创建了index.html页面就跳过这一步)首先在应用下新建一个ulrs.py文件作为该应用的站点地址管理(如何django已经创建直接编辑即可)

791aadb02f8025ba25a81144f2940702.png

在dams下新建urls.py文件,访问根网址时即可到达index.html页面

from django.urls import pathfrom . import viewsurlpatterns=[path('',views.index,name='index')]

5、配置访问路由url

【温馨提醒】django项目目录下的文件说明:

manage.py: 一个让你可以管理Django项目的工具程序。

__init__.py:一个空文件,告诉Python解释器这个目录应该被视为一个Python的包。

settings.py:Django项目的配置文件。各种应用、资源路径、模板等配置均在此文件中设置。

urls.py:Django项目的URL声明(URL映射),就是网站的“目录”。网络访问的页面映射文件。创建在web项目下所有的页面路由都需要在该文件中配置,否则在访问的时候找不到对应的页面

wsgi.py:项目运行在WSGI兼容Web服务器上的接口文件,一般不需要做任何修改。

da3680b12063cda64b856b80a3bdd7f8.png

配置yinchuan目录下的urls.py文件绑定每个访问请求对应的处理函数

#在没有创建index.html页面时代码写法:#from django.contrib import admin#from django.urls import path, include#urlpatterns = [#    path('admin/', admin.site.urls),#    path('dams/', include('dams.urls')),#]#创建index.html页面时代码写法:from django.contrib import adminfrom django.urls import pathfrom dams.views import homeurlpatterns = [    path('admin/',admin.site.urls),    path('',home,name='home'),]

6、web启动 关闭和局域网手机访问

启动项目前请先修改项目目录下settings.py文件中的

ALLOWED_HOSTS = [] 为:ALLOWED_HOSTS = ['*',]

即可实现局域网内其它设备的访问 如:手机

6845782ab25718fea4d571edc3d616b5.png

python manage.py runserver 0.0.0.0:8000 启动项目成功

PS D:codeyinchuan> python manage.py runserver 0.0.0.0:8000Watching for file changes with StatReloaderPerforming system checks...System check identified no issues (0 silenced).                                                                                                 ions for app(s): admin, auth, contenttypes, sessions.You have 18 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.Run 'python manage.py migrate' to apply them.November 12, 2020 - 10:27:47Django version 3.1.3, using settings 'yinchuan.settings'Starting development server at http://0.0.0.0:8000/Quit the server with CTRL-BREAK.

在cmd命令工具输入命令“ipconfig”按enter查询本机当前局域网ip地址,

假设为:192.168.42.103。

打开浏览器输入http://192.168.42.103:8000/即可访问当前创建的应用。

3c3c575d8d6387f16527e3fb0fb2d61d.png

电脑端打开页面效果

98b9dc450c0d905369685701eeebaa27.png

手机端打开页面效果

【操作备注】

如果有在templates下有多个html文件,对应的进行views和urls相关添加即可

【更多html页面请参照下述操作反复操作即可

26e7de5f3bba7dce943aac2338895a58.png

新建text.html文件并写代码

            我的第二页页面

welcome to my home!

对应的dams目录下的views.py内容增加如下:

#在没有创建index.html页面时代码写法:#from django.shortcuts import render#from django.http import HttpResponse#def index(requst):    #return HttpResponse("Hello,django.")#在创建index.html页面后代码写法:from django.shortcuts import render#创建视图函数def home(request):    return render(request,'index.html')def myhome(request):    return render(request,'test.html')

对应的yinchuan目录下的urls.py内容增加如下:

#在没有创建index.html页面时代码写法:#from django.contrib import admin#from django.urls import path, include#urlpatterns = [#    path('admin/', admin.site.urls),#    path('dams/', include('dams.urls')),#]#创建index.html页面时代码写法:from django.contrib import adminfrom django.urls import pathfrom dams.views import homefrom dams.views import myhomeurlpatterns = [    path('admin/',admin.site.urls),    path('',home,name='home'),    path('test',myhome,name='myhome'),]

打开浏览器输入http://127.0.0.1:8000/test,即可访问test.html页面内容啦

0ac90bcf1a79d7514e99a970a2e94695.png

打开浏览器输入http://127.0.0.1:8000/test,即可访问

相关文章:

  • 周星驰经典超清图片_周星驰与刘德华究竟谁更火?为何30年没合作?看王晶的评价...
  • python小老鼠编程_江门Python技能学习价格实惠,python数组学习价格表
  • android layoutinflater获取的textview无法改变值_Android 值得深入思考的几个面试问答分享...
  • gmat模考_GMAT模考成绩不太准原因大盘点
  • 杂牌平板mt6797_10核时代到来 全网通联发科MT6797发布
  • 360加固签名验证_我竟然又相信了360系统补丁!0428无法验证此文件的数字签名!...
  • tps 数据库写并发衡量_NGK TPS是什么?NGK如何实现百万TPS?
  • 数仓建模 项目_老男局 | 尚硅谷技术汇:数仓高频问题解疑
  • lisp封装成vla函数_C#面向对象特性封装、继承、多态,如何在代码编写时使用封装?...
  • dpkg 删除软件_Linux内网安装软件常用方法详解
  • 华为鸿蒙麒麟玉兔_鸿蒙、朱雀、麒麟华为为中国制造注册了整本山海经!
  • bootstrap4 网格布局实例_网站设计师的10个糟糕网页设计实例和常见错误
  • 登录plsql提示无监听程序_vueelementadmin的登录功能分析
  • java单链表节点翻转_java数据结构中的链表,你知道多少?
  • python调用shell 管道_用Python打开外部程序的4种方式
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • CSS中外联样式表代表的含义
  • Docker入门(二) - Dockerfile
  • JS笔记四:作用域、变量(函数)提升
  • nfs客户端进程变D,延伸linux的lock
  • python docx文档转html页面
  • React-flux杂记
  • v-if和v-for连用出现的问题
  • windows下使用nginx调试简介
  • Zepto.js源码学习之二
  • 从地狱到天堂,Node 回调向 async/await 转变
  • 反思总结然后整装待发
  • 看图轻松理解数据结构与算法系列(基于数组的栈)
  • 看域名解析域名安全对SEO的影响
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 异步
  • 从如何停掉 Promise 链说起
  • ​MPV,汽车产品里一个特殊品类的进化过程
  • ​sqlite3 --- SQLite 数据库 DB-API 2.0 接口模块​
  • ​你们这样子,耽误我的工作进度怎么办?
  • ###项目技术发展史
  • #mysql 8.0 踩坑日记
  • (2)(2.10) LTM telemetry
  • (4)通过调用hadoop的java api实现本地文件上传到hadoop文件系统上
  • (动手学习深度学习)第13章 计算机视觉---图像增广与微调
  • (非本人原创)史记·柴静列传(r4笔记第65天)
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (自适应手机端)响应式新闻博客知识类pbootcms网站模板 自媒体运营博客网站源码下载
  • .NET Framework 4.6.2改进了WPF和安全性
  • .NET MVC 验证码
  • .NET/C# 解压 Zip 文件时出现异常:System.IO.InvalidDataException: 找不到中央目录结尾记录。
  • .NET使用存储过程实现对数据库的增删改查
  • .NET学习教程二——.net基础定义+VS常用设置
  • @ConfigurationProperties注解对数据的自动封装
  • @Service注解让spring找到你的Service bean
  • @Transactional 竟也能解决分布式事务?
  • [8481302]博弈论 斯坦福game theory stanford week 1
  • [ActionScript][AS3]小小笔记
  • [Android]Android开发入门之HelloWorld