微簡vipage是一款簡便好用的代碼自動(dòng)生成工具，非常適合前段工作用戶。能夠極速搭建原型，生成代碼直接用于開發(fā)，免費(fèi)云協(xié)作平臺(tái)，快速制作PC、移動(dòng)端的界面，自動(dòng)生成完整的前端代碼（html、js、css），傻瓜式拖拽，多框架支持(Ext、jQuery、MUI)。需要的朋友可以前來本站下載。

功能介紹

【適用用戶】

軟件開發(fā)相關(guān)人員（產(chǎn)品經(jīng)理、需求人員、設(shè)計(jì)人員、后臺(tái)開發(fā)、前端工程師、測試人員、美工等）；項(xiàng)目開發(fā)需求方（企業(yè)信息管理人員、創(chuàng)業(yè)人員、創(chuàng)意設(shè)計(jì)人員）。

【使用場景】

軟件項(xiàng)目中，一開始就畫出軟件的界面，以界面為主與用戶溝通，用戶很直觀的看到自己想做的東西，可以主動(dòng)、快速、準(zhǔn)確的確定需求；創(chuàng)業(yè)項(xiàng)目中，把自己的產(chǎn)品IDEAR迅速轉(zhuǎn)化為可以直接面對(duì)投資人溝通的演示模型（DEMO）。

【工具特點(diǎn)】

生成的代碼直接用于開發(fā)，包含了展現(xiàn)界面的 html、css、js、images、iconfont 元素；生成直觀包含交互操作的演示模型，以及清晰明確的功能注釋說明文檔；可以多人協(xié)同設(shè)計(jì)操作，所有開發(fā)角色甚至客戶都可以加入到原型配置、修改工作中來。

【技術(shù)突破】

直接生成完善前端代碼； 不受各種前端開發(fā)框架限制，只要是現(xiàn)代開發(fā)模式的項(xiàng)目，前后端代碼可分離那么就可以通過VJPAGE迅速生成界面；對(duì)于想快速學(xué)習(xí)、了解前端技術(shù)的人員（創(chuàng)業(yè)者、企業(yè)管理者、美工、文案工作者）可以最快速度通過VJPAGE跨入技術(shù)大拿行列（web系統(tǒng)開發(fā)、H5應(yīng)用、微信頁面、app設(shè)計(jì)）

使用方法

第一步：新建項(xiàng)目

打開主菜單，文件—>新建項(xiàng)目，輸入項(xiàng)目名稱：“我的項(xiàng)目”，選擇Jquery作為默認(rèn)框架。單擊確定按鈕

第二步：增加頁面

新建項(xiàng)目后，系統(tǒng)自動(dòng)進(jìn)入增加頁面界面。模板列表中選擇登錄，然后選擇“登錄1”，頁面寬度為1024。單擊創(chuàng)建按鈕。

系統(tǒng)自動(dòng)創(chuàng)建一個(gè)頁面并打開。將頁面名改為“登錄”。

第三步：修改標(biāo)題

單擊選中“微簡信息管理系統(tǒng)”，到屬性窗口把名稱改為“我的管理系統(tǒng)”，單擊保存按鈕

第四步：生成單個(gè)頁面

打開主菜單，工具->生成本頁面。設(shè)置目標(biāo)文件夾（存放生成的html文件）

單擊確定按鈕。第一個(gè)頁面就生成了。

第五步：增加第二個(gè)頁面

打開主菜單，頁面->增加頁面。選擇模板：整體頁面-人員管理。

將頁面重命名為“人員管理”。

第六步：加入鏈接

切換到“登錄”頁面。選中“登錄”按鈕，設(shè)置屬性“鏈接”，單擊旁邊的小按鈕，打開鏈接界面。

選擇“人員管理”，單擊確定按鈕。

第七步：生成全部頁面

打開主菜單，工具->生成全部頁面，單擊確定按鈕。

系統(tǒng)生成全部頁面，并自動(dòng)打開了索引頁面。

點(diǎn)擊左側(cè)列表中的登錄，打開登錄頁面。

點(diǎn)擊登錄頁面中的“登錄”按鈕，打開人員管理頁面。

點(diǎn)擊“展開主區(qū)域”按鈕，隱藏展示框架。

這樣基本的頁面、頁面間鏈接、修改頁面內(nèi)容就完成了。