<dl id="jqlpo"></dl>
<menuitem id="jqlpo"><strong id="jqlpo"><menu id="jqlpo"></menu></strong></menuitem>

<menuitem id="jqlpo"><optgroup id="jqlpo"></optgroup></menuitem>

      1. <menuitem id="jqlpo"></menuitem>
          <menuitem id="jqlpo"><optgroup id="jqlpo"></optgroup></menuitem>
          <nobr id="jqlpo"><optgroup id="jqlpo"></optgroup></nobr>
        1. 巔云智能建站平臺搭建版(創業門戶版)火爆上線,終身授權!新增:文章智能采集+全站真靜態打包+城市分站+智能小程序+非法詞過濾+H5自適應+智能鏈詞等功能功能詳情
          幫助文檔Help

          巔云前端vue3雙向數據綁定可視化布局系統操作手冊V4.0

          一佰互聯網站制作(www.qzedz.com) 發布日期 2021-06-22 09:26:45 瀏覽數: 2

          巔云前端雙向可視化布局系統操作手冊V4.0

           

          操作目錄

          1. 軟件開發背景 P02

          2. 軟件功能說明 P03

          3. 軟件安裝使用 P04

          4. 功能面板展示 P05

          5. 文件目錄結構 P09

          6. 特有數據結構 P10



          l 軟件開發背景

          網頁設計是一個相對復雜的過程。需要美工PS出圖、切片,HTML前端設計師布局(DIV+CSS),JS代碼開發編寫,一個完整的網頁就需要較長的時間才能完成開發。

           

          這時如果我們有一款可視化的布局器,將常用的一些網頁切成功能塊(如文字塊,圖片塊,新聞列表,產品列塊)然后據當前網頁需求將一些塊拼圖式、拖放式擺放到任意位置??鞄闯鲆粋€網頁來。且實現這些塊的整體樣式及塊內部HTML子元素自由風格定義。


          巔云前端可視化布局系統,就是一個實現了完全自定義的、所見即所得的一個非代碼式前端開發工具。大大提高網頁設計速度。

            

          軟件功能說明:

          巔云前端雙向可視化布局系統V4.0功能介紹:

           

          技術實現

          1、系統采用VUE雙向數據綁定機制及NODE.JS打包

          2、tinymce可視化文字編輯

          3、Ant-design-vue表單元素

          4、DIV自由拖拽,獨創網頁定位標尺線,DIV移動輔助線參考線。

          5、實現了拖放式增加DIV,右鍵面板、

          6、tinymce即時修改DIV內容,設置區域樣式,設置模塊及部件樣式

          7、高要擴展性:DIV類型可通過接口動態載入,獨創動態設置模塊內部哪些元素可以設置樣式。

          8、快捷方式:模塊有復制,刪除功能

          9、高安全:可隨時撤銷恢復。

          10、模塊動畫設置、不同類型模塊的私有設置項,風格調用等靈活擴展實現方案。

          11、實現了iframe消息傳遞更好的響應式布局方案,多端適配。

           

           軟件安裝:

           

          1、需系統安裝node.js,CD到系統目錄分為innerdemo(內層),outerdemo(iframe外層)

          2、內外層分別運行:npm install及npm run serve及可。

          3、訪問方式:http://localhost:80808081端口。

            

          黑白雙風格功能界面截圖:


           

           

           

           

           

           




          系統目錄結構:

          Inner /iframe內層目錄/文件

          說明

          dist

          打包后生成目錄

          node_modules

          Vue類組件安裝庫

          public

          靜態資源

          src

          核心目錄

          -components

          Module.vue 模塊功能實現

          ModuleBox.vue 區域模塊

          功能組件存

           

          -assets

          靜態資源

          -App.vue

          主模塊


          Outer/iframe外層目錄/文件

          說明

          dist

          打包后生成目錄

          node_modules

          Vue類組件安裝庫

          public

          靜態資源

          src

          核心目錄

          -components

          BoxSet.vue 模塊區域組件

          Head.vue   框架頂部組件

          ModalImg.vue 框架彈窗組件

          Module.vue 添加DIV面板

          Rclick.vue 右鍵功能

          Ruler.vue  標尺

          Setting.vue 模塊區域設置

          Spin.vue 加載入動畫

          功能組件外層指令

           

          -assets

          靜態資源

          -App.vue

          主模塊



          特有數據結構:

           




          一佰互聯是全國知名建站品牌服務商,我們有九年網站建設、網站制作、網頁設計、php開發和域名注冊及虛擬主機服務經驗,提供的自助建站服務更是全國有名。近年來還整合團隊優勢自主開發了可視化多用戶”巔云建站系統“3.0平臺版,拖拽排版網站制作設計,輕松實現pc站、手機微網站、小程序、APP一體化全網營銷網站建設 ,已成功的為全國上百家網絡公司提供自助建站平臺搭建服務。

          上一篇:二次開發實用技巧 | 下一篇:沒有了



          相關新聞more

          20
          04月
          不可輕視HTML5!App三年內將被html

          2007年W3C(萬維網聯盟)立項HTML5,直至2014年10月底,這個長達八年的規范終于正式封稿。過去這些年,HTML5顛覆了PC互聯網... >>詳情

          05
          04月
          總結的20條利于SEO網站建設內容,有助網站

          簡介:工欲善其事必先利其器,要想網站有一個好的排名帶來流量,最終帶來客戶,首先要把自己的網站建好,只有網站建好了,利于搜索引擎優化,才能有一... >>詳情

          15
          05月
          網站建設成功的因素你了解么,很多人都弄不清楚

          window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":... >>詳情

          19
          09月
          域名購買成功的注意事項:

          中文域名,是全球互聯網上代表中國的純中文頂級域名,與.CN域名一樣,全球通用,具有唯一性。中文域名具有好記,易推廣等特點近年來獲得大量用戶使... >>詳情

          高端網站建設

          美工兼顧SEO,為企業電子商務營銷助力!

          電話:

          023-85725751
          建站

          產品

          域名注冊 虛擬主機 云服務器 企業郵局
          智能建站 APP打包 微站/小程序 創業平臺
          網站推廣 媒體營銷 智能采集 AI機器人
          400電話 短信營銷 店銷機器人
          私人定制 門戶網站
          中国A级毛片免费观看