python+Django+mysql+bootstrap（前端，数据库一次搞定）从头教你毕设实现一个简易好看的仓储物资管理之类系统

最新推荐文章于 2024-09-30 17:34:03 发布

kulinbin

最新推荐文章于 2024-09-30 17:34:03 发布

阅读量1.2w

点赞数 41

文章标签： django mysql bootstrap mac

本文链接：https://blog.csdn.net/qq_40947673/article/details/104106573

版权

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

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

以下项目均由pycharm展示实现（请严格按照步骤来，否则会出现奇怪错误！！！😂）

1.创建项目

打开pycharm，新建一个Django项目，环境参考我的环境配置博文
704020674@qq.com
点击create，一个Django项目就创建完成啦

2.建立应用

项目模版创建完成之后首先应该根据需求分析出自己需要几个app
打开此处的terminal （红圈所标）
704020674@qq.com
那怎么知道自己需要几个应用呢，这就是产品的事啦，此处为啦方便描写，直接搜索，其他情况根据自己需求即可
如：本次我要做仓储物资管理系统首先上网前去搜索相应的项目
以下为搜索所得
（引用自https://wenku.baidu.com/view/f031626448d7c1c708a1455d.html），根据这个基本可知此项目我需要仓库管理，供应商管理，入库管理，出库管理，客户管理，货物管理六个（模块）app，（侵删）
在这里插入图片描述
根据需求新建六个app

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

python3 manage.py startapp storage

在这里插入图片描述
重复以上 app就建立完成啦如下

3.一些必不可少的设定

在主目录中注册app 打开左上侧项目文件夹
打开与项目名称一致的文件夹打开其中的setting.py 如下
在这里插入图片描述

拖到此处（INSTALLED_APPS）非常重要

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

以上为项目创建及app创建
《-----------------------————————————————————---------------------》

4.视图的创建

模版创建
所谓模版即前端界面
打开Template文件夹。新建html文件
在这里插入图片描述
新建html文件

直接复制已经做好的前端模版（有自己的前端模版的同学可使用自己的，没有的用这个）
以下为我的前端模版使用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>

我的框架展示
在这里插入图片描述
注意此处为导入静态文件

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

其他html的配置如下

如上此处即调用语句
在以下语句中间添加自己先搞的页面即可稍后叙述

{%blockdetails%}
{%endblock%}

配置好所有的html
在这里插入图片描述
》------------
接下来就是重头戏啦，配置view.py
视图配置。如图。其他五个views也按此进行配置（我这个是简易的，render的具体用法请百度，一般可将第三个参数设为redirect，就可自由跳转，否则前端界面可能跳转不畅）
在这里插入图片描述
我的配置，格式乱码中。。。。。

fromdjango.shortcutsimportrender

#Createyourviewshere.

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

5.配置URL

URL非常重要，配置之前应理清思路
配置url 打开主目录的url.py文件夹
主url配置
在这里插入图片描述

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

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
在这里插入图片描述
如下：依次创建好所有的urls

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

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

6.运行（成功一半啦）

完成以上配置点击运行
在这里插入图片描述
运行成功点击链接（可修改setting.py,将访问设成‘’*‘’，那么外网也可访问啦，此为本地访问）

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

7.数据库的配置（mac端，win端大同小异）

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

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

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

mysql -u root -p

然后输入密码，如果没有设置密码，直接按enter键。
在这里插入图片描述
然后写入sql命令
建库：
create database Mytest；（Mytest库名）

打开主文件夹的setting.py
在这里插入图片描述
找到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数据库自行配置
在这里插入图片描述

配置好啦之后就可以直接在model之中进行操作啦，那怎么建库呢，
首先应该画出e-r图和表之间的关系
根据图所示在相应的model之中构建相应的数据库
上e-r图（百度一下，侵删^^）
在这里插入图片描述

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

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

python manage.py makemigrations

将migration同步到数据库

python manage.py migrate

以上基本完成！！！！
附：
关于Django在terminal中建立数据库后
如何在pycharm中进行连接
在这里插入图片描述

成功啦！！！

但更重要的是善于自己百度哦^_^
GitHub:https://github.com/kulinbin/warehouse_manage

kulinbin

关注

41
点赞
踩
277

收藏

觉得还不错? 一键收藏
15
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