【django+mysql+vue】python web开发_黄_猪猪#的博客-程序员宅基地_django mysql vue

技术标签: python  django  # python  vue  mysql  

vscode 搭建 django demo

是否要安装pycharm?
有vscode就可以了,另外vscode不吃cpu,我基本上开发都上vscode上。
1.创建工程,如djtest,然后用vscode打开
2.用venv创建python虚拟环境
python -m venv {虚拟环境名称}

python -m venv venv1

3.运行虚拟环境
{虚拟环境名称}\Scripts\activate
退出虚拟环境:
deactivate

可能会出现报错:vscode运行python时提示无法加载文件xxx.venv\Scripts\activate.ps1
参考文章:解决vscode运行python时,提示无法加载文件xxx.venv\Scripts\activate.ps1,未对文件进行数字签名,因为在此系统上禁止运行脚本。
在这里插入图片描述
4.安装django

pip install django

5.创建django工程
django-admin startproject {工程名称}

django-admin startproject djtest

6.运行工程
python manage.py runserver
在这里插入图片描述
参考文章:vscode 搭建 django 显示hello world

django python web 路由

基于上一目录的demo进一步开发,文件的功能,和弄清路由怎么实现

创建应用并注册

应用为testapp
cmd转到第一层的djtest文件夹。

python manage.py startapp testapp

将此应用添加到setting.py
djtest: 项目的容器。
djtest/settings.py: 该 Django 项目的设置/配置文件。

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

设置应用路由,并注册

在djtest目录下的urls.py添加应用的URL

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('testapp/',include('testapp.urls')),
]

设置url:在testapp目录下新建urls.py

from django.urls import path
from . import views

app_name = 'testapp'
urlpatterns = [
    path('',views.index,name='index'),
]

应用的处理函数

打开testapp目录下的views.py,写入

from django.shortcuts import render

# Create your views here.
def index(myrequest):
    pamdict = {
    'name':'老铁'}
return render(myrequest,'testapp/myindex.html',pamdict)

应用的模板页面

在testapp目录下新建templates文件夹,在templates下再新建testapp文件夹,在此testapp目录下新建myindex.html

<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
</head>
<body>
    <h1>欢迎>>>{
    {
    name}}<<<到访</h1>
</body>
</html>

在这里插入图片描述
参考文章:python实战WEB-Django (一)

django python web mysql

基于上两层目录创建django工程djtest1,和应用stu

Django配置MySQL

在本地MySQL创建djtest1数据库,修改项目的settings连接信息由默认的sqlite修改为MySQL
create databases djtest1;

DATABASES = {
    
     'default': {
    
        'ENGINE': 'django.db.backends.mysql',
        'NAME':  'djtest1',
        'USER': 'root',
        'PASSWORD': '154524',
        'HOST': '127.0.0.1',
        'PORT': 3306
     }
}

在这里插入图片描述

测试连接

参考文章:vscode连接本地创建的数据库
在这里插入图片描述
可以连接自己创建的数据库
在这里插入图片描述

vscode工程栏设置视图

在这里插入图片描述

数据模型创建

在应用stuapp下models.py添加Student模型

class Student(models.Model):
    student_no = models.CharField(max_length=32, unique=True)
	student_name = models.CharField(max_length=32)

Terminal终端输入以下两条命令,其作用第一条生成文件记录模型的变化;第二条是将模型变化同步至数据库,我们可以在数据库生成对应的表结构。

python manage.py makemigrations stuapp
python manage.py migrate stuapp

在这里插入图片描述

数据导入mysql失败

例如时区问题,ValueError: Problem installing fixture ‘D:\software\python\prj\test5\xxxops\server\db.json’: Could not load system.Permission(pk=1): MySQL backend does not support timezone-aware datetimes when USE_TZ is False.
办法总比困难多,多思考,不怕南
Json–>转sql
传送门:http://tool.p2hp.com/tool-format-json/
在这里插入图片描述
然后在Mysql里面执行sql就OK了

设置应用路由,并注册

本质可以理解请求路径url和处理方法的映射配置,首先在项目djtest1的urls.py文件中添加stuapp的路由配置。

path('stu/', include('stuapp.urls')),

然后在stuapp添加一个名为urls.py的文件,添加路由配置如下

# coding=utf-8
from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^$', views.index),
    url(r'^add/$', views.add),
    url(r'^edit/$', views.edit),
    url(r'^delete/$', views.delete)
]

应用的处理函数

在应用stuapp的视图层文件views.py添加对应学生信息增删改查的处理函数,这里我使用的原生SQL,便于深入理解其执行过程。后面有时间我会在github上添加Django框架提供的操作数据库方式。

import MySQLdb
from django.shortcuts import render, redirect

# Create your views here.

# 学生信息列表处理函数
def index(request):
    conn = MySQLdb.connect(host="localhost", user="root", passwd="154524", db="djtest1", charset='utf8')
    with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
        cursor.execute("SELECT id,student_no,student_name FROM stuapp_student")
        students = cursor.fetchall()
    return render(request, 'stu/index.html', {
    'students': students})

