美文网首页
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(前端

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

  • 前端文章系列

    【前端】从0.1开始,创建第一个项目 【前端】初识HTML 【前端】HTML标签 【前端】HTML属性 【前端】C...

  • Web前端小白入门指迷

    大前端之旅 大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR...

  • 推荐几个好的前端博客和网站

    前端开发博客前端开发博客-前端开发,前端博客 对前端知识结构的理解人类身份验证 - SegmentFault 脚本...

  • 2020-04-11

    前端工程化相关 前端动画相关 优化前端性能

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 2018-05-16

    web前端开发 什么是web前端 web前端开发也戏称“web前端开发攻城狮”,目前这个职位也叫“大前端”。这个职...

  • 前端学习:一个好的前端导航可以更好的学习前端

    前端导航: 前端网课(前端的网络课程,在线网站) 前端资源(有论坛等交流平台) 前端手册(html手册,css手册...

  • 2018-09-25

    前端学习 前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现...

  • 浏览收藏文章列表

    前端 frameset frame前端框架支持ie8选择前端框架选择2前端框架选择weexframeset,fra...

网友评论

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

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