罗庄建设局网站,google adsense wordpress 插件,河北省电力建设第一工程公司网站,高端网站建设联系方式1、前期准备
部署好mysql数据库#xff0c;创建好unicom数据库下载好bootstap的插件下载好jquery的插件下载好mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl的安装包#xff0c;根据python的版本下载
2、创建项目
在pycharm中创建项目 在pycharm的终端创建虚拟环境 py -m v…1、前期准备
部署好mysql数据库创建好unicom数据库下载好bootstap的插件下载好jquery的插件下载好mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl的安装包根据python的版本下载
2、创建项目
在pycharm中创建项目 在pycharm的终端创建虚拟环境 py -m venv venv激活虚拟环境 这样就可以自动激活虚拟环境了 再安装需要的模块
pip install django把mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl放到项目跟目录 pip install mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl配置数据库打开settings.py DATABASES {default: {ENGINE: django.db.backends.mysql,NAME: unicom,USER: root,PASSWORD: 123456,HOST: 172.251.3.132,PORT: 3306,}
}创建app
py manage.py startapp app01注册app,在settings.py中添加最后一行
3、使用django创建数据库表
在app01的目录下的models.py中写如下代码 创建一个Department的表有一个部门名称的字段title django会自动给每个表加上自增长id字段
from django.db import models# Create your models here.class Department(models.Model):部门表title models.CharField(verbose_name标题,max_length32)执行数据库执行命令
py -3 manage.py makemigrations
py -3 manage.py migrate4、导航条编写
使用bootsrap的 需要引入静态文件 因为有不同的页面所以我们使用模板继承把导航条写在一个模板文件中layout.html 进入https://v3.bootcss.com/components/ 的官网找到导航条 把这个导航条的代码拷贝到自己的layout.html文件中在根据自己的需要做修改 修改后的layout.html内容如下
{% load static %}!DOCTYPE html
html langen
headmeta charsetUTF-8title部门管理/titlelink relstylesheet href{% static plugins/bootstrap-3.4.1/css/bootstrap.min.css %}{% block css %}{% endblock%}style.navbar {border-radius: 0;}/style
/head
body
nav classnavbar navbar-defaultdiv classcontainer!-- Brand and toggle get grouped for better mobile display --div classnavbar-headerbutton typebutton classnavbar-toggle collapsed data-togglecollapsedata-target#bs-example-navbar-collapse-1 aria-expandedfalsespan classsr-onlyToggle navigation/spanspan classicon-bar/spanspan classicon-bar/spanspan classicon-bar/span/buttona classnavbar-brand href#用户管理系统/a/div!-- Collect the nav links, forms, and other content for toggling --div classcollapse navbar-collapse idbs-example-navbar-collapse-1ul classnav navbar-navli classactivea href#部门管理 span classsr-only(current)/span/a/lilia href#用户管理/a/li/ulul classnav navbar-nav navbar-rightlia href#登录/a/lili classdropdowna href# classdropdown-toggle data-toggledropdown rolebutton aria-haspopuptruearia-expandedfalse张顺 span classcaret/span/aul classdropdown-menulia href#个人信息/a/lilia href#注销/a/lilia href#Something else here/a/lili roleseparator classdivider/lilia href#Separated link/a/li/ul/li/ul/div/div
/nav
div{% block content %}{% endblock%}
/div
script src{% static js/jquery-3.7.0.min.js %}/script
script src{% static plugins/bootstrap-3.4.1/js/bootstrap.min.js %}/script{% block js %}{% endblock%}
/body
/html5、部门列表编写
在urls.py中定义好路由
from django.urls import path
from app01 import viewsurlpatterns [path(depart/list/, views.depart_list),
]
在views.py中定义函数
from django.shortcuts import render,redirect,HttpResponse
from app01 import models
def depart_list(request):部门管理#去数据库中获取所有的部门列表#[对象]queryset models.Department.objects.all()return render(request,depart_list.html,{queryset:queryset})将从数据库获取的对象传给depart_list.html页面页面循环显示 使用了bootstrap的面板和表格所有的html都放到app01的templates目录
{% extends layout.html %}{% block content %}div classcontainerdiv stylemargin-bottom: 10pxa classbtn btn-success href/depart/add/新建部门/a/divdiv classpanel panel-defaultdiv classpanel-heading span classglyphicon glyphicon-list aria-hiddentrue/span 部门列表/divtable classtable table-borderedtheadtrthID/thth名称/thth操作/th/tr/theadtbody{% for item in queryset %}trtd{{ item.id }}/tdtd{{ item.title }}/tdtda classbtn btn-primary btn-xs href/depart/{{ item.id }}/edit/编辑/aa classbtn btn-danger btn-xs href/depart/delete/?nid{{ item.id }}删除/a/td/tr{% endfor %}/tbody/table/div/div{% endblock %}运行项目的效果
6、添加部门
在部门列表展示页点击新建部门需要跳转到新建部门的页面/depart/add/ 下面先定义路由
from django.urls import path
from app01 import viewsurlpatterns [path(depart/list/, views.depart_list),path(depart/add/, views.depart_add),
]在urls.py中定义函数 如果是get请求就返回depart_add.html部门添加的页面如果是添加了数据post提交数据就先获取post提交过来的部门名称title保存数据到数据库最后在返回到部门列表
from django.shortcuts import render,redirect,HttpResponse
from app01 import modelsdef depart_add(request):添加部门if request.methodGET:return render(request,depart_add.html)#获取用户POST提交过来的数据title request.POST.get(title)#保存数据到数据库models.Department.objects.create(titletitle)#重定向回部门列表return redirect(/depart/list/)在写depart_add.html
{% extends layout.html %}{% block content %}div classcontainerdiv classpanel panel-defaultdiv classpanel-heading新建部门/divdiv classpanel-bodyform classform-horizontal methodpost{% csrf_token %}div classform-grouplabel classcol-sm-2 control-label部门名称/labeldiv classcol-sm-10input typetext classform-control nametitle placeholder部门名称/div/divdiv classform-groupdiv classcol-sm-offset-2 col-sm-10button typesubmit classbtn btn-primary提交/button/div/div/form/div/div/div{% endblock %}效果如下
7、删除部门
定义路由urls.py
from django.urls import path
from app01 import viewsurlpatterns [path(depart/list/, views.depart_list),path(depart/add/, views.depart_add),path(depart/delete/, views.depart_delete),
]views.py 定义函数 通过在get路径后面传nid 来表示要删除的id,这个值是在depart_list.html中当点击删除的时候带出来的
from django.shortcuts import render,redirect,HttpResponse
from app01 import modelsdef depart_delete(request):删除部门# http://127.0.0.1:8000/depart/delete/?nid1#获取nidnid request.GET.get(nid)#删除数据库id为nid的值models.Department.objects.filter(idnid).delete()return redirect(/depart/list/)8、编辑部门
定义路由urls.py 将要编辑的id放到访问路径中
from django.urls import path
from app01 import viewsurlpatterns [path(depart/list/, views.depart_list),path(depart/add/, views.depart_add),path(depart/delete/, views.depart_delete),#http://127.0.0.1:8000/depart/2/edit/path(depart/int:nid/edit/, views.depart_edit),
]views.py 如果是get 请求根据nid获取数据库的对象对象包含id 和title,将title传给编辑页面显示当前编辑的是什么数据 提交数据后修改数据库的title字段重定向到部门列表页面
from django.shortcuts import render,redirect,HttpResponse
from app01 import models
##http://127.0.0.1:8000/depart/2/edit/
def depart_edit(request,nid):编辑部门if request.method GET:# http://127.0.0.1:8000/depart/2/edit/row_query models.Department.objects.filter(idnid).first()return render(request,depart_edit.html,{row_query:row_query})#获取用户提交的标题title request.POST.get(title)#修改数据库部门名称字段models.Department.objects.filter(idnid).update(titletitle)return redirect(/depart/list/)depart_edit.html 页面根添加的页面差不多的
{% extends layout.html %}{% block content %}div classcontainerdiv classpanel panel-defaultdiv classpanel-heading编辑部门/divdiv classpanel-bodyform classform-horizontal methodpost{% csrf_token %}div classform-grouplabel classcol-sm-2 control-label部门名称/labeldiv classcol-sm-10input typetext classform-control nametitle placeholder部门名称 value{{ row_query.title }}/div/divdiv classform-groupdiv classcol-sm-offset-2 col-sm-10button typesubmit classbtn btn-primary提交/button/div/div/form/div/div/div{% endblock %}
