网站建设需要什么样的内容,wordpress评论去掉邮箱,在线手机网页制作,wordpress每篇文章加水印目录1. 命令行创建与pycharm创建的区别2. 项目结构信息2.1 项目结构2.2 项目app结构2.3 快速查看项目结构树3. 创建并注册app3.1 创建app3.2 注册app4. 编写URL与视图的对应关系5. 编写视图文件6. 启动项目7. 写多个页面8. templates模板的使用8.1 编写html文件8.3 导入html文件…
目录1. 命令行创建与pycharm创建的区别2. 项目结构信息2.1 项目结构2.2 项目app结构2.3 快速查看项目结构树3. 创建并注册app3.1 创建app3.2 注册app4. 编写URL与视图的对应关系5. 编写视图文件6. 启动项目7. 写多个页面8. templates模板的使用8.1 编写html文件8.3 导入html文件9. 静态文件导入9.1 static目录9.2 引用静态文件9.3 模板语法的介绍与学习10. 实战案例模拟联通新闻中心10.1 url添加路径10.2 view添加new视图10.3 templates添加html文件总结欢迎关注 『Django 网页Web开发』 系列持续更新中 欢迎关注 『Django 网页Web开发』 系列持续更新中 首先阅读前文创建建一个Django项目项目名 mysite2后期创建的app名是app01 ** 02. 创建并运行一个Django项目保姆级图文** 1. 命令行创建与pycharm创建的区别
特殊说明 命令行创建的项目是标准的没有任何其他多余的东西。 pycharm在标准的基础上默认添加了一些东西。 创建了一个templates目录Templates文件夹保存通用应用程序的模板文件【可以删除确以保后面的学习内容与本教程一致但是最新版的pycharm好像不会添加可能跟个人设置有关】 settings.py中【可以删除确以保后面的学习内容与本教程一致DIRS中的模板信息内容】 2. 项目结构信息
2.1 项目结构
项目名
├── manage.py 【项目的管理启动项目、创建app、数据管理】【不要动】【***常常用***】
└── 项目名├── __init__.py├── settings.py 【项目配置】 【***常常修改包括数据库配置等内容***】├── urls.py 【URL和函数的对应关系】【***常常修改***】├── asgi.py 【异步式Django3.1的异步不太成熟一般用的同步多接收网络请求】【不要动】└── wsgi.py 【同步式接收网络请求】【不要动】
├ --- app 【创建的应用有多个一般来说小的功能不会拆分为多个app】- app用户管理【表结构、函数、HTML模板、CSS】- app订单管理【表结构、函数、HTML模板、CSS】- app后台管理【表结构、函数、HTML模板、CSS】- app网站 【表结构、函数、HTML模板、CSS】- appAPI 【表结构、函数、HTML模板、CSS】···········更多app但是要注意我们开发比较简洁用不到多app一般情况下项目下创建1个app即可。···········2.2 项目app结构
├── app01
│ ├── __init__.py 【初始化】
│ ├── admin.py 【固定不用动】django默认提供了admin后台管理。
│ ├── apps.py 【固定不用动】app启动类
│ ├── migrations 【固定不用动】数据库变更记录
│ │ └── __init__.py
│ ├── models.py 【**重要**】对数据库操作。
│ ├── tests.py 【固定不用动】单元测试
│ └── views.py 【**重要**】函数。2.3 快速查看项目结构树
cd到你的项目路径cmd命令——tree 3. 创建并注册app
3.1 创建app
在项目根目录下cmd命令
python manage.py startapp app名字
python manage.py startapp app023.2 注册app
需要写入的内容我们app目录下的apps.py就是我们需要导入的设置 在setting.py的INSTALLED_APPS中写入app02.apps.App02Config输入app02按下tab键会自动补全 4. 编写URL与视图的对应关系
后续我们使用app01app02仅仅是为了创建演示使用后面不再使用还是使用app01。
确保我们的app01已经注册好我们在url.py中的urlpatterns下写入调用路径注意路径调用之前要先import 视图
url.py的内容如下
from django.contrib import admin
from django.urls import pathfrom app01 import views#导入app01中的视图文件urlpatterns [# path(admin/, admin.site.urls),# 访问url www.xxx.com/index/ - 调用函数也就是我们app的views的内容path(index/, views.index),
] 5. 编写视图文件
在app01的view.py文件下调用响应库并写入index视图方法
view.py的内容如下
from django.shortcuts import render, HttpResponse
# HttpResponse指的是从服务端到客户端的响应消息调用这个库# Create your views here.
def index(request):return HttpResponse(欢迎使用) 6. 启动项目 命令行启动 python manage.py runserver Pycharm启动点击启动按钮 启动后界面是这个样子不要慌是因为我们只写了 url/index的视图没有写url/的视图红色框提示我们写了哪几个视图我们这里只写过一个index的路径 url后加入index即可显示 网页效果如下 7. 写多个页面
url.py添加用户列表和添加用户页面的内容如下
from django.contrib import admin
from django.urls import pathfrom app01 import views#导入app01中的视图文件urlpatterns [# path(admin/, admin.site.urls),# 访问url www.xxx.com/index/ - 调用函数也就是我们app的views的内容path(index/, views.index),path(user/list/, views.user_list),path(user/add/, views.user_add),]view.py文件添加两个新视图的内容如下
from django.shortcuts import render, HttpResponse
# HttpResponse指的是从服务端到客户端的响应消息调用这个库# Create your views here.
def index(request):return HttpResponse(欢迎使用)def user_list(request):return HttpResponse(用户列表)def user_add(request):return HttpResponse(添加用户)重新运行项目后生效记得也要添加url路径才会显示 8. templates模板的使用
8.1 编写html文件
实际中我们的视图页面不可能只有几个字我们通常是一个html文件。 我们需要现在app01下新建文件夹templates然后在templates中新建我们的html文件 user_list.html内容如下
!DOCTYPE html
html langen
headmeta charsetUTF-8title用户列表/title
/head
body用户列表的html
/body
/html8.3 导入html文件
我们setting.py的INSTALLED_APPS下的顺序调用
view.py修改
from django.shortcuts import render, HttpResponse
# HttpResponse指的是从服务端到客户端的响应消息调用这个库# Create your views here.
def index(request):return HttpResponse(欢迎使用)# def user_list(request):
#
# return HttpResponse(用户列表)
#
# def user_add(request):
#
# return HttpResponse(添加用户)def user_list(request):# 根据app的注册顺序在每个app下的templates目录中寻找return render(request, user_list.html)def user_add(request):return render(request, user_add.html)效果如下 9. 静态文件导入
在开发过程中一般将
图片CSSjs
都会当做静态文件处理。
9.1 static目录
在app目录下创建static文件夹。
9.2 引用静态文件 user_list.html内容如下
{% load static %}
{#使用相对路径#}!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlelink relstylesheet href{% static plugins/bootstrap-3.4.1/css/bootstrap.css %}
/head
bodyh1用户列表/h1img src{% static img/1.png %} altscript src{% static js/jquery-3.6.0.min.js %}/script
script src{% static plugins/bootstrap-3.4.1/js/bootstrap.js %}/script
/body
/html9.3 模板语法的介绍与学习
本质上在HTML中写一些占位符由数据对这些占位符进行替换和处理。也就是花括号{{}}调用数据如果此前没有vue等语言基础详情参看我的文章。 【Django 网页Web开发】模板语法保姆级图文 10. 实战案例模拟联通新闻中心
10.1 url添加路径 url.py
from django.contrib import admin
from django.urls import pathfrom app01 import views#导入app01中的视图文件urlpatterns [# path(admin/, admin.site.urls),# 访问url www.xxx.com/index/ - 调用函数也就是我们app的views的内容path(index/, views.index),path(user/list/, views.user_list),path(user/add/, views.user_add),# 联通新闻中心path(news/, views.news),
]
10.2 view添加new视图 view.py
from django.shortcuts import render, HttpResponse
# HttpResponse指的是从服务端到客户端的响应消息调用这个库# Create your views here.
def index(request):return HttpResponse(欢迎使用)def user_list(request):# 根据app的注册顺序在每个app下的templates目录中寻找return render(request, user_list.html)def user_add(request):return render(request, user_add.html)def news(req):# 1.定义一些新闻字典或者列表 或 去数据库 网络请求去联通新闻# 向地址http://www.chinaunicom.com.cn/api/article/NewsByIndex/2/2021/11/news 发送请求# 第三方模块requests (pip install requests)import requestsres requests.get(http://www.chinaunicom.com.cn/api/article/NewsByIndex/2/2021/11/news)#请求获取联通官网的数据data_list res.json()#转化数据格式print(data_list)return render(req, news.html, {news_list: data_list})#将得到的数据传给html10.3 templates添加html文件 !DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
h1联通新闻中心/h1
{{ news_list }}
{#下面使用了字典引用#}
ul{% for k,v in news_list.items %}li{{ k }} {{ v }} /li{% endfor %}
/ul/body
/html 总结
大家喜欢的话给个点个关注给大家分享更多有趣好玩的Python 网页Web开发知识
版权声明
发现你走远了mzh原创作品转载必须标注原文链接
Copyright 2023 mzh
Crated2023-3-1 欢迎关注 『Django 网页Web开发』 系列持续更新中 欢迎关注 『Django 网页Web开发』 系列持续更新中 『01. 安装配置Django』 『02. 创建并运行一个Django项目』 『03. 初识Django』 『04. 请求和响应网页跳转重定向实战简易表单模拟登陆』 『05. 数据库操作实战用户管理』 『06. 报错You have 26 unapplied migration(s). Your project may not work properly until you apply the migra』 『07. 模板语法』 『08. 实战项目部门和员工管理系统01』 『09. 实战项目员工编辑删除功能与靓号管理02』 『10. 实战项目靓号搜索功能03』 『11. 实战项目分页与页码跳转功能04』 『12. 实战项目分页组件的封装 面向接口编程05』 『13. 实战项目添加用户时的时间选择组件06』 『14. 实战项目一些面向对象的代码结构优化07』 『15. 实战项目管理员增删改查md5密码和密码重置08』 『16. 实战项目BootStrap类的进一步优化09』 『17. 实战项目login业务涉及cookie、session、中间件10』 『18. 实战项目登录时的验证码11』 『19. 实战项目初识Ajax请求12』 『20. 实战项目Ajax实战之订单管理与弹出对话框13』 『21. 实战项目echart数据图表14』 『22. 实战项目简单的文件上传15』 『23. 实战项目Excel和form和moudleForm的文件上传16』 【更多内容敬请期待】
