好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

pythondjango多级业务树形结构规划及页面渲染

项目说明

  设计一个 业务 树形结构规划,多层灵活型结构,

  从 建表设计 到 浏览器前端展示 整体的结构规划

  使用 python django web框架;和一个js 树形结构插件treeview(插件说明 http://HdhCmsTestcnblogs测试数据/jyh317/p/3763564.html)

表设计

  使用django models 设计表, 字段如下,新增业务时,在 upper_business 字段填上该业务的直属上级业务 ID 号(此id号为该表中已经存在的业务id号),若新增业务为最上级业务 upper_business 为空。

#工作业务
class Business_detail(models.Model):
    upper_business = models.IntegerField(blank=True, null=True, verbose_name=u'上级业务')
    name = models.CharField(max_length=100, unique=True, verbose_name=u'业务名称')
    info = models.TextField(max_length=200, null=True, blank=True, verbose_name=u'业务说明')
    domain = models.CharField(max_length=50, null=True, blank=True, verbose_name=u'域名')
    monitor_url = models.CharField(max_length=50, null=True, blank=True, verbose_name=u'监控页面')
    comment = models.CharField(max_length=100, blank=True, null=True, verbose_name=u'备注') 

在 django admin 后台添加新业务如图;可自行设计自己的前端新增业务页面,约束字段(如上级业务必须填写已存在id)

######## 开始前端展示 #########

视图函数

  在django views 中添加业务展示视图,使用django 特色models 查询出第一级业务(第一级业务唯一)传递到模板层

 def businessBasic(request):
    businessObj = Business_detail.objects.all()
     firster = businessObj.get(id=1)     #得到第一级业务
     return render_to_response('eams/businessBasic.html', locals()) 

前端模板

  浏览此下之前,需要对js 树形结构插件treeview 的使用有所了解

  先载入treeview js文件

   
        

业务树div 主体设计

{% load eamsfilter %}     
        

{{ firster.name }} {% if firster.id|getNextBusiness %}   {% for node in firster.id|getNextBusiness %}  {% include "eams/businessNode.html" %}   {% endfor %} {% endif %} $("#tree").treeview();

查看更多关于pythondjango多级业务树形结构规划及页面渲染的详细内容...

  阅读:41次