手把手教导实战Python Web项目

article/2025/9/12 7:27:40

手把手教导实战Python Web项目

一、前言

Django是一个开放源代码的Web应用框架,由Python写成。采用了MVC的框架模式,即模型M,视图V和控制器C。Django的主要目的是简便、快速的开发数据库驱动的网站。它强调代码复用,多个组件可以很方便的以“插件”形式服务于整个框架,Django有许多功能强大的第三方插件,你甚至可以很方便的开发出自己的工具包。这使得Django具有很强的可扩展性。

二、开发环境

  1. Python3.7.4
  2. Django2.0

Django安装

安装最新版的Django版本

#安装最新版本的Django
pip install  django 
#或者指定安装版本
pip install -v django==2.0

查看Django是否已经成功安装:

#查看Django版本
python -m django --version

三、开发步骤详解

1、项目创建

首先,进入命令提示符,通过cd切换到自己的工作目录,我的是H:\pyCode,或者在H:\pyCode目录下按住Shift+鼠标右键进入命令提示符,直接是在当前目录。

创建一个名为myweb的Django项目,执行如下命令:

django-admin startproject myweb

这个命令的意思是创建一个名为“myweb”的django项目。

在目录下多出一个myweb文件夹,表示项目创建成功:

手把手教导实战Python Web项目

文件结构如下:

手把手教导实战Python Web项目

2、启动Django服务

进入到myweb目录,执行如下命令:

python manage.py runserver

手把手教导实战Python Web项目

现在,web服务器已经成功启动,打开浏览器,在地址栏中输入:http://127.0.0.1:8000/
“127.0.0.1”是指本地主机,8000是默认的服务端口,可修改。也可以在地址栏输入localhost:8000访问项目。

手把手教导实战Python Web项目

恭喜你,项目初步创建完成~
现在,我们来进行下一步操作。。。

3、创建Django APP

在Django中的app相当于一个功能模块, 与其他的web框架可能有很大的区别, 将不同功能放在不同的app中, 方便代码的复用。

我们建立一个叫“myapp”的应用,保持命令提示符在myweb目录下(有mange.py文件的myweb目录)。注:Ctrl+C可以退出服务器
执行如下命令:

python manage.py startapp myapp  

回车后myweb文件夹中多了一个myapp文件夹,这个就是我们刚创建的APP:

手把手教导实战Python Web项目

myapp中也为我们创建了相关的应用文件,现在整个项目结构如下:

手把手教导实战Python Web项目

增加样式

1、在myapp目录下创建一个 templates 文件夹,并在该文件夹中创建一个index.html文件,用于展示的网页内容。

模板文件夹templates,不明白的地方自己百度或者Google,加油,相信自己wowo ,多主动寻找答案~~

index.html文件内容如下:

<!DOCTYPE html>  
<html lang="en">  
<head>  <meta charset="UTF-8">  <title>Hello,Django!</title>  
</head>  
<body>  <h1>Hello,My First Django!</h1>   
</body>  
</html>  

2、在myweb/myweb/settings.py下添加新建app,找到INSTALLED_APP,在其中添加’myapp,’, 然后保存:

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

3、打开myapp文件夹下面的views.py文件,在文件中输入:

from django.shortcuts import render# Create your views here.# 添加index函数,用于返回index.html页面
def index(request):  return render(request, 'index.html')  

4、打开myweb文件夹下面的urls.py文件,在文件中输入:

from django.contrib import admin
from django.urls import path
from myapp import views # 导入viewsurlpatterns = [path('admin/', admin.site.urls),path('', views.index),   # 添加views.index
]

5、完成以上步骤,执行“python manage.py runserver”启动Django中的服务器,在浏览器中打开127.0.0.1:8000

访问127.0.0.1:8000后可能发现我们的结果不一样,那是因为上面给你们的index.html文件没有加样式,样式太长了,我就不贴出来了,作为Demo输出“Hello”就好,网上也有很多模板的噢~

转载于:https://blog.51cto.com/14225245/2358517


http://chatgpt.dhexx.cn/article/vEBSxqHI.shtml

相关文章

Python web开发之flask项目实战总结

在线问答系统 Flask Web开发项目介绍功能描述一、前端设计二、数据库设计三、页面功能开发1.用户模块2.问答模块 四、总结 Flask Web开发 请求到响应 用户通过浏览器访问url&#xff0c;会发送请求到服务器&#xff0c;服务器接收请求后会根据url规则找到对应的视图函数进…

Python必学的4个实战项目,拿走不谢

最近遇到了一些比较经典的实战项目&#xff0c;比较适合零基础的小白以及基础较薄弱的小伙伴。想了想&#xff0c;我决定把它分享给大家。 Python是一种极具可读性和通用性的编程语言。Python这个名字的灵感来自于英国喜剧团体Monty Python&#xff0c;它的开发团队有一个重要的…

菜鸟进阶高手, 推荐 7 个 Python 上手实战项目

作为一个语法简洁、有着丰富的第三方库的编程语言&#xff0c;Python 上手极为简单&#xff0c;短时间内就可以让你编写出能够解决实际问题的小程序&#xff0c;甚至去面试初级 Python 工程师的职位。 不过&#xff0c;如果要写出一些更复杂的应用&#xff0c;或者想从事数据分…

比金典还经典——4个python项目实战

写在前面的一些P话&#xff1a; Python是一种极具可读性和通用性的编程语言。Python这个名字的灵感来自于英国喜剧团体Monty Python&#xff0c;它的开发团队有一个重要的基础目标&#xff0c;就是使语言使用起来很有趣。Python易于设置&#xff0c;并且是用相对直接的风格来编…

Python项目实战 4.1:账号登录

