<optgroup id="500h0"></optgroup><track id="500h0"><i id="500h0"><code id="500h0"></code></i></track>
      <track id="500h0"><i id="500h0"><del id="500h0"></del></i></track>

      <optgroup id="500h0"><em id="500h0"><pre id="500h0"></pre></em></optgroup>

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

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

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

      巔云前端雙向可視化布局系統操作手冊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

      12
      05月
      專業網站建設安全穩定的網絡美好環境

      通過網絡網站我們讓我們更加了解生活,更加體驗生活。我們生活的所有需要跟事件都能通過網絡網站進行查詢和獲取。網絡網站的存在讓我們的生活更加美好... >>詳情

      14
      05月
      網站SEO要想得分高怎么做_巔云建站

      SEO得分高做?對于一個的如何?可能有的SEOre是很茫然的,網站排名為何遲遲不上來?到底網站SEO優化是否達到搜索引擎的需求,網站樣可以拿... >>詳情

      04
      04月
      微信小程序的機遇你視而不見,別人已經搶占小程

      簡介:2017年1月9日微信小程序上線,這一年也被稱為小程序元年,在小程序里每個創業者,都可以放飛自己的夢想。不管你是在辦公樓里,還是在路口... >>詳情

      26
      03月
      一位全職媽媽的感慨:抖音讓我和孩子有了共同的

      簡介:怎樣更好地陪伴孩子?這可能是很多父母需要面對的問題。最近,在抖音上有96萬粉絲的達人“@國民弟弟徐肖恩”的媽媽給出了她的答案。在接受采... >>詳情

      高端網站建設

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

      電話:

      023-85725751
      建站

      產品

      域名注冊 虛擬主機 云服務器 企業郵局
      智能建站 APP打包 微站/小程序 創業平臺
      網站推廣 媒體營銷 智能采集 AI機器人
      400電話 短信營銷 店銷機器人
      私人定制 門戶網站
      男人又色又爽又黄的视频

          <optgroup id="500h0"></optgroup><track id="500h0"><i id="500h0"><code id="500h0"></code></i></track>
          <track id="500h0"><i id="500h0"><del id="500h0"></del></i></track>

          <optgroup id="500h0"><em id="500h0"><pre id="500h0"></pre></em></optgroup>

          <track id="500h0"></track><legend id="500h0"><li id="500h0"></li></legend>
          <optgroup id="500h0"><em id="500h0"><pre id="500h0"></pre></em></optgroup>