Django之stark组件
现在让我说啥是stark组件，我也说不清楚。反正从今天讲的知识来看，今天完成的就是自己写一个模块，这个模块包含了admin后台管理工具的一些比较好用的功能，我们把它提炼出来，也就是相当于自己写一个admin后台管理工具，但这个工具不叫admin了，叫stark。既然是模仿admin的实现功能，所以整个执行过程和admin是一样的。首先我们得建一个stark包，即一个stark文件夹，在这里，我们也可以新建一个APP叫stark也行。
第一步，启动所有APP下的stark.py文件
每当我们创建一个新的APP时，文件夹下都会有一个admin.py的文件，这是django帮你做的，但现在的后台管理工具换成stark了，所以我们首先要在每个APP下新建一个stark.py的文件。怎么才能让django启动的时候，也把每个APP下的stark.py文件执行呢？？？？我们知道哈，admin是在它的__init__.py文件写了
def autodiscover():
autodiscover_modules('admin', register_to=site)
django项目启动的时候会执行每个APP下的apps.py文件，我们可以把这句代码写stark文件夹下的apps.py文件里，这样就能保证django项目启动后会执行这一句代码，然后通过这句代码，执行每个APP下的stark.py文件，这样我们就启动了每个APP下的stark.py文件。
apps.py
from django.apps import AppConfig
from django.utils.module_loading import autodiscover_modules class StarkConfig(AppConfig):
name = 'stark'
def ready(self):
autodiscover_modules('stark')
第二步，该写stark的源码了，完成注册功能
我们在stark文件夹下新建一个service文件夹用来放源码。
sites.py源码文件
class ModelStark():
def __init__(self,model):
self.model=model class StarkSite():
def __init__(self):
self._registry={}
def register(self,model,stark_class=None):
stark_class = stark_class or ModelStark
self._registry[model] = stark_class(model)
site=StarkSite()
我们可以给app01下的Book表和Publish注册
app01下的stark.py
from stark.service.sites import site,ModelStark
from app01.models import *
class BookConfig(ModelStark):
list_dispaly = ['name','price']
site.register(Book,BookConfig)
site.register(Publish)
这样就完成注册了
第三步，实现url的二级分发
urls.py
from django.contrib import admin
from django.urls import path
from stark.service.sites import site urlpatterns = [
path('admin/', admin.site.urls),
path('stark/', site.urls),
]
然后再去源码里添加内容
sites.py
class ModelStark():
def get_urls(self):
temp=[
path('',self.list_view),
path('add/',self.add_view),
re_path('(\d+)/delete/',self.delete_view),
re_path('(\d+)/edit/',self.edit_view),
]
return temp
@property
def urls(self):
return self.get_urls(), None, None class StarkSite():
def get_urls(self):
temp=[]
for model,config_obj in self._registry.items():
model_name = model._meta.model_name
app_label = model._meta.app_label
temp.append(path('%s/%s/'%(app_label,model_name),config_obj.urls))
return temp @property
def urls(self):
return self.get_urls(),None, None
这个二级分发的想法是很巧秒的，一级分发在StarkSite类里面定义的，二级分发是在配置类里面定义的。调用视图函数的对象变成了配置类对象。在注册模型类的时候，我们就说了，我们可以给每个模型类定制一个配置类，然后去继承ModelStark，从而每个模型类可以重新定义自己的变量，也可以使用ModelStark类的变量，这样变的很灵活。到此，stark的主要功能就写完了，接下来我只需对每个视图写上逻辑和自己定制templates模板，就完成了，说的很简单，但其实并不是那么简单。
第四步，首先写一个查询的视图函数和模板
我们把视图定义成Modelstark的一个方法，直接用模型类对象就可以调用。我们首先在stark文件下新建一个templates文件夹，django在找模板时，会现在全局找，然后再一个一个APP下找，所以我们不用修改任何设置就行。静态文件也是一个道理，如bootstrap文件和jQuery文件，我们直接在stark文件下新建一个static文件夹，然后放在里面就行，它也是先在全局找，然后再一个一个APP下找。我们为什么要把这些文件放在stark文件下，只是为了我们写的这个stark模块，以后用在任何项目里都可以，只需要把stark文件夹拷走就行了。
sites.py
class ModelStark：
list_dispaly=['__str__']
def _checkbox(self,obj=None):
if obj:
return mark_safe('<input type="checkbox" name="check" vlaue="%s">'%obj.pk)
return '选择'
def _delete(self,obj=None):
if obj:
model_name = self.model._meta.model_name
app_label = self.model._meta.app_label
return mark_safe('<a href="/stark/%s/%s/%s/delete">删除</a>'%(app_label,model_name,obj.pk))
return '删除'
def _edit(self,obj=None):
if obj:
model_name = self.model._meta.model_name
app_label = self.model._meta.app_label
return mark_safe('<a href="/stark/%s/%s/%s/edit">编辑</a>' % (app_label, model_name, obj.pk))
return '编辑' def get_new_list_display(self):
new_list_display=self.list_dispaly
new_list_display.insert(0,self._checkbox)
new_list_display.append(self._edit)
new_list_display.append(self._delete)
return new_list_display
def list_view(self,request):
queryset=self.model.objects.all()
header=[]
for field in self.get_new_list_display():
if field=='__str__':
header.append(self.model._meta.model_name.upper())
elif callable(field):
header.append(field())
else:
header.append(self.model._meta.get_field(field).verbose_name)
data=[]
for obj in queryset:
tr=[]
for field in self.list_dispaly:
if callable(field):
val=field(obj)
else:
val=getattr(obj,field)
tr.append(val)
data.append(tr)
return render(request,'list_view.html',locals())
list_view.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.css">
<script src="/static/js/bootstrap.js"></script>
<script src="/static/jquery-3.3.1.js"></script>
</head>
<body>
<div class="container">
<div class="title">所有书籍</div>
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
{% for foo in header %}
<td>{{ foo }}</td>
{% endfor %}
</tr>
</thead>
<tbody id="tbody">
{% for book in data %}
<tr>
{% for foo in book %}
<td>{{ foo }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>
学习stark第二天，今天完成的功能不多，主要是url的反向解析，利用ModelForm完成了添加和编辑页面的搭建和数据的校验，在这还是不得不说ModelForm真心地好用，开发这个东西的大佬确实用了心的，感谢大佬。最后写了一个删除函数。
一、实现url的反向解析
在前面的博客，我们就讲了反向解析的好处，在这就扯它的好处了，直接上代码。
sites.py
二级分发的代码稍有改动
self.model_name = model._meta.model_name
self.app_label = model._meta.app_label
self.app_model=(self.app_label,self.model_name)
def get_urls(self):
temp=[
path('',self.list_view,name='%s_%s'%self.app_model),
path('add/',self.add_view,name='%s_%s_add'%self.app_model),
re_path('(\d+)/delete/',self.delete_view,name='%s_%s_delete'%self.app_model),
re_path('(\d+)/edit/',self.edit_view,name='%s_%s_edit'%self.app_model),
]
return temp
写四个方法，通过反向解析分别拿到四个视图函数对应的路径，
def get_list_url(self):
return reverse('%s_%s'%self.app_model)
def get_add_url(self):
return reverse('%s_%s_add'%self.app_model)
def get_delete_url(self,obj):
return reverse('%s_%s_delete'%self.app_model,args=(obj.pk,))
def get_edit_url(self,obj):
return reverse('%s_%s_edit'%self.app_model,args=(obj.pk,))
以后哪里用到相关路径，直接调用方法就行了，如下：
def _delete(self,obj=None):
if obj:
return mark_safe('<a url="%s" class="delete btn btn-primary">删除</a>'%self.get_delete_url(obj))
return '删除'
def _edit(self,obj=None):
if obj:
return mark_safe('<a href="%s">编辑</a>' % self.get_edit_url(obj))
return '编辑'
二、完成添加和编辑页面和数据校验
首先得创建一个ModelForm类，为了灵活性，即用户可以自定义这个类，我们模仿了配置类写法。首先我们在默认的配置中写了一个方法，可以拿到我写的默认用的ModelForm类，然后用户可以在自定义的配置类里面重写这个方法，在放下重新定义一个ModelForm类，它就会覆盖默认的ModelForm类，从而用自定义的。
sites.py
def get_model_form_class(self):
class Model_Form(forms.ModelForm):
class Meta:
model=self.model
fields='__all__'
return Model_Form
app01用户的自定义配置类里可以重写这方法：
stark.py
from stark.service.sites import site,ModelStark
from app01.models import *
from django import forms
from django.forms import widgets as wid
class BookConfig(ModelStark):
list_dispaly = ['name','price']
list_display_link = ['name']
def get_model_form_class(self):
class Model_Form(forms.ModelForm):
class Meta:
model=self.model
fields='__all__'
widgets={'pub_date':wid.DateInput(attrs={'type':'date'})}
error_messages={'name':{'required':'不能为空','max_length':'小于15个字符'},
'price':{'required':'不能为空'},
'publish': {'required': '不能为空'},
'pub_date': {'required': '不能为空'},
'author': {'required': '不能为空'}}
return Model_Form
site.register(Book,BookConfig)
site.register(Publish)
sites.py
def list_view(self,request):
url=request.path
add_url=self.get_add_url()
zw_name=self.zw_name
queryset=self.model.objects.all()
header=[]
for field in self.get_new_list_display():
if field=='__str__':
header.append(self.model_name.upper())
elif callable(field):
header.append(field())
else:
header.append(self.model._meta.get_field(field).verbose_name)
data=[]
for obj in queryset:
tr=[]
for field in self.get_new_list_display():
if callable(field):
val=field(obj)
else:
val=getattr(obj,field)
if field in self.list_display_link:
val=mark_safe('<a href="%s">%s</a>'%(self.get_edit_url(obj),val))
tr.append(val)
data.append(tr)
return render(request,'list_view.html',locals())
def add_view(self,request):
url=request.path
pre_url=request.GET.get('next')
zw_name=self.zw_name
model_form=self.get_model_form_class() #在这调用的时候，应为APP01用户的自定义配置类下重新写了这方法，所以就调用自己写的，所以得到的ModelForm类就是自己定义的类，这样app01用户就可以控制ModelForm渲染标签的样式，还可以要校验的规则等
if request.method=='GET':
form=model_form()
return render(request,'add_view.html',locals())
else:
form=model_form(request.POST)
if form.is_valid():
form.save()
return redirect(pre_url)
return render(request,'add_view.html',locals())
def delete_view(self,request,num):
self.model.objects.filter(pk=num).first().delete()
return redirect(self.get_list_url())
def edit_view(self,request,num):
obj=self.model.objects.all().filter(pk=num).first()
zw_name = self.zw_name
model_form=self.get_model_form_class()
if request.method=='GET':
form=model_form(instance=obj)
return render(request,'add_view.html',locals())
form=model_form(request.POST,instance=obj)
if form.is_valid():
form.save()
return redirect(self.get_list_url())
return render(request,'edit_view.html',locals())
add.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.css">
<script src="/static/jquery-3.3.1.js"></script>
<script src="/static/js/bootstrap.js"></script>
<style>
.outer{
margin-top: 200px;
}
.title{
margin-bottom: 50px;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
.left{
position: fixed;
left: 0;
top: 20px;
}
</style>
</head>
<body>
<div class="left">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">操作栏</h3>
</div>
<div class="panel-body">
<div>
<a href="{% url 'app01_publish_add' %}?next={{ url }}" class="">添加出版社</a>
</div>
<div>
<a href="" class="">添加作者</a>
</div>
</div>
</div>
</div>
<div class="container outer">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div style="color: blue;font-size: 50px;text-align: center;font-family: 华文隶书" class="title">添加{{ zw_name }}</div>
<form action="" method="post" novalidate>
{% csrf_token %}
{% for field in form %}
<div class="form-group ">
<label for="id_{{ field.name }}">{{ field.label }}</label>
{{ field }}<span style="color: red">{{field.errors }}</span>
</div>
{% endfor %}
<button class="submit btn btn-info pull-right">提交</button>
</form>
</div>
</div>
</div>
<script>
$('input,select').addClass('form-control');
</script>
</body>
</html>
edit.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.css">
<script src="/static/jquery-3.3.1.js"></script>
<script src="/static/js/bootstrap.js"></script>
<style>
.outer{
margin-top: 200px;
}
.title{
margin-bottom: 50px;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
.left{
position: fixed;
left: 0;
top: 20px;
}
</style>
</head>
<body>
<div class="left">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">操作栏</h3>
</div>
<div class="panel-body">
<div>
<a href="{% url 'app01_publish_add' %}?next={{ url }}" class="">添加出版社</a>
</div>
<div>
<a href="" class="">添加作者</a>
</div>
</div>
</div>
</div>
<div class="container outer">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div style="color: blue;font-size: 50px;text-align: center;font-family: 华文隶书" class="title">编辑{{ zw_name }}</div>
<form action="" method="post" novalidate>
{% csrf_token %}
{% for field in form %}
<div class="form-group ">
<label for="id_{{ field.name }}">{{ field.label }}</label>
{{ field }}<span style="color: red">{{field.errors }}</span>
</div>
{% endfor %}
<button class="submit btn btn-info pull-right">提交</button>
</form>
</div>
</div>
</div>
<script>
$('input,select').addClass('form-control');
</script>
</body>
</html>
删除是没有页面的，用的是一个confirm确定框做的，写在了查询页面的js里面
list.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/css/bootstrap.css">
<script src="/static/js/bootstrap.js"></script>
<script src="/static/jquery-3.3.1.js"></script>
<style>
.title{
width: 100%;
height: 50px;
background-color:#337ab7;
color: yellow;
font-size: 40px;
line-height: 50px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="title">{{ zw_name }}列表</div>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading"><a href="{{ add_url }}?next={{ url }}" class="btn btn-info add">添加{{ zw_name }}</a></div>
<table class="table table-bordered table-hover table-striped">
<thead>
<tr>
{% for foo in header %}
<td>{{ foo }}</td>
{% endfor %}
</tr>
</thead>
<tbody id="tbody">
{% for book in data %}
<tr>
{% for foo in book %}
<td>{{ foo }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<script>
$('.delete').click(function () {
var url=$(this).attr('url');
var status=confirm('确定删除？');
if (status){
location.href=url;}
})
</script>
</body>
</html>
第二天就写到这里，明天继续。。。。。。。
Django之stark组件的更多相关文章
- 【django之stark组件】
一.需求 仿照django的admin,开发自己的stark组件.实现类似数据库客户端的功能,对数据进行增删改查. 二.实现 1.在settings配置中分别注册这三个app # Applicatio ...
- django 之 stark组件
----------------------------------------------------------------烦恼没完没了,内心动荡不安,呜呼哀哉. 一.有个特殊的需求,需要用sta ...
- Django之stark组件的使用和总结
Stark组件的使用 组件的字段 list_display=[] 需要显示的字段 list_display_links=[] #需要链接编辑字段 Stark_Model_Form=[] #设置Mode ...
- Django之stark组件1
stark组件 stark组件是根据Django admin为原型写的一个组件,能够让我们告别增删改查.stark组件是可插拔试的组件, 移植性强,而且只用配置文件就能够得到想要的数据 一.stark ...
- Django之stark组件2
action批量处理功能 用户可以自定义批量处理功能,但是默认的有批量删除功能. ***思路*** 1,定义一个列表用来装action的类名并extend用户自定义列表 2.循环该列表获取到函数名(用 ...
- stark组件之pop操作【模仿Django的admin】
一.先看下什么django的admin的pop到底是个什么东西 其实就是这么一个东西, a.在添加页面,在一对多和多对多的项后加了一个+号 b.点击这个加号,会弹出对应的添加 页面,在新的添加 c.添 ...
- stark组件之批量操作【模仿Django的admin】
一.先看下django的admin是如何实现批量操作 首先在配置类中定义一个函数 然后我们为这个函数对象设置一个属性,这个属性主要用来显示在select标签中显示的文本内容 最后把函数对象放到一个ac ...
- stark组件之搜索【模仿Django的admin】
一.先看下django的admin是如何做搜索功能的 配置一个search_fields的列表就可以实现搜索的功能 class testbook(admin.ModelAdmin): # 第一步,定义 ...
- stark组件之路由分发【模仿Django的admin】
一.先看下django的admin是如何进行路由分发的 1.先看下django的admin的url路径有哪些 其实很简单,假如有一个书籍表,那么每张表对应四个url,增.删.改.查 查看的url ht ...
随机推荐
- 【轻松前端之旅】HTML的块元素、行内元素和空元素
块(block)元素 显示成一块,前后有换行.块元素常用于web页面的主要构造模块.例如:<div>,<p>,<h1>~<h6>,<blockqu ...
- ActiveMQ_2安装
Linux安装 环境JDK7以上 gz文件拷贝到 /usr/local/目录下 解压 后缀为 .tar.gz的压缩包 进入解压后的文件夹 cd apache-activemq-x.xx.x/ cd b ...
- Bootstrap方法为页面添加一个弹出框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- 分享Azure DevOps技术，来微信群吧！
现在QQ用户越来越少,基本上都转移到微信上了. 讨论问题,动不动就来一个微信群.下面这样几百人的微信群,专门讨论Azure DevOps (TFS)技术,你加入了么? 还等什么,扫描吧!
- Vue学习笔记八：v-for，v-if，v-show指令
目录 v-for指令:遍历 HTML和效果图 v-for讲解 v-if和v-show:创建,删除,显示,隐藏 HTML和效果图 v-if和v-show的原理 v-for指令:遍历 HTML和效果图 有 ...
- 关于 SQL 注入的问题
拼串 (Statement)方式 1.编译次数多,效率比较低:会出现SQL注入问题(数据安全问题):先传参数再编译. 2.Sql文对应的字符串不一样,需要再次编译.Sql文对应的字符串一样,不会再编译 ...
- 【练习】Java中的读文件，文件的创建，写文件
前言 大家好,给大家带来Java中的读文件,文件的创建,写文件的概述,希望你们喜欢 读文件 public static void read(String path,String filename){ ...
- Servlet案例7：jsp技术及案例
jsp运行原理: 根据jsp文件创建java文件(servlet),并编译运行 第一次访问时会被翻译成servlet后执行 jsp三个指令: 1.page指令:页面翻译运行的属性的配置(通常使用默认) ...
- 怎样提供一个好的移动API接口服务/从零到一[开发篇]
引语:现在互联网那么热,你手里没几个APP都不好意思跟别人打招呼!但是,难道APP就是全能的神吗?答案是否定的,除了优雅的APP前端展示,其实核心还是服务器端.数据的保存.查询.消息的推送,无不是在服 ...
- 深度学习python的配置（Windows）
Windows下深度学习python的配置 1.安装包的下载 (1)anaconda (2)pycharm 2.安装教程 (1)anaconda a.降版本 b.换源 (2)pycharm a.修改h ...