python毕设,Django(前端,数据库一次搞定)从头教你实现一个简易好看的仓储物资管理系统
废话不多说,此为产品界面,一篇文章理清Django前端后台并实现一个好看的系统,git直接拉到底^_^

以下项目均由pycharm展示实现(请严格按照步骤来,否则会出现奇怪错误!!!😂)
1.创建项目
打开pycharm,新建一个Django项目 ,环境参考我的环境配置博文

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

2.建立应用
项目模版创建完成之后首先应该根据需求分析出自己需要几个app
打开此处的terminal (红圈所标)

那怎么知道自己需要几个应用呢,这就是产品的事啦,此处为啦方便描写,直接搜索,其他情况根据自己需求即可
如:本次我要做仓储物资管理系统 首先上网前去搜索相应的项目
以下为搜索所得
(引用自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文件


直接复制已经做好的前端模版(有自己的前端模版的同学可使用自己的,没有的用这个)
以下为我的前端模版 使用bootstrap框架
<!DOCTYPEhtml>{%loadstaticfiles%}<htmllang="zh-CN"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1"><metaname="description"content=""><metaname="author"content=""><title>仓储物资管理系统</title><linkhref="{%static'css/bootstrap.min.css'%}"rel="stylesheet"><linkhref="{%static'css/bootstrap.css'%}"rel="stylesheet"><linkhref="{%static'css/carousel.css'%}"rel="stylesheet"><linkhref="{%static'css/echartsHome.css'%}"rel="stylesheet"><linkhref="{%static'css/font-awesome.min.css'%}"rel="stylesheet"> </head> <body> <navclass="navbarnavbar-defaultnavbar-fixed-top"><divclass="container-fluid"><divclass="navbar-header"><buttontype="button"class="navbar-togglecollapsed"data-toggle="collapse"data-target="#bs-example-navbar-collapse-1"aria-expanded="false"><spanclass="sr-only">Togglenavigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button><aclass="navbar-brand"href="#">仓储物资</a></div> <divclass="collapsenavbar-collapse"id="bs-example-navbar-collapse-1"><ulclass="navnavbar-nav"><li><ahref="/storage/">仓库管理</a></li><li><ahref="/supplier/">供应商管理</a></li><li><ahref="/entry_storage/">入库管理</a></li><li><ahref="/out_storage/">出库管理</a></li><li><ahref="/subscriber/">客户管理</a></li><li><ahref="/goods/">货物管理</a></li></ul></div><!--/.navbar-collapse--></div><!--/.container-fluid--></nav> <divclass="container-fluid"><divclass="row-fluid"> <divclass="col-md-9"> <divid="doc"> {%blockdetails%}{%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中进行连接


成功啦!!!

如有问题欢迎联系
704020674@qq.com
但更重要的是善于自己百度哦^_^
网友评论