1 修改記錄
| 時間 | 描述 |
|---|---|
| 2017-07-28 | 建檔 |
| 2017-07-30 | 修改配圖 |
2 正文
本方案使用的Axure RP 8。
2.1 需求說明
利用Axure RP製作原型時，通常會將功能頁面儘可能劃分成小模塊，分成多個子頁面，以便修改。例如A頁面可以劃分爲a，b，c三個子模塊，那麼在Axure RP中A下面有abc三個子頁面。
這三個子頁面在發佈之後會顯示在菜單中，在向客戶展示的時候，如何需要隱藏abc三個菜單，只顯示A菜單？
2.2 環境預置
新建一個項目，將index頁面更名爲"版本升級"；“版本升級"下分"第1步”、“第2步”、"第3步"三個子頁面。
升級分三個步驟，"版本升級"頁面中通過內聯框架引用三個子頁面，利用"上一步"和"下一步"兩個按鈕控制升級步驟（實現不做講解）。現要求生成HTML文件後，首頁隱藏掉三個子頁面的菜單項。
2.3 解決方案
Axure RP生成HTML文件之後，會產生五個文件夾、四個首頁HTML文件以及菜單對應的各個HTML文件。
查看首頁HTML文件的源代碼可以發現，主要引用了resources和data兩個文件夾裏面的JS文件，首頁菜單的初始化數據就是data提供的。所以只需要修改掉data/document.js裏面的菜單數據即可。
2.3.1 備份data文件夾
發佈項目，在"生成HTML文件"的配置界面裏面選擇"頁面"選項卡，取消"生成全部頁面"，只勾選你需要顯示的菜單結構。例如，這裏只需要顯示到"版本升級"，那就只勾選該頁面。
生成HTML文件之後，data/document.js裏面的菜單初始化數據就只有所勾選的部分。將data文件夾備份到其他位置。
2.3.2 生成完整的HTML
再次發佈項目，勾選"生成全部頁面"，生成完整項目的HTML文件。
2.3.3 覆蓋data文件夾
將備份的data文件夾覆蓋掉完整項目裏面的data文件夾即可。
2.4 總結
- 生成HTML文件後，項目結構會保存到
data/document.js。index.html通過該文件生成菜單； index.html通過本地相對地址訪問其他HTML文件，所以儘管菜單上沒有子頁面，但不影響父頁面內部對子頁面的引用。前提是必須生成子頁面的HTML文件。