python毕设,Django(前端,数据库一次搞定)从头教你实现一个简易好看的仓储物资管理系统

废话不多说,此为产品界面,一篇文章理清Django前端后台并实现一个好看的系统,git直接拉到底^_^

python管理仓库地址 用python做仓库管理网页_mysql

以下项目均由pycharm展示实现(请严格按照步骤来,否则会出现奇怪错误!!!😂)

1.创建项目

打开pycharm,新建一个Django项目 ,环境参考我的环境配置博文

python管理仓库地址 用python做仓库管理网页_django_02


点击create,一个Django项目就创建完成啦

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_03

2.建立应用

项目模版创建完成之后首先应该根据需求分析出自己需要几个app

打开此处的terminal (红圈所标)

python管理仓库地址 用python做仓库管理网页_bootstrap_04


那怎么知道自己需要几个应用呢,这就是产品的事啦,此处为啦方便描写,直接搜索,其他情况根据自己需求即可

如:本次我要做仓储物资管理系统 首先上网前去搜索相应的项目
以下为搜索所得
(引用自https://wenku.baidu.com/view/f031626448d7c1c708a1455d.html),根据这个基本可知此项目我需要仓库管理,供应商管理,入库管理,出库管理,客户管理,货物管理六个(模块)app,(侵删)

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_05


根据需求新建六个app

使用以下命令新建一个app(eg:storage)
命令(此处的‘python3’ 视python版本而定):

python3 manage.py startapp storage

python管理仓库地址 用python做仓库管理网页_mac_06


重复以上 app就建立完成啦 如下

python管理仓库地址 用python做仓库管理网页_mac_07

3.一些必不可少的设定

在主目录中注册app 打开左上侧项目文件夹

打开与项目名称一致的文件夹 打开其中的setting.py 如下

python管理仓库地址 用python做仓库管理网页_django_08


python管理仓库地址 用python做仓库管理网页_python管理仓库地址_09


拖到此处 (INSTALLED_APPS)非常重要

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_10


依次注册刚刚创建的app ,形式如下 (若不注册 可能会出现数据库的问题 及其他问题 注意最后的‘,’)

python管理仓库地址 用python做仓库管理网页_mysql_11


以上为项目创建 及app创建

《-----------------------————————————————————---------------------》

4.视图的创建

模版创建

所谓模版即前端界面

打开Template文件夹。新建html文件

python管理仓库地址 用python做仓库管理网页_django_12


新建html文件

python管理仓库地址 用python做仓库管理网页_mac_13


直接复制已经做好的前端模版(有自己的前端模版的同学可使用自己的,没有的用这个)

以下为我的前端模版 使用bootstrap框架

<!DOCTYPE html>
{% load staticfiles %}
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>仓储物资管理系统</title>
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
    <link href="{% static 'css/carousel.css' %}" rel="stylesheet">
    <link href="{% static 'css/echartsHome.css' %}" rel="stylesheet">
    <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">

</head>

<body>

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">仓储物资</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="/entry_storage/">入库管理</a></li>
                <li><a href="/out_storage/">出库管理</a></li>
                <li><a href="/storage/">仓库管理</a></li>
                <li><a href="/supplier/">供应商管理</a></li>

                <li><a href="/subscriber/">客户管理</a></li>
                <li><a href="/goods/">货物管理</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<div class="container-fluid">
    <div class="row-fluid">

        <div class="col-md-9">

            <div id="doc">

                {% block details %}{% endblock %}

            </div>
        </div>
    </div>
</div>

</body>
</html>

我的框架展示

python管理仓库地址 用python做仓库管理网页_django_14


注意 此处为导入静态文件

python管理仓库地址 用python做仓库管理网页_mac_15


注意此处为方便其他html可以调用index.html(不清楚的同学百度**Django {%blockdetails%}{%endblock%}**的用法)

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_16


其他html的配置如下

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_17


如上 此处即调用语句

在以下语句中间添加自己先搞的页面即可 稍后叙述

{%blockdetails%}
{%endblock%}

配置好所有的html

python管理仓库地址 用python做仓库管理网页_mysql_18


》------------

接下来就是重头戏啦,配置view.py

视图配置。如图。 其他五个views也按此进行配置(我这个是简易的,render的具体用法请百度,一般可将第三个参数设为redirect,就可自由跳转,否则前端界面可能跳转不畅)

python管理仓库地址 用python做仓库管理网页_django_19


我的配置,格式乱码中。。。。。

fromdjango.shortcutsimportrender

#Createyourviewshere.

defentry_storage(request):
returnrender(request,'entry_storage.html')

5.配置URL

URL非常重要,配置之前应理清思路

配置url 打开主目录的url.py文件夹

主url配置

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_20


python管理仓库地址 用python做仓库管理网页_mac_21


以下为我的配置(转博客格式好像乱啦^_^)

fromdjango.contribimportadmin
fromdjango.urlsimportpath
fromdjango.conf.urlsimporturl,include
fromDjango_仓储物资管理系统.viewsimportindex

urlpatterns=[
path('admin/',admin.site.urls),
url(r'^$',index,name='index'),
url(r'^',include('entry_storage.urls')),
url(r'^',include('goods.urls')),
url(r'^',include('out_storage.urls')),
url(r'^',include('storage.urls')),
url(r'^',include('subscriber.urls')),
url(r'^',include('supplier.urls')),]

app的URL配置

在每一个app文件夹下新建一个py文件 urls.py

python管理仓库地址 用python做仓库管理网页_mysql_22

python管理仓库地址 用python做仓库管理网页_django_23


如下:依次创建好所有的urls

python管理仓库地址 用python做仓库管理网页_mac_24


app下urls.py文件的设置,另外的app按以下配置即可

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_25

fromdjango.conf.urlsimporturl
from.importviews
urlpatterns=[
	url(r'^entry_storage/',views.entry_storage),
]

6.运行(成功一半啦)

完成以上配置点击运行

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_26


运行成功 点击链接(可修改setting.py,将访问设成‘’*‘’,那么外网也可访问啦,此为本地访问)

python管理仓库地址 用python做仓库管理网页_bootstrap_27


python管理仓库地址 用python做仓库管理网页_django_28


是的,你成功一半啦,接下来就是数据库啦,坚持就是胜利

7.数据库的配置(mac端,win端大同小异)

mac端启动mysql数据库并新建一个数据库(mysql安装请百度)
在终端中输入添加MySQL路径的命令:

PATH="$PATH":/usr/local/mysql/bin

在终端登录到MySQL的命令如下:

mysql -u root -p

然后输入密码,如果没有设置密码,直接按enter键。

python管理仓库地址 用python做仓库管理网页_django_29


然后写入sql命令

建库:

create database Mytest;(Mytest库名)

python管理仓库地址 用python做仓库管理网页_mac_30


python管理仓库地址 用python做仓库管理网页_python管理仓库地址_31

打开主文件夹的setting.py

python管理仓库地址 用python做仓库管理网页_django_32


找到DATABASES

将其中修改为(在已经安装开启mysql的情况下 其他数据库配置请参照其他文章)

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

其中’NAME’:‘warehouse_manage’ 为数据库的名字 其他根据自己的mysql数据库自行配置

python管理仓库地址 用python做仓库管理网页_mac_33

配置好啦之后就可以直接在model之中进行操作啦,那怎么建库呢,

首先应该画出e-r图和表之间的关系

根据图所示在相应的model之中构建相应的数据库

上e-r图(百度一下 ,侵删^^)

python管理仓库地址 用python做仓库管理网页_bootstrap_34


python管理仓库地址 用python做仓库管理网页_django_35


如下图所示,打开models.py,其他的app按这个数据库就行啦(没学过数据库的同学放弃吧😂),具体的models的参数百度一下,篇幅有限

python管理仓库地址 用python做仓库管理网页_mac_36

所有的models配置好啦就开始同步数据库啦
创建migration

python manage.py makemigrations

将migration同步到数据库

python manage.py migrate

以上基本完成!!!!

附:

关于Django在terminal中建立数据库后

如何在pycharm中进行连接

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_37


python管理仓库地址 用python做仓库管理网页_django_38


成功啦!!!

python管理仓库地址 用python做仓库管理网页_python管理仓库地址_39