我們分析軟體項目開發過程中各階段的時間占比可以慢慢體會到，一套軟體項目 UI及基本業務的設計會占到整個項目開發的50%以上的時間，再看UI設計，通用的部分占到70%以上，我們會想，如果能将這些重複簡易的工作能否通過簡易的操作來快速實作呢? 這樣可以将大部分的時間用到後續的真實業務邏輯處理上去，就可以縮段開發時間，節約開發成本。這樣的想法，我相信很多人都會有這樣的想法，既然我們有了這樣的項目，就可以規劃是否可以設計一個工具程式來實作我們這樣的目标。
以下思路，是根據自己項目開發經驗及我們想要實作的目标來實作的，此思路及實作方法不一定适合所有的人，當然實作的方法也有多種途徑，隻是根據個人擅長及自己所掌握的部分來逐個的實作。本篇隻做簡要說明，後續我将對設計時各部分碰到的問題及如果來實作做說明，對有想自己開發設計工具的朋友起到一個參照作用。
一、目标規劃
現在大部分的軟體項目一般都是采用B/S的架構，如果我們WEB項目 采用HTML+ JS + 背景 模式 是不是可以快速實作呢？既能支援跨平台，有能支援多種資料庫，那不是更省心了嗎？将來開發項目時，根據客戶的實際環境，選擇對應的語言，就可以快速實作了，并且前端的頁面及JS 可以在不同版本之間共用，這樣就更能省心了。朝着這個目的，可以制定出一個架構設計實作初步規劃。
重點分三部分：
1、WEB前端： 采用 HTML + Jquery + Js 自定插件
2、WEB後端： 采用 C#、Java 實作前端的互動業務處理邏輯（目的：針對IIS、Tomcat 的部署環境來分别實作出來）同時支援主流資料庫 Sqlserver、MySql、Oracle 等
3、WEB設計： 通過C/S 設計工具，來快速生成HTML網頁頁面（包含各控件運作時所需要的各種參數）
通過以上三個部分，可以将一個完整的工具組成就可以展現出來了。
當然，這對WEB設計端有很多種實作方式，例如 B/S 架構直接設計或C/S架構設計生成等，至于哪種實作方法，其實都無關緊要，重要的是最終的目标 是統一的，我們盡量開發實作時采用自己擅長的技術來實作了，至于想挑戰的朋友，可以通過邊學邊開發的模式未嘗不是一件好事，不管成功與否最起碼能從開發中學習到很多知識。
二、分步實作
我們已經明确規劃了開發工具的組成部分，那下一步就是來針對以上的部分分别來實作，當然，設計-運作 之間都是互相關聯的，我們可以先從簡單的最迫切需要實作設計端如何來繪制頁面開始，隻有後端設計頁面能實作出來了，後續的執行方能進展下去。
1、先實作C/S模式的頁面設計功能：
希望工具能通過拖拉控件的模式，在快速定位并生成控件，這樣先将簡單的執行個體實作出來，就說明我們已經具備可實作的基礎了。
網頁預覽效果：
我采用的 Winform 自定義控件繪制的方式來實作，将WEB項目中常用到的網頁控件，在背景設計端全部開發設計成插件，通過拖拉方式，将控件放置到我們的畫闆頁面上，這樣就可以初步實作了我們的頁面簡易設計功能。當然 我們将頁面繪制出來了，下一步生成頁面的HTML網頁就是相 對簡單了。
2、WEB前端JS插件實作
當我們網頁設計生成了，此時隻能說是實作了第一步，那麼我們需要對這些設計出來的頁面控件，實作複雜的功能，那麼我們采用JQUERY 自定插件模式，這樣，對設計出來的每種類型的控件，它所需要的取值、指派、事件注冊綁定、事件執行、樣式控制、屬性取值、指派等功能，全部通過JS來實作，這樣針對同類型的控件，可以重複使用。
例如：目錄樹、下拉選擇、日期選擇、複選、單選等等，
3、WEB後端的實作
我們開發出來的網頁，肯定需要跟背景進行資料的互動操作，那麼這塊我們也必須要實作，但是針對不同的部署運作環境，例如IIS、Tomcat等我們必須要分開實作這樣的功能，即通過兩種不同的語言，來實作相同的功能。網頁與背景的互動采用 AJAX 來實作，這樣就可以實作前端與背景資料的互動功能了。
三、目标實作
通過前面兩個步驟的執行，就可以将一個簡易的設計工具設計制作出來了。當然，這隻是一個起步，後續還有很多的功能有待實作，例如：流程、報表等等