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

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

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

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

    05
    04月
    網站建設一條龍

    網站建設一條龍看似簡單,但要做得精致卻很難。網站是企業發展的重要一環,只有足夠精致的網站才能承載起所應擔負的使命。在眾多的網站建設服務商中,... >>詳情

    01
    05月
    PHP中的日期及時間

    PHP有很多便于使用的函數以顯示及處理日期。 要以某種特定格式顯示日期或時間,可使用date()函數。它有兩個參數:如何顯示日期的格式以及代... >>詳情

    11
    04月
    網頁設計投稿規范 - 網頁設計 - yinx

    掃這個微信號,將你的文章鏈接發給他。請備注「投稿? 姓名? 公司? 職位」,否則不予通過,感謝。一年內在巔云發表單篇閱讀量過2萬,累積12篇... >>詳情

    22
    04月
    html 左中右自適應布局(使用calc c

    在最新的html標準中 有了個calc css表達式,我們可以用這個來計算布局。 但是在古老的IE中,卻不支持,為了所有瀏覽器的支持,這里用... >>詳情

    高端網站建設

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

    電話(微售):

    18581389571
    建站

    產品

    域名注冊 虛擬主機 云服務器 企業郵局
    智能建站 APP打包 微站/小程序 創業平臺
    網站推廣 媒體營銷 智能采集 AI機器人
    400電話 短信營銷 店銷機器人
    私人定制 門戶網站
    溝通客服
    展開
    91小仙女思妍丝袜,免费中文字幕无码视频,黑色丝袜老师自慰喷水动态图
    <td id="ku4iy"><source id="ku4iy"></source></td><nav id="ku4iy"></nav>
    <menu id="ku4iy"></menu><menu id="ku4iy"></menu>
  • <menu id="ku4iy"><menu id="ku4iy"></menu></menu>