快速開發(配置前台頁面)

2021-09-01 11:31:20 字數 695 閱讀 9258

由於現在的業務需求,導致前台有很多頁面的標籤大部分都是一樣的,出於對開發速度、方便,以及**的復用性考慮,將前台整體的頁面結構做了乙個調整。將原來的導航欄層-業務頁面層調整為導航層-業務頁面層-基礎標籤層。如下圖:

標籤庫里的所有標籤都繫結有特定的資料,開發時只需要將標籤庫中需要用的標籤配置到業務頁面,整個頁面就搭建完成,獲取資料時,只需要寫乙個與業務頁面相對應的js指令碼,並寫乙個名為submit的函式,在函式裡面呼叫main.getdata(params)注:params是相應標籤的名字,即可獲取此標籤繫結的資料,設定資料時,呼叫main.setdata(param1,param2)注:param1是相應標籤的名字,param2是想要設定的值。就完成了資料繫結。到此,頁面開發完成。

附上業務頁面的**,js,以及效果圖

業務頁面**:

效果圖

vue 多頁面開發配置

增加 vue.config.js 內容如下 const fs require fs const path require path const glob require glob const titles require title.js const mod path path.resolve di...

flask 開發配置

一 在虛擬機器裡面安裝ubuntu系統.略 二 apt install python3 pip 安裝pip,pip3 install upgrade pip 三 pip3 install virtualenv 安裝虛擬環境 virtualenv env 建立環境 virtualenv no site...

webpack開發配置

webpack打包js配置 新增eot woff ttf svg 把resposive直接打包到vendor,頁面無需引入 新增環境判斷 動態獲取publicpath authors jean chueng jean0920 163.com date 2016 08 08 10 41 31 vers...