DotNet開發聖殿

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

本篇為祭司的微軟教學及錄影文章

一．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 網站功能，至於深入的程式觀念在後續下一篇將會詳細解說。