前言
之前幾篇文章，都是為大家介紹作業流相關的知識，這一篇文章，我們先暫別作業流，定制一下左側導航，因為實在是太丑了，
正文
1.先看看我們定制完的左側導航吧，雖然不是特別的美觀，但是！但是跟頁面看起來很協調，有木有！
如果你覺得這款導航不好看，其實可以用本文的方式，定制成你喜歡的樣子
2.首先創建一個自定義串列用來保存導航，程序比較簡單就不截圖詳解了，有前面基礎的朋友，應該很容易做到，如下圖：
有幾點特別說一下，MenuSort是排序，ParentMenu就是子選單的父級，為了實作二級導航
3.用SharePoint Designer打開站點，找到母版頁，我們選中這個母版頁，發現不能設定為默認和自定義，說明，這個就是我們站點現在的默認母版頁，如下圖：
4.我們需要簽出母版頁，然后，在高級模式下編輯檔案，如下圖：
5.查找左側導航的位置，用瀏覽器的開發人員工具，如下圖：
6.根據找到的ID，很容易在母版頁里找到這個元素，如下圖：
7.我們不要洗掉默認的節點，可能會帶來未知錯誤，我這里是隱藏默認的，添加新的元素占位，如下圖：
好奇的小伙伴也可以刪掉試試，記得備份就好
8.在頭部參考腳本和樣式，還有添加一些自定義樣式，如下圖：
這個樣式全域生效，只要是參考了這個母版頁的頁面都生效
9.添加主要方法，一是讀取所有專案初始化到陣列里，二是通過篩選過濾，拼成我們需要的HTML，輸出到占位符，三就是用layui控制元件初始化這個左側導航，如下圖：
結束語
至此，所有操作就完成了，就做成了文章第一張圖的左側導航了，其實，整個操作對于熟悉前端的小伙伴，是非常簡單的，這就是SharePoint Online的便捷性，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/842.html
標籤：SharePoint