[發明專利]一種所見即所得式的線上網站建設方法

有效

• 申請號: 201210426028.2
• 申請日: 2012-10-31
• 公開（公告）號: CN103793216A
• 公開（公告）日: 2014-05-14
• 發明（設計）人: 劉亞非;玉培華;翟社景
• 申請（專利權）人: 鄭州月太軟件有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 鄭州中原專利事務所有限公司 41109
• 代理人: 張春;李想

技術領域

本發明涉及一種建設網站的方法，具體地說是涉及一種所見即所得式的線上網站建設方法。

背景技術

隨著國際互聯網的迅速發展，網站的數量呈幾何倍數地快速增長。除了傳統的企事業單位以外，個體工商戶、個體從業者、自由職業者也都需要建設自己網站，把它作為一個展示、宣傳的途徑和渠道。而建設一個網站，則需要網站擁有者提供域名、網站空間、ip地址、網站主機和網頁等內容。網站擁有者要么自己來制作和維護網站（這就要求其具備相當水平的計算機和網絡技術），要么委托專業的網絡公司來制作網站，不僅花費資金很高，而且整套程序還非常繁瑣。

近兩年來，一種名為‘自助建站’的技術逐漸開始成熟。所謂自助建站，就是使用者利用其他網站自動提供的域名、網站空間、ip地址和網站主機，通過使用其提供的各種網站模板和內容管理系統，根據自己的需要來建設及更新自己的網站，從而使得網站建設與維護都變得容易起來。與自己單獨建設網站相比較，不僅步驟簡單，其費用也大幅度地降低了。

但是，目前的網站自助建設技術其普遍存在的一個缺點是：使用者在編輯、維護自己的網站及網頁內容時，無法實時看到最終的效果。只能在編輯結束后，通過‘預覽’功能或者通過登錄網站，才能看到最終的網站顯示效果。其編輯過程既不直觀，又繁瑣，還常常發生‘最終效果與預期效果不一致’的情況，往往需要反復調整，使得網站的編輯、維護時間浪費許多，維護成本大大增加。

發明內容

本發明為解決上述問題而提出一種所見即所得式的線上網站建設系統及方法，主要目的希望能夠利用本發明，使得使用者能夠以真正的‘所見即所得’的方式，編輯、維護自己的網站架構和網頁內容。

為實現上述目的，本發明采用以下技術方案：

一種所見即所得式的線上網站建設方法，它包括如下步驟：

①、用戶通過Web站點調用數據庫信息，并建立用戶自己的網頁頁面；同時數據庫返回網頁頁面數據，并在Web站點將網頁頁面顯示出來；

②、用戶利用Ajax技術創建模板編輯模塊，并將創建的模板編輯模塊放在以建立好的網頁頁面中；所述的模板編輯模塊存放在數據庫中；

③、當用戶對所得的模板編輯模塊進行編輯時，通過Javascript將更改數據發送至數據庫，數據庫返回更改結果數據至模板編輯頁面，同時將編輯后的模板編輯模塊顯示在網頁頁面上。

所述的模板編輯模塊按類別存放在數據庫中。

在所述的網頁頁面上設置控制按鈕，控制按鈕觸發模板編輯模塊啟動工作。

采用上述技術方案的本發明，對于使用者來說，其編輯和維護過程所面對的網站架構及網頁效果，與網站實際運行時的效果完全相同，從視覺效果來看，編輯狀態完全等同于運行狀態。這樣，編輯、修改過程不僅簡單、方便，而且非常直觀，減少了編輯和維護的次數，提高了工作效率，降低了維護成本，非常適合一般使用者、尤其是一般計算機操作人員的操作習慣。

附圖說明

圖1是本發明關于網站底層數據的流程圖。

圖2是本發明關于建置網站的流程圖。

圖3是本發明關于登錄驗證后進入網站建置的實施例。

圖4是本發明關于站點控制面板的實施例。

圖5是本發明關于頁面控制面板的實施例。

圖6是本發明關于模塊控制面板的實施例。

圖7是本發明關于完成建置退出后網站真實展現的實施例。

圖8是本發明關于網站底層設計的原理框圖。

具體實施方式

如圖1所示，一種所見即所得式的線上網站建設方法，主要采用Ajax技術實現，Ajax的核心是JavaScript對象XmlHttpRequest，使用它可以構建更為動態和響應更靈敏的Web應用程序。該方法的關鍵在于對瀏覽器端的JavaScript、DHTML和與服務器異步通信的組合。這種強大的力量可以使應用程序更加自然和響應靈敏，從而提升用戶的瀏覽體驗。它包括如下步驟：

①、用戶通過Web站點調用數據庫信息，并建立用戶自己的網頁頁面；同時數據庫返回網頁頁面數據，并在Web站點將網頁頁面顯示出來；

②、用戶利用Ajax技術創建模板編輯模塊，并將創建的模板編輯模塊放在以建立好的網頁頁面中；所述的模板編輯模塊存放在數據庫中；

③、當用戶對所得的模板編輯模塊進行編輯時，通過Javascript將更改數據發送至數據庫，數據庫返回更改結果數據至模板編輯頁面，同時將編輯后的模板編輯模塊顯示在網頁頁面上。