<noframes id="3ff9n">
<address id="3ff9n"></address>
<noframes id="3ff9n"><address id="3ff9n"><listing id="3ff9n"></listing></address>

      <form id="3ff9n"><th id="3ff9n"><progress id="3ff9n"></progress></th></form>

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

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

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

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

        06
        12月
        香港虛擬主機哪家好?香港主機哪個好 ?

        香港虛擬主機哪家好 香港主機哪家好 香港虛擬主機哪家好?虛擬主機好不好,得看速度,價格,穩定性,配置等多方位還評比。一佰互聯國內運營6年以上... >>詳情

        03
        05月
        提高網站點擊率的4個最基本的優化方法

        1.TitleTitle標簽中一定要包含關鍵字,并且與網站主題密切相關。網站的Title不宜過長,一般保持在5~6字長度即可。而我們需要做的... >>詳情

        14
        04月
        創業公司融資造假潛規則:80%創業者都在說謊

        09月01日報道:夸大虛報融資金額,正成為創投圈公開的潛規則。資本漲潮時,謊言和故事能一個接一個地講下去,擊鼓傳花總能找到下一個&ldquo... >>詳情

        29
        03月
        企業微信公眾賬號代運營

        簡介:企業到底是自己運營微信好還是微信代運營好呢?對于一個小企業來說,自己運營公眾號花錢太多,實在是負擔太大了,所以最好的出路就是找第三方專... >>詳情

        高端網站建設

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

        電話(微售):

        18581389571
        建站

        產品

        域名注冊 虛擬主機 云服務器 企業郵局
        智能建站 APP打包 微站/小程序 創業平臺
        網站推廣 媒體營銷 智能采集 AI機器人
        400電話 短信營銷 店銷機器人
        私人定制 門戶網站
        溝通客服
        展開
        爆乳巨大BBW,AA高潮女人免费视频看,先锋影音AV麻豆国产精品

        <noframes id="3ff9n">
        <address id="3ff9n"></address>
        <noframes id="3ff9n"><address id="3ff9n"><listing id="3ff9n"></listing></address>

            <form id="3ff9n"><th id="3ff9n"><progress id="3ff9n"></progress></th></form>