# 学生信息新增处理函数
def add(request):
    if request.method == 'GET':
        return render(request, 'stu/add.html')
    else:
        student_no = request.POST.get('student_no', '')
        student_name = request.POST.get('student_name', '')
        conn = MySQLdb.connect(host="localhost", user="root", passwd="154524", db="djtest1", charset='utf8')
        with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
            cursor.execute("INSERT INTO stuapp_student (student_no,student_name) "
                           "values (%s,%s)", [student_no, student_name])
            conn.commit()
        return redirect('../')

# 学生信息修改处理函数
def edit(request):
    if request.method == 'GET':
        id = request.GET.get("id")
        conn = MySQLdb.connect(host="localhost", user="root", passwd="154524", db="djtest1", charset='utf8')
        with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
            cursor.execute("SELECT id,student_no,student_name FROM stuapp_student where id =%s", [id])
            student = cursor.fetchone()
        return render(request, 'stu/edit.html', {
    'student': student})
    else:
        id = request.POST.get("id")
        student_no = request.POST.get('student_no', '')
        student_name = request.POST.get('student_name', '')
        conn = MySQLdb.connect(host="localhost", user="root", passwd="154524", db="djtest1", charset='utf8')
        with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
            cursor.execute("UPDATE stuapp_student set student_no=%s,student_name=%s where id =%s",
                           [student_no, student_name, id])
            conn.commit()
        return redirect('../')

# 学生信息删除处理函数
def delete(request):
    id = request.GET.get("id")
    conn = MySQLdb.connect(host="localhost", user="root", passwd="154524", db="djtest1", charset='utf8')
    with conn.cursor(cursorclass=MySQLdb.cursors.DictCursor) as cursor:
        cursor.execute("DELETE FROM stuapp_student WHERE id =%s", [id])
        conn.commit()
    return  redirect('../')

应用的模板页面

在这里插入图片描述
学生信息列表页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生列表</title>
</head>
<body>
<table border="1px" width="100%" style="border-collapse: collapse;">
    <a href="../stu/add/">添加学生</a>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>学号</th>
        <th>操作</th>
    </tr>
    {
    % for student in students %}
        <tr>
            <td align="center">{
    {
     forloop.counter }} </td>
            <td align="center">{
    {
     student.student_name }} </td>
            <td align="center">{
    {
     student.student_no }} </td>
            <td align="center">
                <a href="../stu/edit/?id={
    { student.id }}">
                    编辑
                </a>
                <a href="../stu/delete/?id={
    { student.id }}">
                    删除
                </a>
            </td>
        </tr>
    {
    % endfor %}
</table>
</body>
</html>

学生信息新增页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生添加</title>
    <style>
        form {
    
            margin: 20px auto;
            width: 500px;
            border: 1px solid #ccc;
            padding: 20px
        }
    </style>
</head>
<body>
<form method="post" action="../add/">
    {
    % csrf_token %}
    <table>
        <tr>
            <th>姓名</th>
            <td><input name="student_name"></td>
        </tr>
        <tr>
            <th>学号</th>
            <td><input name="student_no"/></td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit"/>
            </td>
        </tr>
    </table>
</form>
</body>
</html>

学生信息编辑页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生编辑</title>
    <style>
        form {
    
            margin: 20px auto;
            width: 500px;
            border: 1px solid #ccc;
            padding: 20px
        }
    </style>
</head>
<body>
<form method="post" action="../edit/">
    {
    % csrf_token %}
    <input type="hidden" name="id" value="{
    { student.id }}"/>
    <table>
        <tr>
            <th>姓名</th>
            <td><input name="student_name" value="{
    { student.student_name }}"></td>
        </tr>
        <tr>
            <th>学号</th>
            <td><input name="student_no" value="{
    { student.student_no }}"/></td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="submit"/>
            </td>
        </tr>
    </table>
</form>
</body>
</html>

学生列表信息
在这里插入图片描述
增加学生信息
在这里插入图片描述
在这里插入图片描述
修改学生信息
在这里插入图片描述
在这里插入图片描述

参考文章:Python Web实战:Python+Django+MySQL实现基于Web版的增删改查
Django进阶Model篇—数据库操作(ORM)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43319452/article/details/120390774

智能推荐

IDA 调试 Android_weixin_30505485的博客-程序员宅基地

最近都在学一些反编译安卓相关的东西,其实网上有很多教程关于用 IDA 调试 Android 的过程,主要记录一下我遇到的坑首先 Android手机要是root过的还要注意的一点是apk中的 AndroidManifest.xml 中debuggable要为true1、将 apk 装到手机上,然后执行命令行:adb shell am start -D -n "com...

linux tftp 默认目录,Linux自学笔记——dhcp,tftp,pxe_Alfred Deng的博客-程序员宅基地

