首页 > 其他分享 >从零开始的Django+vue项目实战(1)

从零开始的Django+vue项目实战(1)

时间:2024-07-03 22:27:02浏览次数:17  
标签:vue cmd py django python 从零开始 Django 输入

Introduction

这个系列的blog是为哈工大(威海)的企业与服务智能计算研究中心(ICES)的纳新培训任务准备的,但是也适合想学习django并快速上手项目的友友。
我们培训的目的要使新人学会web前后端开发。培训PPT里给出了用springbootvue3来实现,但是如今django也愈发流行,为了弥补PPT里没有django+vue实现的缺憾,我写了这个系列的blog。

Django的安装

方法1:pip安装

在命令行里输入

pip install Django

之后配置环境变量,到你的python目录下的site-packages找到django的位置,并把它加到环境变量里面。
将django的bin目录:D:\Program Files\Python36\Lib\site-packages\django\bin 添加到系统环境变量中,如下图所示,点击系统变量中的Path,选择编辑:
在这里插入图片描述

之后打开cmd,输入以下命令检查是否安装好:

>python
>>>import django
>>>django.get_version()

出现版本提示,则安装成功
在这里插入图片描述

方法2:pycharm安装

在这里插入图片描述

在这里插入图片描述

创建项目

新建一个文件夹,打开文件夹 ,右键选择“在终端中打开”,或者在路径栏里直接输入cmd,或者在cmd里用cd命令进入文件夹后。在cmd里输入:

django-admin startproject HelloWorld

此时,文件目录会自动生成。
在这里插入图片描述

项目结构


   manage.py		// 好东西,项目管理、启动、创建app、数据管理都在这里,不要动它
   HelloWorld
    	__init__.py
        settings.py	// 项目的配置文件,很多操作也在这里(链接数据库)
        urls.py		// url和python函数的对应关系都在这里,操作基本都在这里
        asgi.py		// 异步接受网络请求的
        wsgi.py		// 同步接受网络请求的
        

启动!

在cmd里,继续输入:

python manage.py runserver 

在这里插入图片描述

出现上图页面,而且没有报错。就成功了。
服务器此时已部署在127.0.0.1上面了。
可以ctrl+鼠标左键点击链接,在浏览器打开。
在这里插入图片描述
A good start is half done.我们的django开发学习正式踏上征途。后续我们会逐渐完善这个项目,实现一个登录页面。

标签:vue,cmd,py,django,python,从零开始,Django,输入
From: https://blog.csdn.net/qq_35328355/article/details/140144903

相关文章

  • Vue3实战笔记(64)—Vue 3自定义指令的艺术:实战中的最佳实践
    文章目录前言一、一些简单的Vue3自定义指令超实用案例总结前言书接上文,在Vue3中,自定义指令是一种强大的工具,允许我们扩展HTML元素的功能。通过自定义指令,我们可以创建可重用的行为,并将它们绑定到任何元素上。下面,本文备份一些简单的Vue3自定义指令超实用案例,并解释......
  • activiti流程配置——vue整合bpmn.js
    acitivti提供了流程图绘制的应用,可以整合到流程项目钟。但是现在很多项目都是前后端分离,vue前端开发比较多。所以,我用vue整合了一下bpmn。具体的整合过程,网上有大把的资料可以参考;我这边就不罗列了。我主要记录一下,vue整合bpmn过程中,对于activiti流程而言有几个地方要注意:......
  • Django学习第二天
    启动项目命令pythonmanage.pyrunserver动态获取当前时间javascript实现数据动态更新代码<script>setInterval(function(){varcurrentTimeElement=document.getElementById('current-time');varcurrentTime=newDate();......
  • 如何理解vuex中的每个概念(通俗易懂)
    文章目录1.什么是Vuex?2.Vuex的四个核心概念1.什么是Vuex?想象一下,你家里有一个大冰箱,所有家庭成员都可以访问这个冰箱。每个人都可以往里面放东西,也可以从里面拿东西。这个冰箱就像是Vuex中的“状态”,每个家庭成员(Vue组件)都可以共享这个状态。2.Vuex的......
  • 初学vue3, 全是黑盒子,vue3知识点汇总
    学习Vue.js应该像学习一门编程语言一样,首先要熟练掌握常用的知识,而对于不常用的内容可以简单了解一下。先对整个框架和语言有一个大致的轮廓,然后再逐步补充细节。千万不要像学习算法那样,一开始就钻牛角尖。前序:vueAPI的风格分为:选项式和组合式,vue2中一般用选项式,所以文章......
  • django西餐厅管理系统-计算机毕业设计源码10873
    摘要在现代餐饮行业中,高效的管理系统对于西餐厅的成功运营至关重要。为了满足西餐厅日益增长的管理需求,设计并实现了一款基于Python的西餐厅管理系统。Python作为一种简洁而易读的编程语言,具有广泛的应用领域,包括Web开发。结合Django这一强大的Web框架,我们可以快速构建......
  • Springboot+Vue加密通信
    前言本文旨在给出Springboot+Vue框架下的加密通信具体实现,同时为照顾非行业内/初学读者,第一小节浅显的解释下加解密方式,老鸟直接跳过。1加解密方式常见的加解密方式大概分成对称加密、非对称加密与信息摘要算法三类。下面仅从使用角度简单介绍下加解密方式:1.1对称......
  • 教你从零开始制作一个Web蜜罐扫描器
    01想法的来源在渗透的过程中,会遇到很多蜜罐,一旦不小心踩了蜜罐,就会被溯源,所以很可怕。为了规避上面的现象,就需要把蜜罐筛出来。使用场景是在前期资产收集的过程中,搞到了一堆子域名,先筛掉一批蜜罐,留下可以攻击的纯净资产。同上得到的一份资产如下:如上图所示,大量的域名如......
  • vue elementUI el-tree 下拉树功能(包括搜索/默认高亮/展开下拉框默认定位于选中项的位
    <template><div><el-form:model="formData"ref="refFormData"label-width="180px"><el-form-itemlabel="景点"prop="location_id"><el-selectv-model="formData.location_name&qu......
  • Vue3快速上手
    好久没上传了,闲来无事把囤积已久的笔记给上传上传1.Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址:Releasev3.0.0OnePiece·vuejs/core截止2023年10月,最新的公开版本为:3.3.41.1.......