Django之CURD插件
什么是CURD?
CURD顾名思义就是create,update,rearch,delete(所谓的增删改查).
当我们接到一个项目的时候,夸夸夸的就写完表结构,然后就一直写增删改查,增删改查,写了一个月,看似很认真效率很高，但是这里我要严肃的告诉你。你只需要一个配置文件就可以完成对表进行增删改查.什么???你不信?？and那么看看。
1.配置文件
配置文件需要放上面?
1.confi [{'q':数据库的字段名,
'title':表单的head名
'display' :1/0 是否可以显示
text:{content:.....
kwargs:{......}}}]
2.数据库内容
3.全局变量,主要针对的是choice
4.分页
msg={ 'config':config, 'data_list':list(data_list), 'global_dict':{ 'user_choice':models.UserInfo.user_choice, }, 'page_str':page_str, } config = [ { 'q': None, 'title': '选项', 'display': 1, 'text': { 'content':'<input type="checkbox"/>' }, 'attrs': {}, }, { 'q': 'id', 'title': 'ID', 'display': 0, 'text':None, 'attrs': {}, }, { 'q': 'username', 'title': '姓名', 'display': 1, 'text':{'content':'{username}', 'kwargs':{'username':'@username'}}, 'attrs': {'edit-enalbe':'true','edit-type':'input', 'name':'username','origin':'@username'}, }, { 'q': 'user_type', 'title': '用户类型', 'display': 1, 'text': {'content': '{n}', # @@ 后面的数据是要选择的元组 # 和一个@的区分开 'kwargs': {'n': '@@user_choice'}}, 'attrs': {'edit-enalbe':'true', 'edit-type':'select' ,'global-name':'user_choice','origin':'@user_type', 'name':'user_type'}, }, { 'q': 'nickname', 'title': '昵称', 'display': 1, 'text': {'content': '{nick}', 'kwargs': {'nick': '@nickname'}}, 'attrs': {'edit-enalbe': 'true', 'edit-type': 'input', 'name':'nickname','origin':'@nickname'}, }, { 'q': 'user2blog__surfix', 'title': '博客地址', 'display': 1, 'text': {'content': '{n}', 'kwargs': {'n': '@user2blog__surfix'}}, 'attrs': {'edit-enalbe':'fault'}, }, { 'q': None, 'title': '操作', 'display': 1, 'text': {'content': '<a href="/index-{nid}">{m}</a>', 'kwargs': {'nid': '@id',"m":'查看详细'}}, 'attrs': {}, }, ]
从上面可以看出来,我们根据q为字段去数据库中拿数据
q_list =[] for item in config: if not item['q']: continue q_list.append(item['q']) data_list_count = models.UserInfo.objects.all().values(*q_list)
放在列表里面的是我们想要拿到的数据库字段名数据.
操作没有数据则q为None
2.初始化table的head
function initHead(config) { $('#talbe_th').empty(); var tr = $('<tr></tr>'); $.each(config,function (k,v) { if (v.display){ var th=$('<th></th>'); th.html(v.title); tr.append(th) } });
3.{}的格式化
在配置文件中可以看到,conten:'{username}-{id}'
{}里面只的是我们需要格式化的内容,js没有格式化的函数,那么需要我们自定制.
String.prototype.format = function (kwargs) { var ret = this.replace(/\{(\w+)\}/g,function (km,m) { // {username}-{id} // 匹配成功后,km等于{username}和{id}, m等于 username和id // 'kwargs':{'username':'chenxuming','id':'1'}} return kwargs[m] }); return ret };
通过自定制,我们可以用.format方法进行格式化.
4.一个@
配置文件中有一个@的符号的代表取数据库中的数据.
如何取?
**思路**
嵌套三层循环
1.第一层:
数据库取到的数据循环,主要是循环取到数据库的行数........一行用一个tr标签
2.第二层,循环配置文件的config列表,列表嵌套了多个字典
每一个字典创建一个td标签
因为每一行都要有n列数据,字典里就有n个需要循环遍历.
3.第三层循环:
循环每一个config_values里的kwargs('kwargs':{'username':'@username','id':'@id'})
将带@符号的kwargs字典值替换数据库的值,没带的则不对应放在新的字典里 new_kwargs
最后将new_kwargs进行格式化转换
function initBody(config,data_list) { $("#table_tb").empty(); // 第一层 $.each(data_list,function (data_key,data_values) { var tr = $('<tr></tr>'); tr.attr('row-id',data_values['id']); // 第二层,循环配置文件的config列表 // 一个字典里: { // 'q': 'username', // 'title': '姓名', // 'display': 1, // 'text':{'content':'{username}-{id}', // 'kwargs':{'username':'@username','id':'@id'} $.each(config,function (config_key,config_values) { if (config_values.display){ var new_kwargs={}; var td=$('<td></td>'); // 第三层 $.each(config_values.text.kwargs,function (key,values) {else if (values[0]=='@'){ // 有一个@的代表去数据库的值 new_kwargs[key] = data_values[values.substring(1,values.length)]; } else{ new_kwargs[key] = values } } ); var temp = config_values.text.content.format(new_kwargs); td.html(temp); tr.append(td) } }); $("#table_tb").append(tr); }) }
这里执行了initBody(config,data_list)初始化了body
5.两个@
有两个@的代表了在choice取数据,编辑的时候生成select框.
**思路**
1,在config里@@后面的内容是choice存放元组的字段名,而''q''里存放的是choice选择的字段名.Intergerfile)
{ 'q': 'user_type', 'title': '用户类型', 'display': 1, 'text': {'content': '{n}', # @@ 后面的数据是要选择的元组 # 和一个@的区分开 'kwargs': {'n': '@@user_choice'}}, 'attrs': {'edit-enalbe':'true', 'edit-type':'select' ,'global-name':'user_choice','origin':'@user_type', 'name':'user_type'}, },
2.在前端初始化把choice元组设置成全局变量,因为很多地方都可以用到.
function initglobal(global_dict) { // 设置全局变量; // 'global_dict':{ // 'user_choice':models.UserInfo.user_choice,} // 拿到的是字符串,想要user_choice=models.UserInfo.user_choice // 等于 // window['user_choice']=models.UserInfo.user_choice $.each(global_dict,function (k,v) { window[k] =v }) }
3.在全局变量里获取@@的值
放在第三个循环里. 两个@@是if 一个@是else if if (values.substring(0,2) =='@@'){ // {#有两个@代表取choice里的值 // user_choice=( // (1,'普通用户'), // (2,'VIP'), // ) var global_name = values.substring(2,values.length); var current_id = data_values[config_values.q]; var ret = GetTextFromGlobalById(global_name,current_id); new_kwargs[key] =ret } function GetTextFromGlobalById(global_name,current_id) { var ret = null; $.each(window[global_name],function (k,item) { // console.log(item,current_id) // [1, "普通用户"] 1 // [2, "VIP"] 1 // [1, "普通用户"] 1 // [2, "VIP"] 1 // 如果 item[0] == current_i 返回内容 return跳出循环 if (item[0] == current_id){ ret = item[1]; return } }); return ret }
6.设置attr(标签的属性)
给标签设置attr属性.
可编辑,不可编辑,编辑类型.
设置attr在第二层循环的时候加一层.和并列第三层
// 循环attrs,将属性和值赋值给标签. // 'attrs': {'edit': 'true', 'edit-type': 'select'}, $.each(config_values.attrs,function (attrs_key,attrs_values) { if (attrs_values[0]=='@'){ td.attr(attrs_key,data_values[attrs_values.substring(1,attrs_values.length)]) } else{ td.attr(attrs_key,attrs_values) } });
在这里设置attr的时候可以通过@的符号来获取数据库的值.
跨表的时候q用__来跨表''q'':'FK__'
7.简单的使用
1.选项:
{
'q': None,
'title': '选项',
'display': 1,
'text': {
'content':'<input type="checkbox"/>'
},
'attrs': {},
},
2.不显示的
{
'q': 'id',
'title': 'ID',
'display': 0,
'text':None,
'attrs': {},
},
3.显示且可以编辑的:
{
'q': 'username',
'title': '姓名',
'display': 1,
'text':{'content':'{username}',
'kwargs':{'username':'@username'}},
'attrs': {'edit-enalbe':'true','edit-type':'input',
'name':'username','origin':'@username'},
},
4.跨表....显示不可编辑的:
{
'q': 'user2blog__surfix',
'title': '博客地址',
'display': 1,
'text': {'content': '{n}',
'kwargs': {'n': '@user2blog__surfix'}},
'attrs': {'edit-enalbe':'fault'},
},
5.choice类型:
{
'q': 'user_type',
'title': '用户类型',
'display': 1,
'text': {'content': '{n}',
# @@ 后面的数据是要选择的元组
# 和一个@的区分开
'kwargs': {'n': '@@user_choice'}},
'attrs': {'edit-enalbe':'true', 'edit-type':'select'
,'global-name':'user_choice','origin':'@user_type',
'name':'user_type'},
},
6.操作类型.
{
'q': None,
'title': '操作',
'display': 1,
'text': {'content': '<a href="/index-{nid}">{m}</a>',
'kwargs': {'nid': '@id',"m":'查看详细'}},
'attrs': {},
},
使用的时候注意每种类型需要不同的配置...
