

- 1 禅道二次開發簡介
- 2. 禅道擴展开发
- 2.1 禅道擴展机制简介
- 2.2. 新增獨立模塊
- 2.2.1 基本的代碼組織
- 2.2.2 新增控制層(control/zen)
- 2.2.3 新增模型層(model/tao)
- 2.2.4 新增視圖層(view/ui)
- 2.2.5 新增語言項lang和配置項config
- 2.2.6 新增前端樣式CSS和JavaScript
- 2.3. 修改已有模塊
- 2.3.1 對控制層(control/zen)擴展
- 2.3.2 對模型層(model/tao)擴展
- 2.3.3 對視圖層(ui)擴展
- 2.3.4 對樣式表CSS和JavaScript進行擴展
- 2.3.5 對多語言和配置進行擴展
- 2.4. 常用類庫
- 3. 禅道API
- 3.1 API機制簡介
- 3.2 需要登錄驗證的API調用
- 4 命令行調用
新增視圖層(view/ui) 分享鏈接 /book/extension-dev/new-view-1328.html
一、文件位置
禅道的视图层在ui目錄里编写,18系列版本的视图文件在view目錄里,20版本的代码都是在ui目錄进行编写。
還是以oa模塊爲例,新增一個browse頁面,需要增加一個extension/custom/oa/ui/browse.html.php文件。
二、代碼編寫
之前禅道的視圖文件直接使用PHP+原始HTML拼接進行渲染的,代碼封裝度不夠、很多組件無法複用,導致開發效率低、頁面風格不一致。爲了解決這些問題,禅道視圖層采用了新的組件式開發方式zin進行編寫。
具體的說明和寫法請參閱zin的官方文檔 https://openzui.com/zin/
一、zin命名空間
<?php namespace zin;
每個ui文件都需要首先聲明命名空間zin。
二、使用zin編寫頁面
禅道的每個頁面都是使用組件的方式進行開發的,每個組件都是一個PHP方法。以span標簽爲例:
<span class="text-lg font-bold">示例</span>
使用zin改爲組件形式:
span ( '示例', setClass('text-lg font-bold') );
三、基礎組件
如果想了解禅道所有的基礎組件,可以參閱組件的代碼。所有內置組件代碼都在 lib/zin/wg 目錄下,比如dtable组件是在 lib/zin/wg/dtable。
在編寫頁面的過程中,可以參考禅道已有的相似頁面,以便快速實現功能。
禅道ui常見的基礎組件有:
1. 表格列表 dtable
2. 表单 formGridPanel
3. 模块树菜单 moduleMenu
4. 功能菜单栏 featureBar
5. 右上角操作栏 toolbar
6. 左侧侧边栏 sidebar
7. 编辑器 editor
-
禅道産品
禅道開源版 禅道企業版 禅道旗艦版 禅道IPD版 -
核心功能
産品管理 項目管理 質量管理 效能管理 -
使用文檔
基本版手冊 企業版手冊 旗艦版手冊 IPD版手冊 開發中心手冊 -
幫助中心
积分問答 常見問題 論壇交流 使用視頻 Gitee GitHub -
關于我們
關于我們 禅道軟件 最新動態 禅道活動 -
禅道社區
禅道博客 積分排行 積分商城 禅道書院 -
聯系方式
聯系人:劉斌 電話:17685869372 微信:17685869372 Q Q:526288068北京、上海、深圳分部