魔方財務是一套集客戶、產品、訂單、賬單管理於一體的自動化管理系統。滿足客戶自主下單、自助交付及自主管理目的無需人工干預，提高業務自動化水平
雖然智簡魔方官方自帶了一套模板，但往往有時候有人就喜歡其他的類型
很多的人會選擇去購買他人已經開發好的模板，但也有很多人會選擇自己開發
當我們去查看官方文檔時，我*，為什么就一點點教程，我去群里問問，群友一號“萬能debug”，群友二號“給一箱紅牛我告訴你”，群友三號“我也不會”
此時此刻，你萌生了放棄的想法，別急，看看我的教程！
第一步：
你肯定要有開發思路和大概樣式，並且懂一些html技巧
首先我們需要有一個能夠直接訪問的html頁面（如果你只是自己用，那就別看了）
如：
但是這個頁面他不能跟着魔方財務后台的修改而變化
那么這個時候我們就需要用到變量了（我是這么理解的）
我們需要把文件解刨成四部分：樣式文件、頭部文件、頁面文件、底部文件
樣式文件，我推薦放在assets文件夾中分成css、js、img、svg四個文件夾，以便於使用
頭部文件，也就是<!doctype html><html><head></head>這個部分的代碼片段
頁面文件，就是<body></body>里面的所有代碼片段
底部文件，位於</body>結束后的代碼片段
如何存放文件呢？
樣式文件存放於assets文件夾、頭部文件跟底部文件存放於common文件夾，並分別命名為header.html和footer.html，頁面文件就放在你模板的目錄（/public/themes/web/模板名字）
按照上面的教程，我們把文件解刨之后，把首頁文件命令index.html，接下來我們要把頭部跟底部文件引入到頁面里
頭部引入：{include file="common/header" /}
底部引入：{include file="common/footer" /}
大概是這樣子
<ignore_js_op>
當你訪問，你可能會發現css這些樣式全部404，這是因為我們要修改文件的路徑（大部分在頭部跟底部，少部分在頁面）
比如我的
<link rel="stylesheet" href="assets/css/theme.min.css">
我們只需要在assets前面加上{$setting.web_view}/就行了
也就是
<link rel="stylesheet" href="{$setting.web_view}/assets/css/theme.min.css">
把全部需要引入樣式文件的路徑全部修改一遍，大功告成
首頁就寫完了，快去欣賞一下你的傑作吧！
emmm，進階教程等我有空再更新~最后的最后，可以加入{debug}讓你看到系統的一些變量，也可以去參考官方模板！
注：以上內容轉自魔方論壇
怎么樣，看完你是否已經學會了如何開發一個魔方財務前端的主題首頁呢？看完就趕緊動起手來開發，現在行動，還可參與智簡魔方財務系統主題開發大賽哦~
最后，附上智簡魔方官方開發文檔鏈接： https://www.idcsmart.com/wiki_list/739.html
關於大賽
魔方財務系統是一款IDC主機銷售管理系統，擁有web前端展示平台。為了讓用戶更好地了解我們的平台，收集更多的優秀平台主題，因此舉辦了此次大賽，希望感興趣的朋友能夠踴躍報名參加，豐厚獎品等着你。
本次大賽設立最佳設計獎（1名）、優秀設計獎（2名）、入圍設計獎（3名），獎金總價值超過上萬元。優勝者作品除了會獲得現金獎勵外，其獲獎作品還將會上架到智簡魔方應用商店進行售賣，所得所有收益均歸開發者所有。同時，即日起微信掃碼進入智簡魔方官方活動群，參與本次大賽互動環節，還將有機會贏得重慶2日游大獎、魔方財務專業版和魔方大禮包等多種豐厚禮。福利多多，確定不來看看？
大賽官網：https://www.idcsmart.com/activity.html
參賽指南：https://www.idcsmart.com/news_cont/623.html
報名要求：有一定的開發技術基礎；會簡單的html 技術即可
報名截止時間：2021年7月6日——2021年9月15日24點整
報名方式：微信掃碼，添加客服微信了解
