首頁 »
2009/12/29

Web Application Toolkit for FAQs 簡介與操作示範

Web Application Toolkit for FAQs
本篇為祭司的微軟教學及錄影文章
【邊做邊學 Web Application Toolkit 系列 3 - Web Application Toolkit for FAQs 簡介與操作示範】。許多公司或商業網站都會有 FAQs 常見問題的功能,用以提供一些技術或消費購物常見問題的回答,讓網站使用者可以自行查詢關心的問題,找尋正確或相關的答案,這是一個網站不可或缺的功能。

【邊做邊學 Web Application Toolkit 系列 3 - Web Application Toolkit for FAQs 簡介與操作示範】教學錄影請看微軟官方網站之網址:
http://msdn.microsoft.com/zh-tw/ee872439.aspx


一.Web Application Toolkit for FAQs 概觀

許多公司或商業網站都會有 FAQs 常見問題的功能,用以提供一些技術或消費購物常見問題的回答,讓網站使用者可以自行查詢關心的問題,找尋正確或相關的答案,這是一個網站不可或缺的功能。

然而對於這種標準化的網站需求,您不必再重複造輪子了,只需使用 Web Application Toolkit for FAQs 套件便可快速建立網站所需的 FAQs 常見問題功能,十分的方便迅速,其主要功能說明如下:

  • 依主題分類瀏覽與檢視 FAQs 常見問題
  • 使用 jQuery 與 ASP.NET AJAX 提供良好的使用者互動經驗
  • 提供管理者網站介面,建立、編輯與刪除 FAQs 問題與 Topic 主題
  • 透過關鍵字搜尋相關的 FAQs 常見問題
  • 透過友善 URL 方式存取 FAQs 常見問題
  • 提供 RSS feeds 以利散佈 FAQs 更新
  • 可對 FAQs 進行 Ratings 評分


圖1 FAQs 網站

在安裝使用 Web Application Toolkit for FAQs 工具套件前,必須先安裝以下兩個必要項目:

  1. Microsoft SQL Server 2008 (Express Edition) 或更新版本
  2. ASP.NET MVC 1.0

二.Web Application Toolkit for FAQs 套件與專案範例

Web Application Toolkit for FAQs 套件附有許多資源,主要包括了:FAQs 範例程式、技術說明文件、MVC 組件與 FAQ 專案的 Visual Studio 樣板,以下是說明:

  • Web Application Toolkit for FAQs下載與安裝

    請至 http://code.msdn.microsoft.com/toolkitfaqs 網址下載安裝「Web Application Toolkit for FAQs」套件,預設解壓縮路徑為「C: WebAppToolkitFAQ」,解壓縮完成後,裡面有 code、docs、libs、VisualStudioTemplate 四個目錄,分別是範例程式、技術說明文件、ASP.NET MVC 參考組件與 FAQ Web Application 的 Visual Studio 專案樣板。


    圖2  WebAppToolkitFAQ 目錄

  • 安裝 FAQ Web Application 的 Visual Studio 專案樣板

    接著請到 VisualStudioTemplate 目錄中,安裝 FAQ Web Application 的 Visual Studio 專案樣板,點選「FAQWebApplication.vsi」程式執行安裝。


    圖3 FAQWebApplication.vsi 程式


    圖4 執行 FAQ Web Application 樣板安裝

  • Web Application Toolkit for FAQs 技術說明文件

    以瀏覽器開啓「C: WebAppToolkitFAQdocsOverview.htm」檔案,裡面便是 Web Application Toolkit for FAQs 技術說明文件,包括了概觀、網站功能操作管理及專案程式的基本說明。


    圖5  Web Application Toolkit for FAQs 技術文件說明

三.建立與操作 Web Application Toolkit for FAQs 網站

在此將示範 Web Application Toolkit for FAQs 網站建立與操作管理,以下是說明:

  • 建立 FAQ Web Application 專案

    請開啓 Visual Studio 2008 開發工具,選擇 Web 專案中的「FAQ Web Application」範本,按下【確定】按鈕便可建立 FAQ Web Application 專案。


    圖6 建立 FAQ Web Application 專案

    在 專案建立完成後,映入眼廉的是專案程式畫面,基本上 FAQ Web Application 專案主體是用 ASP.NET MVC 技術所建立的,而非傳統的 ASP.NET WebForm,是故如果您想要看懂或進一步修改程式,則必須先熟悉 ASP.NET MVC 程式原理與語法才能進行的。


    圖7 FAQ Web Application 專案程式

  • FAQ Web Application 網站的操作與管理

    在 執行 FAQ Web Application 網站程式前,您必須確定 SqlExpress 資料庫引擎是處於啓動狀態,因為資料庫將會透過它來執行,接著請按下 F5 功能鍵執行程式,點選【FAQ】頁籤,畫面中有依 Topic 主題分類的 FAQs、五大最高 FAQs 排行、最新的 FAQs 三大區塊。


    圖8 FAQs 程式執行畫面

    在 專案建立完成後,映入眼廉的是專案程式畫面,基本上 FAQ Web Application 專案主體是用 ASP.NET MVC 技術所建立的,而非傳統的 ASP.NET WebForm,是故如果您想要看懂或進一步修改程式,則必須先熟悉 ASP.NET MVC 程式原理與語法才能進行的。

    您可以進行一些基本操作,例如:點選每個 FAQs、FAQ 折疊、FAQs 的 Ratings 評分、Breadcrumb Navigator、RSS 訂閱等功能。

  • FAQ Web Application 網站管理

    另 外還有一個重要功能就是 FAQ Web Application 網站管理,讓管理者可以輕鬆建立 FAQs 資料,以視覺化管理介面建立 FAQs、編輯與刪除等功能。您只要在網址列結尾輸入「/Faq/admin」(如http://localhost:20938/Faq /admin),以管理者帳號「admin」,密碼「123456」登入,就可以使用後台管理功能。


    圖9 FAQs 後台管理功能

最後,本篇已初步介紹 FAQ Web Application 專案觀念與操作解說,讓各位了解要如何快速建立與套用 FAQs 網站功能,至於深入的程式觀念在後續下一篇將會詳細解說。



ASP.NET新手該如何入門?←上一篇 │首頁│ 下一篇→Web Application Toolkit for FAQs 程式開發與架構解析
本文引用網址: