Django教程(001):安装及快速上手

1.1 Django安装

bash 复制代码
pip install django

安装之后

c:\python39
	-python.exe
	-Scripts
		-pip.exe
		-django-admin.exe【安装django之后,工具,创建django项目】
	-Lib
		-内置模块
		-site-packages
			-flask
			-django(安装django之后,【django框架源码】)

如下图:

1.2 创建项目

1.2.1 创建项目(命令行)

django中项目会有一些默认的文件和文件夹

  • 打开终端
  • 进入某个目录(项目放在那里)
bash 复制代码
 F:\05.Django>
 
 # 如果已经加入环境变量
 django-admin startproject mysite(项目名称)

创建成功

1.2.2 创建项目(Pycharm)

选择【new project】,选择【django】,选择项目的路径Python的版本,点击==【create】==即可。

1.3 App

bash 复制代码
-项目
	- app,用户管理 【独立的表结构、函数、HTML模板、CSS】
	- app,订单管理 【独立的表结构、函数、HTML模板、CSS】
	- app,后台管理 【独立的表结构、函数、HTML模板、CSS】
	- app,API     【独立的表结构、函数、HTML模板、CSS】
	- ...

注意,我们开发比较简洁,用不到多app,一般情况下,项目创建1个app即可。

创建app命令,需要在指定目录中创建,这里可以在上面创建的django项目mysite中创建

bash 复制代码
 F:\05.Django\mysite>python manage.py startapp app01(app名称,可以自定义)

如果出现以下错误:

通过下面的步骤解决即可:

bash 复制代码
pip install --upgrade django

1.4 快速上手

  • 确保app已注册,找到文件mysite/mysite.settings.py`

  • 编写URL和视图函数对应关系【mysite/mysite/urls.py】

  • 编写视图函数

  • 启动django程序

    • 命令行启动(推荐)

      bash 复制代码
      python manage.py runserver
    • pycharm启动

      • 绿色三角启动
    • 启动结果

  • 浏览器访问

1.4.1 添加页面

- url -> 函数
- views -> 视图函数
python 复制代码
path('user/list/', views.user_list),
path('user/add/', views.user_add),
python 复制代码
def user_list(request):
    # 1、优先去项目根目录的templates中寻找,如果找不到
    # 2、再去app目录下寻找templates/user_list.html
    return HttpResponse("user_list")


def user_add(request):
    return HttpResponse("user_add")

1.4.2 templates模板

修改代码,设置定义跳转页面

python 复制代码
def user_list(request):
    # 1、优先去项目根目录的templates中寻找,如果找不到
    # 2、再去app目录下寻找templates/user_list.html
    return render(request, 'user_list.html')

新建user_list.html页面

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <h1>用户列表</h1>
</div>
</body>
</html>

重新运行,浏览器访问http://127.0.0.1:8000/user/list/

1.4.3 静态文件

开发过程中一般将

  • 图片
  • css
  • js

都会当作静态文件处理。

具体

  • app目录下创建static文件夹

  • css、js、images等文件都放在这里面。

页面使用

html 复制代码
<link rel="stylesheet" href="/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>

试用bootstrap的组件

html 复制代码
<div>
    <div class="panel panel-primary">
        <div class="panel-heading">用户列表</div>
        <div class="panel-body">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>年龄</th>
                    <th>性别</th>
                    <th>地址</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>Jerry</td>
                    <td>18</td>
                    <td>男</td>
                    <td>美国纽约</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Tom</td>
                    <td>18</td>
                    <td>男</td>
                    <td>美国洛杉矶</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>Spike</td>
                    <td>18</td>
                    <td>男</td>
                    <td>美国华盛顿</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

具体效果

相关推荐
Wx-bishekaifayuan3 分钟前
django电商易购系统-计算机设计毕业源码61059
java·spring boot·spring·spring cloud·django·sqlite·guava
小白学大数据15 分钟前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
time never ceases36 分钟前
使用docker方式进行Oracle数据库的物理迁移(helowin/oracle_11g)
数据库·docker·oracle
Frank牛蛙39 分钟前
1.每日SQL----2024/11/7
数据库·sql
Ciderw41 分钟前
块存储、文件存储和对象存储详细介绍
网络·数据库·nvme·对象存储·存储·块存储·文件存储
薛晓刚42 分钟前
数据库优化指南:如何将基本功能运用到极致?
数据库
stars_User1 小时前
MySQL数据库面试题(下)
数据库·mysql
未来之窗软件服务1 小时前
sql速度优化多条合并为一条语句
数据库
山东布谷科技官方1 小时前
布谷直播源码部署服务器关于数据库配置的详细说明
运维·服务器·数据库·直播系统源码·直播源码·直播系统搭建·直播软件开发
易云码2 小时前
信息安全建设方案,网络安全等保测评方案,等保技术解决方案,等保总体实施方案(Word原件)
数据库·物联网·安全·web安全·低代码