django+layui药品倾销管理系统 数据库课设 django layui配置 交互
公沈浪
药品倾销管理系统
配置说明
| 包 | 版本 |
|---|---|
| django | 2.2 |
| layui | 2.5.6 |
| python | 3.6.2 |
| mysql | 随便 |
django项目创建以及导入layui
django命令行：
创建项目：
django-admin startproject projectname
cd projectname
django-admin startapp appname
反向生成model
python manage.py inspectdb
开始项目
python manage.py runserver
数据库迁移，正向更新数据库
python manage.py makemigrations 【app_name】
python manage.py migrate 【】app_name】
导入layui：
-
在主项目projectname下，创建static文件夹
-
appname目录下，创建templates文件夹，并在文件夹中再次创建appname文件夹，里面放需要的html文件
-
appname目录下，创建urls.py文件，里面存放这个app的url
-
主项目目录，settings文件修改数据库：
根据需要修改数据库引擎DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'my_databas', 'USER': 'root', # 连接mysql数据库的密码 'PASSWORD': '000422', 'HOST': '127.0.0.1', # mysql数据库的端口号 'PORT': '3306' } }修改静态资源的配置
STATIC_URL = '/static/' STATIC_ROOT = '' STATICFILES_DIRS = ( os.path.join('static'), ) -
将layui官网下载的文件解压，放入static文件夹
-
从layui官网随便找个html模板，放入templates
-
定义视图函数，定义路由，运行查看是否出现layui界面：
urlpatterns = [ path('',views.home,name='home'), ]视图函数
def home(request): return render(request,"appname/home.html")示例html界面，home.html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>layout 药品销售系统 - Layui</title> {% load staticfiles %} <link rel="stylesheet" href="{% static "layui/css/layui.css" %}"> </head> <body class="layui-layout-body"> <div class="layui-layout layui-layout-admin"> <div class="layui-header"> <div class="layui-logo">药品进销存管理系统</div> <!-- 头部区域（可配合layui已有的水平导航） --> <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item"> <a href="javascript:;">信息中心</a> <dl class="layui-nav-child"> <dd><a href="medicine/">药品信息</a></dd> <dd><a href="worker/">员工信息</a></dd> <dd><a href="customer/">客户信息</a></dd> <dd><a href="producer/">厂家信息</a></dd> <dd><a href="inv/">库存信息</a></dd> </dl> </li> <li class="layui-nav-item"><a href="">采购</a></li> <li class="layui-nav-item"><a href="">销售</a></li> <li class="layui-nav-item"> <a href="javascript:;">其它系统</a> <dl class="layui-nav-child"> <dd><a href="">邮件管理</a></dd> <dd><a href="">消息管理</a></dd> <dd><a href="">授权管理</a></dd> </dl> </li> </ul> <ul class="layui-nav layui-layout-right"> <li class="layui-nav-item"> <a href="javascript:;"> <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心 </a> <dl class="layui-nav-child"> <dd><a href="">基本资料</a></dd> <dd><a href="">安全设置</a></dd> </dl> </li> <li class="layui-nav-item"><a href="">退出</a></li> </ul> </div> <div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域（可配合layui已有的垂直导航） --> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a class="" href="javascript:;">信息中心</a> <dl class="layui-nav-child"> <li class="layui-nav-item"> <a href="javascript:;">药品信息</a> <dl class="layui-nav-child"> <dd><a href="medicine/add">添加药品</a></dd> <dd><a href="/medicine/update">修改药品</a></dd> <dd><a href="/medicine/select">查找药品</a></dd> <dd><a href="/medicine/delete">删除药品</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">员工信息</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">添加员工</a></dd> <dd><a href="javascript:;">修改员工</a></dd> <dd><a href="javascript:;">查找员工</a></dd> <dd><a href="javascript:;">删除员工</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">客户信息</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">添加客户</a></dd> <dd><a href="javascript:;">修改客户</a></dd> <dd><a href="javascript:;">查找客户</a></dd> <dd><a href="javascript:;">删除客户</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">厂家信息</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">添加厂家信息</a></dd> <dd><a href="javascript:;">修改厂家信息</a></dd> <dd><a href="javascript:;">查找厂家信息</a></dd> <dd><a href="javascript:;">删除厂家信息</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">库存信息</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">添加库存</a></dd> <dd><a href="javascript:;">修改库存</a></dd> <dd><a href="javascript:;">查找库存</a></dd> <dd><a href="javascript:;">删除库存</a></dd> </dl> </li> {# <dd><a href="">超链接</a></dd>#} </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">采购</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">添加进货信息</a></dd> <dd><a href="javascript:;">修改进货信息</a></dd> <dd><a href="javascript:;">查找进货信息</a></dd> <dd><a href="javascript:;">删除进货信息</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">销售</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">添加销售信息</a></dd> <dd><a href="javascript:;">修改销售信息</a></dd> <dd><a href="javascript:;">查找销售信息</a></dd> <dd><a href="javascript:;">删除销售信息</a></dd> </dl> </li> </ul> </div> </div> <div class="layui-body"> <!-- 内容主体区域 --> <div style="padding: 15px;">这是主页面</div> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="/static/layui/layui.css" media="all"> <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 --> </head> <body> <script src="/static/layui/layui.js" charset="utf-8"></script> <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 --> {# 代码写在这里！！！！！#} {# 代码写在这里！！！！！#} </body> </html> </div> <div class="layui-footer"> <!-- 底部固定区域 --> © layui.com - 底部固定区域 </div> </div> <script src="../src/layui.js"></script> <script> //JavaScript代码区域 layui.use('element', function(){ var element = layui.element; }); </script> </body> </html>源码
开源在我的gitee仓库: 戳
类似资料：