魔方财务是一套集客户、产品、订单、账单管理于一体的自动化管理系统。满足客户自主下单、自助交付及自主管理目的无需人工干预，提高业务自动化水平
虽然智简魔方官方自带了一套模板，但往往有时候有人就喜欢其他的类型
很多的人会选择去购买他人已经开发好的模板，但也有很多人会选择自己开发
当我们去查看官方文档时，我*，为什么就一点点教程，我去群里问问，群友一号“万能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点整
报名方式：微信扫码，添加客服微信了解
标签：文件,财务,魔方,主题,大赛,html,模板,页面 来源： https://www.cnblogs.com/idcsmart/p/15185393.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。