目录 一、用户名登录 二、多账号登录 三、首页用户名展示 四、退出登录 五、判断用户是否登录 一、用户名登录 1. 用户名登录逻辑分析 2. 用户名登录接口设计 1. 请求方式 选项方案请求方法POST请求地址/login/ 2. 请求参数&#xff1a;表单 参数名类型是否必传说明usern…

Python爬虫实战

文章目录 1. 引言2. 页面分析2.1 页面元素分析2.2 分页分析2.3 页面详情页面2.4 下载链接 3. 代码3.1 数据库结构3.2 步骤3.2.1 根据url获取页面结构3.2.2 解析页面数据3.2.3 数据存入数据库 4. 测试结果5. 完整代码 1. 引言 注&#xff1a;勿用于非法用途。 之前学习过Pytho…

insert into

7.insert into 如果我们想向表格中插入数据&#xff0c;就需要用到insert into语句了 7.1 insert into语法 INSERT INTO 表名 VALUES (值1, 值2,....) &#xff08;注&#xff1a;插入一行数据&#xff09; INSERT INTO 表名 (列名, 列名…

LaTeX: Missing } or { inserted. ^^I\For

报错 分析 可以发现&#xff0c;报错提示缺少{&#xff0c;但第306行并没有问题&#xff0c;并不缺少大括号。 这种情况下&#xff0c;很有可能是前面某个公式处出现了大括号缺失&#xff0c;建议从头到尾查找一遍。 修改 往前排查后发现某一处缺少大括号&#xff0c;如下所…

sqlserver触发器的使用以及inserted和deleted详解

背景&#xff1a;最近在项目中有需求是当人员表中有变动时&#xff08;比如&#xff1a;增加人员、修改人员信息、删除人员信息&#xff09;需要把这张表中的变动的信息同步到它对应的日志表中。那么如果用代码写逻辑的话在执行效率上会比较慢&#xff0c;正好sqlserver提供了触…

insert和insertSelective区别

使用逆向工程生成的代码做一个添加时通常都会给出两个答案&#xff0c;如题目想要增加一条数据会让你选择insert或者insertSelective 两者的区别在于如果选择insert 那么所有的字段都会添加一遍即使没有值 <insert id"insert" parameterType"com.ego.pojo.Tb…

Inserted和Deleted在insert、update、delete的简单使用

Inserted和Deleted在insert、update、delete的简单使用 Inserted表和Deleted表,仅仅在触发器运行时存在。当insert、update、delete操作时&#xff0c;可使用借助两个表来输出&#xff08;使用OUTPUT关键字&#xff09;操作前后的数据的变化。 Insert Update Delete Insert…

定义自定义指令;inserted()、update()

自定义指令的意义&#xff1a;对普通DOM元素进行底层操作&#xff1b; 作用 &#xff1a;可以获取到底层的dom&#xff0c;拿到想要的节点&#xff0c;从而进行操作&#xff1b; 实际应用&#xff1a;可以通过指令知道什么时候dom创建完成&#xff0c;从而进行依赖dom的库的初…

29.VUE自定义指令directive和inserted

VUE自定义指令directive和inserted 1.什么事自定义指令1.2使用自定义指令的方式 2.设置自定义组件2.1 设置全局指令2.2 设置私有指令2.3 钩子函数3. 案例 1.什么事自定义指令 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 例…

echarts中x轴 y轴配置(字体颜色,线的颜色,分割线,y周单位颜色)。vue中直接使用echarts以及vue中使用vue-echarts如何配置横向渐变与纵向渐变(后者适用于前者)

vue中直接使用echarts //var myChart this.$echarts.init(document.getElementById("echart-twoline")); //vue var myChart echarts.init(document.getElementById("echart-twoline"));//jquery var option {backgroundColor: "#323a5e",…

Echarts折线图X轴Y轴图例位置调整

当X轴数据过多时Echarts会默认显示一半 如下图只显示奇数月份 Echarts加入axisLabel然后将interval设置为0就会将横轴全部显示 看一下效果 但是信息太多,看起来黏在了一起,我们可以让它-30度角倾斜显示 同样在axisLabel将rotate设置为-30,再看一下效果 这下都显示出来的,但…

修改echarts的x轴y轴的刻度和刻度线文本颜色和xy轴的轴线颜色和标题title的字体颜色

1&#xff0c;x轴y轴都是一样的&#xff1a; 1.1修改刻度文本颜色&#xff1a; 找到xAxis和yAxis&#xff1a; 添加如下代码&#xff1a;&#xff08;和data和type同级并列&#xff09; axisLabel: {show: true,textStyle: {color: #fff} } 如图&#xff1a; 1.2修改xy轴的轴…

转:echarts图表x,y轴的设置

转自&#xff1a; https://www.cnblogs.com/cjh-strive/p/11065005.html 每到用echarts这门技术去画图的时候&#xff0c;我们大多人都是直接从echarts的官网的案例找相应的案例直接把代码复制到开发软件上基本随便一改就能使用&#xff0c;但是这种情况基本都是在练习的时候和…

r语言plot函数x轴y轴名字_R语言中绘图的注释函数小结

我们知道一个漂亮而清晰的图像的形成指定缺不了图像中细节的注释。那么今天我们就来总结下在R语言中那些注释函数。 首先,我们看下文本注释函数:text(),mtext(), legend()。这些函数都是R语言内置的基础函数,我们看下具体的实例: 1. text() 注释绘图中的任意点。 其中主要…

echarts的x轴y轴的颜色改变

在操作echarts时&#xff0c;需求要求echarts的xy轴的颜色要与图形的颜色一致。 图1&#xff1a; 图2&#xff1a; 解决方案&#xff1a; 代码展示&#xff1a; var myChart1; $(function() { document.getElementById("begin1").flatpickr(); document.getEl…