DHCP:Dynamic Host Configuration ProtocolIP/NermaskGatewayDNS Serverbootp:boot protocol --&gt; dhcp1.Client:dhcp discover:发现2.Server:dhcp offer:(IP/netmask,gw)3.Client:dhcp request4.Server:dhcp ack续租:C...

反向 Dropout!韩松团队最新工作NetAug:提高Tiny神经网络性能的新训练方法_视学算法的博客-程序员宅基地

点击上方“视学算法”,选择加"星标"或“置顶”重磅干货,第一时间送达作者丨happy编辑丨极市平台导读韩松团队提出针对TinyNN推理无损涨点的新型训练方案NetAug。本文从正则技术的...

Hibernate(2)_收购土鸡蛋的程序员的博客-程序员宅基地

Criter查询(单表条件查询)Ctiter是Hibernate无语句面向对象查询条件查询public void getVoid(){Configuration configure = new Configuration().configure();SessionFactory sessionFactory = configure.build...

【gitlab】gitlab相关基础知识、利用hyper-v安装ubuntu及在ubuntu环境下搭建本地gitlab服务_xiaoyinmochun的博客-程序员宅基地

一、git是什么?git是一个版本控制系统,可以看做一种工具,或者一种命令,常用到命令git config -- (一种工具)二、gitlab是什么?gitlab是基于git的一个开源项目,可以搭建到本地进行项目托管,并能够设置权限、发表评论、或者成员间进行代码沟通。(开源项目)三、gitlib是什么?gitlib是实现git的类包。(类包)四、github是什么?gi...

UVA 507 Jill Rides Again (选择最大和区间)_shao824714565的博客-程序员宅基地

Jill Rides AgainTime Limit:3000MS     Memory Limit:0KB     64bit IO Format:%lld & %lluSubmit Status Practice UVA 507 uDebugDescriptionJill likes to ride her bicycle, but since

随便推点

Android网络通信(8):WiFi Direct_weixin_34038652的博客-程序员宅基地

Android网络通信之WiFi Direct 使用Wi-Fi Direct技术可以让具备硬件支持的设备在没有中间接入点的情况下进行直接互联。Android 4.0(API版本14)及以后的系统都提供了对Wi-Fi Direct的API支持。通过对这些API的使用,开发者可以实现支持Wi-Fi Direct的设备间进行相互探测和连接,从而获得较之蓝牙更远距离的高速数据通信效果。对于诸如多人游戏、图...

共享栈和双端队列_作业写不完的卑微小cookie的博客-程序员宅基地_共享栈和双端队列

共享栈和双端队列一、共享栈相比于普通的顺序栈,共享栈主要是为了提高内存的利用率和减少溢出的可能性而设计的。为了增加内存空间的利用率和减少溢出的可能性,当两个栈共享一篇连续的内存空间时,应将两栈的栈底分别设在这片内存空间的两端,这样当两个栈的栈顶在栈空间的某一位置相遇时,才产生上溢。二、双端队列双端队列是一种插入和删除操作在两端均可进行的线性表,可以把双端队列看成栈底连在一起的两个栈。他们与两个栈共享存储空间的共享栈的不同指出是,两个栈的栈顶指针式向两端延伸的。由于双端队列允许在两端插入和删除元素,

Redis dict_jollyjumper的博客-程序员宅基地

今天看了redis dict部分的源码(dict.h,dict.c),跟大家分享一下。这两个文件包含了redis的hashtable的接口和实现。Redis中hashtable的主要特点是增量rehash,rehash毕竟是一个耗时的操作,redis把它分摊到hashtable的各个小操作中,从而让字典操作性能曲线比较平滑。既然要增量rehash,就要在一个dict中保留两个hasht

java篇/前端篇——java导出pdf文件2_你若精彩_天自安排的博客-程序员宅基地

很久以前写过一篇java导出pdf文件,现在对模板部分做一个补充,也是我自己的备份,使用的是iText+flying sauser将html模板强制转换为pdf文件。这里的初始文件用的是vm模板,人越来越懒了,只记要点了。1、目录链接目录: href="#n1">1 绪言内容:class="h1" name="n1">1 绪言2、分页

vue加token_宝儿的程序生涯的博客-程序员宅基地_vue添加token

今天遇到一个问题:登录了还一直让我去登录我才知道是需要给请求头加上token王哥说token 就是你登录的时候返回给你的数据这个token 你需要登录后 存起来然后 再开一个拦截器,每次访问请求的时候 都把这个token 加到请求头里面去不开拦截器的话 你就要在代码中 手动给你要发送的请求的请求头中 加上token然后我就去查如何 Vue 如何给请求带上请求头 | 如何带上t...

【翻译】WF从入门到精通(第十六章):声明式工作流_denglongsan0790的博客-程序员宅基地

上一篇:WF从入门到精通(第十五章):工作流和事务学习完本章,你将掌握:1.理解过程式(imperative)工作流模型和声明式(declarative)工作流模型之间的主要区别2.创建声明式工作流3.使用XAML XML词汇来创建工作流4.调入基于XAML的工作流并执行许多开发者或许并不知道WF既能用基于过程化的定...