美文网首页
python+Django+mysql+bootstrap(前端

python+Django+mysql+bootstrap(前端

作者: 料峭寒风 | 来源:发表于2020-02-01 14:17 被阅读0次

    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

    但更重要的是善于自己百度哦^_^

    GitHub:https://github.com/kulinbin/warehouse_manage

    相关文章

      网友评论

          本文标题:python+Django+mysql+bootstrap(前端

          本文链接:https://www.haomeiwen.com/subject/ihtxxhtx.html